生活与思考

你好,世界:开启个人的写作空间

2026-09-20 #随笔#博客

终于把这个基于 Hexo 和 FlatPaper 主题的个人站点搭起来了。

很久以前就想找一个排版舒服、看起来安静不杂乱的博客模板,平时随手记录一些前端折腾记录、日常琐事或技术总结。兜兜转转,最终选定了这个纸质风格的界面,看着挺顺眼的。

为什么重新开始写博客?

在各种社交平台和即时通讯泛滥的当下,信息往往流转得很快,碎片的想法发出去没过几天自己都很难找回来。

拥有一个完全属于自己的独立博客,节奏会慢很多:

  • 可沉淀:长文、技术排坑经验可以按条理整理归档。
  • 自主掌控:内容以 Markdown 纯文本保存在 Git 中,不用担心平台规则或数据丢失。
  • 纯粹阅读:没有弹窗、没有复杂的算法流,只有文字、代码和简单的配图。

主题特性测试

FlatPaper 主题内置了挺多精致的小组件,这里也顺便记录一下常用的语法备忘:

1. 提示块(Note 容器)

写作小贴士

Hexo 支持通过 <!-- more --> 标记文章摘要,首页只会截取标记前的内容,点击「阅读全文」即可查看完整文章。

tip 为什么折腾静态博客

静态博客生成的是纯 HTML 网页,加载速度快,维护成本低,配合 GitHub Pages 基本零成本运行。

2. 代码块高亮演示

写技术笔记少不了贴代码,比如本地启动和发布的常用命令:

1
2
3
4
5
# 启动本地预览服务
hexo server

# 生成静态文件并推送到 GitHub Pages
hexo clean && hexo g && hexo d

再来一段简单的 JavaScript / Vue 示例:

1
2
3
4
5
6
7
8
9
10
11
12
13
import { ref, onMounted } from 'vue'

export default {
setup() {
const message = ref('Hello, VueWeb!')

onMounted(() => {
console.log('博客加载完成,欢迎常来交流。')
})

return { message }
}
}

接下来想写的内容

  • 前端开发中遇到的一些坑与性能调优小结
  • 常用工具与开发工作流的折腾心得
  • 偶尔的生活流水账与读书笔记

生活与工作总在往前走,希望这里能成为一个安静记录的地方。

评论
分享