ChunLong Blog

ChunLong Blog

LOADING

你好,ChunLong Blog 上线啦

2026-08-20268 字 · 约 1 分钟230 次阅读
你好,ChunLong Blog 上线啦

欢迎来到我的小站 🎉

这里会记录我的技术笔记、踩坑经验和一些生活随想。网站本身也是一件"作品":它用 Next.js 全栈 构建,前后台一体,数据存在一个小小的 SQLite 文件里。

为什么自己写博客

把"想做"变成"做完",是博客存在的意义。

  • 输出倒逼输入,写出来才算真的懂了
  • 有一个完全属于自己的角落,不受平台规则约束
  • 折腾本身就是乐趣

这个站有什么

模块 说明
公开站点 首页 / 文章 / 归档 / 说说 / 相册 / 友链
动效 毛玻璃、樱花与萤火虫粒子、点击爆破、页面过渡
后台 /admin 在线写作,Markdown 实时预览

NOTE

暗色模式下会切换成萤火虫粒子,亮色模式是樱花,试试右上角的主题按钮 ✨

一点代码

文章就是这样渲染出来的——服务端 Markdown 管线:

const html = await unified()
  .use(remarkParse)
  .use(remarkGfm)
  .use(remarkMath)
  .use(remarkRehype)
  .use(rehypeKatex)
  .use(rehypePrettyCode) // Shiki 代码高亮
  .process(markdown);

部署也很简单:

npm run build
pm2 start npm --name chunlong-blog -- start

TIP

本站代码开源于 GitHub,欢迎参考。

那么,开始写吧。

评论

评论区尚未配置 · 站长可在后台「站点设置」中开启 giscus