博客更新记录
这里是对博客的一些更新内容,记录对博客的瞎折腾
增加足迹
目前足迹是对接的高德地图,在文章的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://dbimg.blog.yt/ 作为图片代理,解决豆瓣图片防盗链的问题。 豆瓣页面的展示效果如下: 
增加时间提示
当文章有更新时间时,会在文章的顶部显示一个时间提示,提示文章最后更新的时间。 当文章超过30天没有更新时,会在文章的顶部显示一个提示,提示主要文章内容的有效性。 这个提示现根据更新时间判断,没有更新时间就根据创建时间判断。

添加文章下面的上一篇和下一篇
当文章有上一篇或下一篇时,会在文章的底部显示上一篇或下一篇的封面和标题,封面默认模糊,当鼠标悬停在封面或标题上时,封面会变得清晰。 点击封面或标题可以跳转到上一篇或下一篇的文章。 如果没有上一篇或下一篇,就不会显示对应的内容。
增加颜色切换按钮
点击按钮可以切换博客的颜色主题,目前支持浅色和深色两种主题。
修改评论组件
使用twikoo评论组件。原有评论数据丢失。 26.1.25评论地址修改为 comment.blog.yt
增加拥有页面
通过在yong文件夹下增加文档,实现拥有物品展示。
博客整体更换风格
风格改为古风风格。
添加引用朋友圈
引用我的自建朋友圈最新内容,551211.xyz
添加悬浮音乐播放器
因api方面缓存限制,我设置的歌单并不能实时更新。
更换图片存储
26.8.5日图片等资源存储改为 img.blog.yt
添加加密文章功能
文章顶部 frontmatter 添加 password即可。例如password: “123”
加密流程 服务端(构建时):
使用 Astro Container API 将
用户输入密码 用 Web Crypto API (crypto.subtle) 通过 PBKDF2 派生密钥 AES-GCM 解密,成功则注入 HTML 并触发文章脚本重新初始化



