第三次重构个人博客（基于 Vitepress）

[Justin3go]

原文内容：justin3go.com

摘要：

笔者在这篇文章中记录了自己第三次重构个人博客的过程，基于 Vitepress 进行了一系列的改进和优化。自 2022 年初开始使用 Vitepress 搭建博客，随着版本的更新，笔者逐渐感受到原有风格的不适，决定进行重新设计。本次重构的主要内容包括：

1. 首页设计：采用简单的博客分页列表，利用 createContentLoader 提取文章摘要等信息。
2. 部署与域名管理：将博客从 Github Pages 迁移至 Cloudflare Pages ，并更改 DNS 服务器。
3. 国际化支持：实现 Vitepress 和评论系统 Giscus 的国际化，支持中英双语。
4. 内容迁移：对博客文章进行迁移，生成摘要和标签，确保旧路径的兼容性以避免外链失效。
5. 优化用户体验：自定义字体并进行预加载，提升页面加载速度。

通过这些调整，笔者希望博客不仅在内容上丰富，同时在视觉和使用体验上也能给读者带来更好的感受。最终，笔者强调了博客设计对写作心情的重要性，认为整理环境能够促进创作灵感的流动。

博客网站是开源的： https://github.com/Justin3go/justin3go.com

[CHTuring]

要不你用 Astro 再重构一次，Lighhouse 性能起码能到 100% 。虽然 VitePress 的 seo 也不错，但是起码套了个 Vue ，数据 HTML 看起来了也挺恶心的。

[cue]

蛮漂亮的，不过感觉日期有点太淡了我眼神不大好

[Justin3go]

@CHTuring #20 这里从组件库 demo 里面 copy 过来的，我感觉还行就没删，是觉得提示太重了吗？

[Justin3go]

@cue #22 故意淡化了一下，标题重要一些所以就想突出一下主题；
后面会专门增加一个归档列表，那里日期时间就会更加重要一些

[Justin3go]

@CHTuring #21 换技术栈还没想过，太麻烦了

[CHTuring]

@Justin3go #25 无缓存加载，纯静态的博客，太大了。

[CHTuring]

虽然说你有加载字体文件

[Justin3go]

@CHTuring #27 主要就是这个中文字体文件太大了

[retrocode]

@fenglangjuxu #19 大佬 大佬, 秀啊

[XiaMuCoder]

https://weekly0.comm/

链接多写了个 m

[laoertongzhi]

老哥，怎么 vitepress 部署周刊网站啊，我也想弄一个。

[Justin3go]

@XiaMuCoder #30 wc ，大意了啊🤡

[Justin3go]

@laoertongzhi #31 周刊网站仓库在这里： https://github.com/Justin3go/FAV0

部署的话实用 cloudflare ，配置如下：


[Justin3go]

@laoertongzhi #31

[ThomasChan]

vitepress 默认配置的 local minisearch 搜索中文有点儿不好用，最近刚研究过，可以参考 https://github.com/lucaong/minisearch/issues/201#issuecomment-2227591121

[zhengkk]

怎么还有人折腾博客，感觉替代品很多啊

[Justin3go]

@ThomasChan #35 感谢，后面花时间去研究研究

[Justin3go]

@zhengkk #36 折腾也可以实践一些技术，博客算是比较方便的项目

[bug51]

就是怕被别人把整个博客文章都爬下来了。目前没啥办法。

[Justin3go]

@bug51 #39 爬呗，本来就是开源的