你们的朋友蓝蓝！最近的梦想是活到建安二千年！
Joined Mar 2023
Pinned post
Pinned post
想买戒指……
Pinned post
自用，记一个2024待看清单【实时更新中】
游戏类：
与君盟 （多少年了 ）
极乐迪斯科（多少年了！ ）
博德之门3
逆转裁判系列
网文类：
诡秘之主（在听了在听了）
西出玉门
莲花楼吉祥纹
鬓边不是海棠红（多少年了！！）
穿成师尊，但开组会
求生在动物世界
祝姑娘今天掉坑了没
电视剧类：
大宋少年志1，2（真的我要看2吗我真的要看2吗）
戏剧类：
桃花扇
哗变（多少年了！！！）
视频类：
FSR剧情
谢李剧情
真的受不了了现在已经不想打开这个人批的我的论文，感觉李鸿章写北洋舰队没了的折子都不至于被骂成这个样子。。。。。。。。虽然我能调理自己告诉自己是这个人有病但是反复地受这种煎熬我真的是受不了
怎么办，已经连着倒霉一个星期了，现在还能正常和正常人沟通我觉得已经是医学奇迹
但是能不能别继续倒霉了！求求了！
室友凑了个周五周末去了洛阳开封，疯狂羡慕。。。。不过据说龙门石窟在这种普通周末也爆满，我好害怕。。。。。小浪底首阳山白马寺龙门石窟我何时才能成行。。。。。。
胆子大就想着和别人换一下班也能凑出一个周末不至于白白浪费一个无班周五+周末，结果个老逼登出差出得取消这个星期的所有班次，扬州结结实实地落在了手心里任我掌握
但是我都回来了我都备上肾上腺素了你告诉我明天的班取消了因为你不想上？啊？？
要不是我胆子大不管值班排班提前订好了上周的扬州行程，我估计现在还在后悔为什么没趁这个煞笔老板不干活的周末出去玩
但是后悔不后悔是一回事，骂不骂煞笔老板是另外一回事，你猜为什么周一到周五叫工作日来着？
听见傻逼老板声音在隔壁都会生理性恶心
ZHENDEXIANGBAZHOUMOSHANGGONGDESHABILAOBANSHALE
永爱一点点
rt
版本更新：更改了一个更符合社畜站的display name
感觉也就是当年没有照相机摄像机没有大魏电视台，不然高低能整出一张像赫鲁晓夫with玉米一样的丕with瓜果梨桃传世经典照
想买戒指……
在潮州旅游，体验中国人生：
每一步都有超过50%的可能踩雷
悟道，用来威胁别人的事物，往往就是施加威胁者自己最怕被挟持的东西
询问了gpt，以下是回复的解决方案，正在实践中
Creating an interactive world map on a Hugo site, where elements respond to mouse hover, involves several steps. Hugo is a static site generator, so you'll primarily be working with HTML, CSS, and JavaScript. Here's a step-by-step guide:
### Step 1: Set Up Your Hugo Site
If you haven't already, set up your Hugo site:
1. Install Hugo: [Hugo Installation Guide](https://gohugo.io/getting-started/installing/).
2. Create a new site: `hugo new site mysite`.
3. Navigate to your site's folder: `cd mysite`.
4. Add a theme (optional but recommended): [Hugo Themes](https://themes.gohugo.io/).
### Step 2: Choose a Map Solution
For the interactive map, you can use a JavaScript library like Leaflet, or a service like Google Maps. For simplicity, I'll use Leaflet, which is an open-source library for interactive maps.
1. Download Leaflet: [Leaflet](https://leafletjs.com/).
2. Place the Leaflet CSS and JS files in your Hugo site's static folder.
### Step 3: Add the Map to Your Hugo Site
1. Create a new HTML file in the `layouts` folder, or modify an existing one.
2. Embed the map using HTML and Leaflet. Here’s an example:
```html
<html>
<head>
<link rel="stylesheet" href="/leaflet.css"/>
<script src="/leaflet.js"></script>
</head>
<body>
<div id="mapid" style="height: 180px;"></div>
<script>
var mymap = L.map('mapid').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '© OpenStreetMap contributors'
}).addTo(mymap);
</script>
</body>
</html>
```
### Step 4: Add Interactive Elements
1. To add interactive elements, use Leaflet's features to add markers, popups, and event listeners for mouse hover events.
2. Here's an example of adding a marker with a popup that shows on hover:
```javascript
var marker = L.marker([51.5, -0.09]).addTo(mymap);
marker.bindPopup("<b>Hello world!</b><br>I am a popup.").openPopup();
marker.on('mouseover', function (e) {
this.openPopup();
});
marker.on('mouseout', function (e) {
this.closePopup();
});
```
### Step 5: Customize and Style
1. Customize the map and its elements according to your needs.
2. Use CSS to style the map and its elements. You can add the CSS to your site's main stylesheet or include it in the HTML file.
### Step 6: Build and Test Your Site
1. Run `hugo` to build your site.
2. Test locally using `hugo server`.
3. Make sure the map behaves as expected, with interactive elements responding to mouse hovers.
### Step 7: Deployment
Finally, deploy your Hugo site to a web server or a platform like GitHub Pages, Netlify, or Vercel.
This is a basic guide, and you can expand upon this by exploring Leaflet's extensive documentation and features to create a more complex and interactive map.
你们的朋友蓝蓝！最近的梦想是活到建安二千年！
Joined Mar 2023
