返回项目列表
墨迹博客封面

墨迹博客

你正在看的这个站:Next.js + Markdown 的个人博客,全文搜索、标签、归档与文章目录开箱即用。

Next.jsMarkdown

把写博客这件事压缩到最简:一篇文章就是一个 Markdown 文件,丢进 content/posts 目录即可发布。其余的时间用来写字。

功能

  • 文件式内容:frontmatter 声明标题、日期、标签与置顶,正文纯 Markdown
  • 全文模糊搜索:Fuse.js 驱动,命中正文也能浮出,首搜才加载索引
  • 标签、归档(按年份筛选)、文章目录(视口内小节滑线高亮)
  • 深浅双主题,Windows 与 Mac 字体渲染一致(webfont 本地打包)

技术栈

Next.js App Router 静态生成、Tailwind CSS v4、shadcn/ui、霞鹜文楷与思源宋体。

写作流程

bash
# 新文章就是新文件
echo "---\ntitle: 新一篇\ndate: 2026-09-20\ntags: [随笔]\n---" > content/posts/new-post.md
npm run dev