本站又重构了
背景
之前在《博客迁移至 Nuxt》一文中已经提到,本站已迁移至 Nuxt 框架。由于采用的是 SSG(静态站点生成)模式,每次编辑文章都需要在本地修改后推送到代码仓库。
不过前段时间看到 yunyuyuan 的博客 里有一个有趣的功能:利用 GitHub API 在线编辑博客文章。这种方案无需数据库支持,直接在后台就能添加或修改文章内容。唯一的不足是需要等待 Vercel 完成部署才能看到最新修改——不过对于访问量不大的本站来说,这完全不是问题 😇。
为了避免每次修改都要手动输入 GitHub Token 的麻烦,我接入了 GitHub OAuth 认证,现在可以一键登录后台直接编辑文章。需要注意的是,由于添加了服务端 API,博客不再使用纯 SSG 模式,但仍保留着 Vercel 的一键部署特性。
项目地址
现在博客已经开放了源代码,Github 地址:ZeroBlog
技术栈
- Nuxt 3
- Nuxt Content v2
- Nuxt MDC (使用了自定义的 Nuxt MDC 组件模块 @sunshj/mdc)
- Nuxt Icon
- Nuxt Image
- UnoCSS
- giscus (评论系统)
- Fuse.js (模糊搜索,支持类Unix搜索命令,详见)
- tRPC (端到端的类型安全)
网站评分
PageSpeed Insights
TODO
- 文章加密
- OG Image
- 首屏
- 站点地图
- RSS