原文内容:justin3go.com
摘要:
笔者在这篇文章中记录了自己第三次重构个人博客的过程,基于 Vitepress 进行了一系列的改进和优化。自 2022 年初开始使用 Vitepress 搭建博客,随着版本的更新,笔者逐渐感受到原有风格的不适,决定进行重新设计。本次重构的主要内容包括:
通过这些调整,笔者希望博客不仅在内容上丰富,同时在视觉和使用体验上也能给读者带来更好的感受。最终,笔者强调了博客设计对写作心情的重要性,认为整理环境能够促进创作灵感的流动。
博客更新:新增了一个归档页面,大家有的我也要有!
1
NavsSite 115 天前
|
2
37Y37 115 天前 via Android
周末也更新了博客,主要是所有图片路径修改,折腾了一下,写了个检验程序,保证所有更改都正常
|
5
37Y37 115 天前
@Justin3go #4 可以翻着看看,人肉检查下是不是有漏网之鱼 https://blog.ops-coffee.cn/
|
6
1KTN90lKW9gVJ9vX 115 天前 via Android
我也有个博客 www.sl
|
8
dford 115 天前
怎么这么快?
|
9
fenglangjuxu 115 天前 via Android
看到楼上发域名 我也发个相关的 justgo.run
|
10
superchijinpeng 115 天前
中英文之间无间距
|
11
michaeljackson 115 天前
我用的 ihewro.com 这家的基于 typecho 的
|
12
retrocode 115 天前
@fenglangjuxu 还是我这个好一点 哈哈 https://foo.run
|
14
Justin3go OP @fenglangjuxu #9 我还有个 jsgo.dev 的域名哈哈哈有点像
|
15
Justin3go OP @superchijinpeng #10 细节,确实该这样排版,下次写文章会注意的🤡
|
16
Justin3go OP @michaeljackson #11
|
17
flashBee233 115 天前
不错,很简洁👍
|
18
Justin3go OP @flashBee233 #17 谢谢!🥰
|
19
fenglangjuxu 115 天前
|
20
CHTuring 115 天前
|
21
CHTuring 115 天前
要不你用 Astro 再重构一次,Lighhouse 性能起码能到 100% 。虽然 VitePress 的 seo 也不错,但是起码套了个 Vue ,数据 HTML 看起来了也挺恶心的。
|
22
cue 115 天前
蛮漂亮的,不过感觉日期有点太淡了我眼神不大好
|
27
CHTuring 115 天前
虽然说你有加载字体文件
|
29
retrocode 115 天前
@fenglangjuxu #19 大佬 大佬, 秀啊
|
30
XiaMuCoder 115 天前
|
31
laoertongzhi 115 天前
老哥,怎么 vitepress 部署周刊网站啊,我也想弄一个。
|
32
Justin3go OP @XiaMuCoder #30 wc ,大意了啊🤡
|
33
Justin3go OP @laoertongzhi #31 周刊网站仓库在这里: https://github.com/Justin3go/FAV0
部署的话实用 cloudflare ,配置如下: ![]( https://oss.justin3go.com/blogs/Justin3go_2024-07-31_16-47-00.png) |
34
Justin3go OP @laoertongzhi #31
|
35
ThomasChan 115 天前
vitepress 默认配置的 local minisearch 搜索中文有点儿不好用,最近刚研究过,可以参考 https://github.com/lucaong/minisearch/issues/201#issuecomment-2227591121
|
36
zhengkk 115 天前
怎么还有人折腾博客,感觉替代品很多啊
|
37
Justin3go OP @ThomasChan #35 感谢,后面花时间去研究研究
|
39
bug51 115 天前
就是怕被别人把整个博客文章都爬下来了。目前没啥办法。
|
41
subframe75361 115 天前
@ThomasChan 那用啥,flexsearch ?
|
42
ThomasChan 115 天前 2
@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
nagisaushio 115 天前 via Android 1
@Justin3go 中文字体建议按汉字词频做字体切分
|
44
Justin3go OP @nagisaushio #43 了解到了新知识,谢谢!❤️
|
45
1rv013c6aiWPGt24 115 天前 via Android
看看我的 simple blog
yuanj.top |
47
Tink 114 天前
|
48
laoertongzhi 114 天前
@Justin3go #34 非常感谢!
|
50
1rv013c6aiWPGt24 114 天前 via Android
@Tink 你这个吊,
|
52
1rv013c6aiWPGt24 113 天前 via Android
@dif 怎么说?哥们也是敦煌的?
|
54
1rv013c6aiWPGt24 107 天前 via Android
@dif 认识一下?
|