Daily Study
更新: 5/27/2025 字数: 0 字 时长: 0 分钟
Daily Plan
#todo
博客功能升级
关于Diary部分的看板
构建时数据加载
首先在网上调研了很多模板，了解到这里其实主要涉及到博客的标签和归档这两个功能的开发，都用到了VitePress的数据加载功能，它允许加载任意数据并从页面或组件中导入它。同时数据加载只在构建时执行（这里又涉及到前端Vue或者Vite的整个生命周期和各个生命周期的作用），最终的数据将被序列化为 JavaScript 包中的 JSON。
数据加载可以被用于获取远程数据，也可以基于本地文件生成元数据。例如，可以使用数据加载来解析所有本地 API 页面并自动生成所有 API 入口的索引。这里就是采用这个思路来做归档页。
具体链接： 构建时数据加载 | VitePress
期望的模板
参照博客：所有文章 - 唯知笔记 这个博客中的样式风格我很喜欢，尤其是归档和标签这两个部分。但是并没有开源，只提供了部分教学代码，我也按照步骤实践了一下，但由于博客的细节组件并不相同，以及一些MarkDown的属性我并没有用到，所以按部就班的模仿效果并不是很好。
这个留在后面不断改进吧，感觉前端的基础知识还没有那么熟练
实现形式
只针对Diary中的文件创建了一个归档组件 DiaryArchive.vue，整体思路是根据文件名，都是"2025-5-22"这样的形式，然后提取年月日，做成一个日历面框，每个月份下面写有相应的文章数量。
进一步，针对其他文件夹中的文件，我需要更具创建时间来进行归档。
关于页面浏览量统计
使用busuanzi不蒜子 - 极简网页计数器，做了一个最基本的形式放在页面的最下方。
本站总访问量 <span id="busuanzi_value_site_pv" /> 次
本站访客数 <span id="busuanzi_value_site_uv" /> 人次有一个更好看的形式：VitePress 添加不蒜子统计 - 唯知笔记
关于页面底层的评论机制
使用了giscus，真的很好用，配起来也很快，结合Github仓库。 参照链接：插件 | VitePress
关于页面的搜索功能
使用了DocSearch，来源Algolia的 Algolia DocSearch直接集成在VitePress