你好,NavBlog
欢迎来到你的新博客 🎉 这是一篇示例文章,你可以在后台把它删除或修改。
NavBlog 由 nav 导航 改造而来,保留了它最棒的特性:纯静态部署,却能在线进入后台编辑。
它是怎么工作的
- 每篇文章都是仓库
data/posts/目录下的一个 Markdown 文件; - 访问
/admin,用 GitHub / Gitee / GitLab 的 Access Token 登录; - 在后台写完文章点击保存,后台会通过 Git 平台 API 把文章提交回仓库;
- 托管平台(GitHub Pages / Netlify / Vercel / Cloudflare Pages)检测到提交后自动重新构建,一两分钟后新文章就上线了。
接下来做什么
- 进入后台 → 站点设置,修改标题、头像、横幅图、社交链接
- 进入后台 → 关于页,写一段自我介绍
- 配置 Giscus 评论(可选)
- 删除这篇示例文章,写下你的第一篇博客
构建时生成静态页面
构建时会为每篇文章生成独立的 HTML 文件,包含标题、描述、Open Graph 信息和文章正文,对搜索引擎友好。同时还会生成 sitemap.xml 和 rss.xml。
代码高亮
ts
function hello(name: string): string {
return `Hello, ${name}!`
}
console.log(hello('NavBlog'))表格
| 功能 | 状态 |
|---|---|
| 文章 / 归档 / 分类 / 标签 / 搜索 | ✅ |
| 在线后台写作 + 图片上传 | ✅ |
| Giscus 评论 | ✅ |
| 色相调色盘 / 深色模式 | ✅ |
玫瑰会有花期,爱你不分朝夕。