原文内容：justin3go.com
摘要：
笔者在这篇文章中记录了自己第三次重构个人博客的过程，基于 Vitepress 进行了一系列的改进和优化。自 2022 年初开始使用 Vitepress 搭建博客，随着版本的更新，笔者逐渐感受到原有风格的不适，决定进行重新设计。本次重构的主要内容包括：
通过这些调整，笔者希望博客不仅在内容上丰富，同时在视觉和使用体验上也能给读者带来更好的感受。最终，笔者强调了博客设计对写作心情的重要性，认为整理环境能够促进创作灵感的流动。
博客更新：新增了一个归档页面，大家有的我也要有！
 |
NavsSiteJul 31, 2024
1
00 后，厉害了
 |
 |
37Y37Jul 31, 2024 via Android
2
周末也更新了博客，主要是所有图片路径修改，折腾了一下，写了个检验程序，保证所有更改都正常
|
|
37Y37Jul 31, 2024
5
@Justin3go #4 可以翻着看看，人肉检查下是不是有漏网之鱼 https://blog.ops-coffee.cn/
|
 |
1KTN90lKW9gVJ9vXJul 31, 2024 via Android
6
我也有个博客 www.sl
|
 |
dfordJul 31, 2024
8
怎么这么快？
|
 |
keepfunJul 31, 2024 via Android
9
看到楼上发域名 我也发个相关的 justgo.run
|
 |
cutiechiJul 31, 2024
10
中英文之间无间距
|
 |
michaeljacksonJul 31, 2024
11
我用的 ihewro.com 这家的基于 typecho 的
|
 |
cvoocJul 31, 2024
12
@fenglangjuxu 还是我这个好一点 哈哈 https://foo.run
|
 |
14
@fenglangjuxu #9 我还有个 jsgo.dev 的域名哈哈哈有点像
|
|
15
@superchijinpeng #10 细节，确实该这样排版，下次写文章会注意的🤡
|
|
16
@michaeljackson #11
|
 |
flashBee233Jul 31, 2024
17
不错，很简洁👍
|
|
18
@flashBee233 #17 谢谢！🥰
|
 |
CHTuringJul 31, 2024
20
 为啥跳转页面还有个 messge 提示～ |
|
CHTuringJul 31, 2024
21
要不你用 Astro 再重构一次，Lighhouse 性能起码能到 100% 。虽然 VitePress 的 seo 也不错，但是起码套了个 Vue ，数据 HTML 看起来了也挺恶心的。
|
 |
cueJul 31, 2024
22
蛮漂亮的，不过感觉日期有点太淡了我眼神不大好
|
|
CHTuringJul 31, 2024
27
虽然说你有加载字体文件
|
|
cvoocJul 31, 2024
29
@fenglangjuxu #19 大佬 大佬, 秀啊
|
 |
v2NPCJul 31, 2024
30
https://weekly0.comm/
链接多写了个 m  |
 |
laoertongzhiJul 31, 2024
31
老哥，怎么 vitepress 部署周刊网站啊，我也想弄一个。
|
|
32
@XiaMuCoder #30 wc ，大意了啊🤡
|
|
33
@laoertongzhi #31 周刊网站仓库在这里： https://github.com/Justin3go/FAV0
部署的话实用 cloudflare ，配置如下：  |
|
34
@laoertongzhi #31
 |
 |
ThomasChanJul 31, 2024
35
vitepress 默认配置的 local minisearch 搜索中文有点儿不好用，最近刚研究过，可以参考 https://github.com/lucaong/minisearch/issues/201#issuecomment-2227591121
|
 |
zhengkkJul 31, 2024
36
怎么还有人折腾博客，感觉替代品很多啊
|
|
37
@ThomasChan #35 感谢，后面花时间去研究研究
|
 |
bug51Jul 31, 2024
39
就是怕被别人把整个博客文章都爬下来了。目前没啥办法。
|
 |
subframe75361Jul 31, 2024
41
@ThomasChan 那用啥，flexsearch ？
|
|
42
@subframe75361 就还是 minisearch ，我说的研究的意思是指看了下 vitepress 源码怎么使用 minisearch 的，最后发现是分词的配置问题，在 vitepress 里像下边这样配置就可以了
```js ... export default defineConfig({ ... themeConfig: { search: { options: { miniSearch: { options: { tokenize: (term) => { if (typeof term === 'string') term = term.toLowerCase(); // @ts-ignore const segmenter = Intl.Segmenter && new Intl.Segmenter("zh", { granularity: "word" }); if (!segmenter) return [term]; const tokens = []; for (const seg of segmenter.segment(term)) { // @ts-ignore tokens.push(seg.segment); } return tokens; }, }, searchOptions: { combineWith: 'AND', // important for search chinese processTerm: (term) => { if (typeof term === 'string') term = term.toLowerCase(); // @ts-ignore const segmenter = Intl.Segmenter && new Intl.Segmenter("zh", { granularity: "word" }); if (!segmenter) return term; const tokens = []; for (const seg of segmenter.segment(term)) { // @ts-ignore tokens.push(seg.segment); } return tokens; }, }, }, }, }, }, ... }); ``` |
 |
43
@Justin3go 中文字体建议按汉字词频做字体切分
|
|
44
@nagisaushio #43 了解到了新知识，谢谢！❤️
|
 |
1rv013c6aiWPGt24Jul 31, 2024 via Android
45
看看我的 simple blog
yuanj.top |
 |
TinkAug 1, 2024
47
|
|
laoertongzhiAug 1, 2024
48
@Justin3go #34 非常感谢！
|
|
1rv013c6aiWPGt24Aug 1, 2024 via Android
50
@Tink 你这个吊，
|
|
1rv013c6aiWPGt24Aug 2, 2024 via Android
52
@dif 怎么说？哥们也是敦煌的？
|
|
1rv013c6aiWPGt24Aug 8, 2024 via Android
54
@dif 认识一下？
|
2
Select Language