终于把这个基于 Hexo 和 FlatPaper 主题的个人站点搭起来了。
很久以前就想找一个排版舒服、看起来安静不杂乱的博客模板,平时随手记录一些前端折腾记录、日常琐事或技术总结。兜兜转转,最终选定了这个纸质风格的界面,看着挺顺眼的。
为什么重新开始写博客?
在各种社交平台和即时通讯泛滥的当下,信息往往流转得很快,碎片的想法发出去没过几天自己都很难找回来。
拥有一个完全属于自己的独立博客,节奏会慢很多:
- 可沉淀:长文、技术排坑经验可以按条理整理归档。
- 自主掌控:内容以 Markdown 纯文本保存在 Git 中,不用担心平台规则或数据丢失。
- 纯粹阅读:没有弹窗、没有复杂的算法流,只有文字、代码和简单的配图。
主题特性测试
FlatPaper 主题内置了挺多精致的小组件,这里也顺便记录一下常用的语法备忘:
1. 提示块(Note 容器)
写作小贴士
Hexo 支持通过 <!-- more --> 标记文章摘要,首页只会截取标记前的内容,点击「阅读全文」即可查看完整文章。
tip 为什么折腾静态博客
静态博客生成的是纯 HTML 网页,加载速度快,维护成本低,配合 GitHub Pages 基本零成本运行。
2. 代码块高亮演示
写技术笔记少不了贴代码,比如本地启动和发布的常用命令:
1 | # 启动本地预览服务 |
再来一段简单的 JavaScript / Vue 示例:
1 | import { ref, onMounted } from 'vue' |
接下来想写的内容
- 前端开发中遇到的一些坑与性能调优小结
- 常用工具与开发工作流的折腾心得
- 偶尔的生活流水账与读书笔记
生活与工作总在往前走,希望这里能成为一个安静记录的地方。