博客更新记录
这里是对博客的一些更新内容,记录对博客的瞎折腾
增加足迹
目前足迹是对接的高德地图,在文章的frontmatter增加字段footprint: 116.393823,39.905024
其中116.393823
是经度,39.905024
是纬度。 在配置文件 config.ts
配置如下即可对接。
Amap: {
// 高德地图 Web 端 key
key: "xxxxx",
// 高德地图安全密钥
securityJsCode: "xxxxx",
},
在足迹页面的地图上面会显示一个图标,点击图标会显示对应的文章信息,包括文章的标题、日期、封面、摘要、坐标对应的中文位置。点击查看详情会跳转到文章的详情页面。
坐标使用的是高德地图坐标拾取工具,可以在地图上点击获取对应的坐标。

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

8.19更新 优化卡片样式.
图片灯箱
为了更好的看图片样式,增加了使用html<div align="center"></div>
包裹图片的方式,点击图片会弹出灯箱,灯箱里面是图片的原始大小。
增加时间提示
当文章有更新时间时,会在文章的顶部显示一个时间提示,提示文章最后更新的时间。 当文章超过30天没有更新时,会在文章的顶部显示一个提示,提示主要文章内容的有效性。 这个提示现根据更新时间判断,没有更新时间就根据创建时间判断。

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

增加颜色切换按钮
点击按钮可以切换博客的颜色主题,目前支持浅色和深色两种主题。
修改评论组件
使用twikoo评论组件。原有评论数据丢失。