Home
avatar

YoungYet

博客更新记录

📢 本文已更新于: 2025-08-30 中午

这里是对博客的一些更新内容,记录对博客的瞎折腾

增加足迹

目前足迹是对接的高德地图,在文章的frontmatter增加字段footprint: 116.393823,39.905024 其中116.393823是经度,39.905024是纬度。 在配置文件 config.ts 配置如下即可对接。

Amap: {
    // 高德地图 Web 端 key
    key: "xxxxx",
    // 高德地图安全密钥
    securityJsCode: "xxxxx",
  },

在足迹页面的地图上面会显示一个图标,点击图标会显示对应的文章信息,包括文章的标题、日期、封面、摘要、坐标对应的中文位置。点击查看详情会跳转到文章的详情页面。

坐标使用的是高德地图坐标拾取工具,可以在地图上点击获取对应的坐标。

卡片
8.16更新 增加悬浮,当前在、有游记、想去的、去过的城市。可单独控制显示。 增加有游记的文章会在地图上显示一个图标,点击图标会显示对应的文章信息。 增加当前位置,通过配置当前位置的坐标,在地图上显示一个图标,点击图标会显示当前位置的信息。 增加去过的、想去的。通过对接GitHub实现实时数据,实时更新数据。 8.19更新 重写足迹样式,全屏显示. 避免地图缩放导致临近的标记覆盖,增加聚合功能标记的功能. 增加卫星图、重置视图. 避免高德地图敏感信息的泄露.

豆瓣页面

增加了豆瓣页面,使用的方法是通过静态数据读取,将豆瓣的电影数据静态化,在GitHub中存储数据为json文件,实时读取数据。增加豆瓣数据只需要更新json数据即可,使用https://images.weserv.nl/?url= 作为图片代理,解决豆瓣图片防盗链的问题。 豆瓣页面的展示效果如下:

豆瓣

8.19更新 优化卡片样式.

图片灯箱

为了更好的看图片样式,增加了使用html<div align="center"></div>包裹图片的方式,点击图片会弹出灯箱,灯箱里面是图片的原始大小。

增加时间提示

当文章有更新时间时,会在文章的顶部显示一个时间提示,提示文章最后更新的时间。 当文章超过30天没有更新时,会在文章的顶部显示一个提示,提示主要文章内容的有效性。 这个提示现根据更新时间判断,没有更新时间就根据创建时间判断。

豆瓣

添加文章下面的上一篇和下一篇

当文章有上一篇或下一篇时,会在文章的底部显示上一篇或下一篇的封面和标题,封面默认模糊,当鼠标悬停在封面或标题上时,封面会变得清晰。 点击封面或标题可以跳转到上一篇或下一篇的文章。 如果没有上一篇或下一篇,就不会显示对应的内容。

上一篇和下一篇

增加颜色切换按钮

点击按钮可以切换博客的颜色主题,目前支持浅色和深色两种主题。

修改评论组件

使用twikoo评论组件。原有评论数据丢失。

更新记录