Gridea Pro 完全上手指南 —— 从写作到发布,一篇搞定

Gridea Pro 入门

这篇指南会带你一步一步熟悉 Gridea Pro 的界面和操作,从写第一篇文章到把博客发布到互联网上。

认识界面

打开 Gridea Pro 后,你会看到左侧是导航栏,右侧是内容区域。

左侧导航从上到下依次是:

导航 说明
文 章 管理你的所有博客文章
闪 念 速记短想法、灵感碎片
评 论 查看和管理读者评论
菜 单 自定义博客的导航栏
分 类 管理文章分类
标 签 管理文章标签
友 链 管理友情链接
主 题 切换和配置博客主题
配 置 设置部署平台、SEO、CDN 等

导航栏底部有两个重要按钮:「预 览」「同 步」,后面会详细讲到。


第一步:写一篇文章

  1. 点击左侧导航的 「文 章」,进入文章列表页
  2. 点击右上角的 「 + 」 按钮,会打开文章编辑器
  3. 最上方是标题输入框,下方是正文编辑区(支持 Markdown 语法)
  4. 写完内容后,点击编辑器顶部工具栏的 「 纸飞机 」图标,会弹出右侧的文章设置面板

在文章设置面板中,你可以配置:

  • URL — 文章的访问路径(默认用文件名)
  • 分 类 — 选择一个分类,或留空
  • 标 签 — 点击已有标签添加,或输入新标签后按回车创建
  • 创建时间 — 默认是当前时间,可以手动修改
  • 封面图 — 粘贴在线图片链接,或点击上传区域从本地选择图片
  • 列表中隐藏 — 开启后,文章不会出现在博客的文章列表中(适合「关于」页面)
  • 置顶文章 — 开启后,文章会固定在博客文章列表最顶部

设置完成后,点击面板底部的 「发布」 按钮保存文章。如果还没写完,可以点击编辑器顶部的 「存草稿」 先保存为草稿。

小技巧:在文章正文中插入 <!-- more --> 标记,标记之前的内容会作为文章摘要显示在博客文章列表中。你可以通过编辑器右侧的 「…」 按钮快速插入这个标记。


第二步:选择主题

  1. 点击左侧导航的 「主 题」
  2. 默认进入 「选择主题」 标签页,上方展示当前使用的主题,下方展示其他可选主题
  3. 找到你喜欢的主题,点击 「使用该主题」 按钮即可切换
  4. 切换到 「基础配置」 标签页,填写你的博客名称、作者名、站点描述等信息
  5. 切换到 「个性化」 标签页,可以调整配色风格

每个主题还可能有自己的 「自定义配置」(第四个标签页),比如社交链接、布局选项等,按需设置即可。


第三步:预览效果

点击左侧导航栏底部的 「预 览」 按钮。

Gridea Pro 会自动渲染整个博客站点,然后在浏览器中打开预览。你可以看到文章、主题、导航菜单等所有内容的实际效果。

每次修改文章或切换主题后,重新点击「预 览」即可看到最新效果。

注意:博客不是实时渲染的,每次修改后都需要再次点击「预 览」才能看到最新效果。


第四步:配置部署

现在你的博客在本地已经准备好了,接下来配置一个部署平台,把它发布到互联网上。

  1. 点击左侧导航的 「配 置」
  2. 「平 台」 下拉框中选择你要使用的部署方式

Gridea Pro 支持以下平台:

GitHub Pages(推荐新手)

免费、全球可访问,配置步骤:

  1. 在 GitHub 上创建一个新仓库(仓库名建议用 你的用户名.github.io
  2. 前往 GitHub → Settings → Developer settings → Personal access tokens,生成一个 Token(勾选 repo 权限)
  3. 回到 Gridea Pro 的「配 置」页面,填写以下信息:
    • 域 名https://你的用户名.github.io
    • 仓库名称你的用户名.github.io
    • 分 支main
    • 仓库用户名:你的 GitHub 用户名
    • 邮 箱:你的 GitHub 注册邮箱
    • 令 牌:刚才生成的 Token
    • CNAME你购买的个人域名,如:are.ink`(可选,没有可不填)
  4. 点击 「检测远程连接」 验证配置是否正确
  5. 点击 「保存」

Gitee Pages

国内访问更快,配置方式与 GitHub 类似,需要在 Gitee 上创建仓库并生成私人令牌。

Vercel

支持自定义域名,智能增量部署。需要填写 Vercel 项目名称和 Access Token。

自定义域名(CNAME)

如果你有自己的域名(比如 blog.example.com),可以在上面的配置中填写 CNAME 字段:

  1. 在你的域名注册商的 DNS 管理后台,添加一条 CNAME 记录,将你的域名指向 你的用户名.github.io(GitHub)或对应的平台域名
  2. 回到 Gridea Pro 的「配 置」页面,将 域 名 改为你的自定义域名(如 https://blog.example.com
  3. CNAME 字段中填写你的自定义域名(如 blog.example.com
  4. 保存后重新同步,GitHub Pages 会自动识别并生效

如果暂时没有自己的域名,跳过这步即可,后面随时可以配置。


第五步:发布上线

一切配置就绪后,点击左侧导航栏底部的 「同 步」 按钮(火箭图标)。

按钮会显示加载动画,等待片刻,看到「同步成功啦!」的提示,说明你的博客已经发布到互联网上了。

打开浏览器,访问你在第四步填写的域名,就能看到你的博客了。

以后每次写完新文章或修改配置后,点一下「同 步」就会自动更新。

提示:Gridea Pro 内置了完整的 Git 引擎,你的电脑上不需要安装 Git,填好配置信息后,点击 「同 步」 按钮就可以直接发布。


更多功能

你已经完成了最核心的流程。以下是 Gridea Pro 的其他功能,可以慢慢探索:

闪 念 — 点击左侧「闪 念」,在输入框中写下你的想法,点击「发布」。支持用 #标签 的方式给速记打标签。左侧有热力图展示你的记录频率。

菜 单 — 点击左侧「菜 单」,可以自定义博客顶部的导航栏。比如添加「关于」「归档」「标签」等页面链接,也可以添加外部链接。

友 链 — 点击左侧「友 链」,添加友情链接,和其他博主互相推荐。

评 论 — 在「配 置」页面中可以设置评论系统(支持 Gitalk、Giscus、Waline、Twikoo 等 7 种方案),让读者可以在你的文章下方留言互动。

SEO — 在「配 置」→「SEO」标签页中,可以配置 Google Analytics、百度统计、JSON-LD 结构化数据等,帮助搜索引擎收录你的博客。Sitemap 和 RSS 订阅会自动生成,无需额外配置。

PWA — 在「配 置」→「PWA」标签页中,可以将你的博客配置为渐进式 Web 应用。开启后,读者可以把你的博客「添加到主屏幕」,获得接近原生 App 的浏览体验。可以自定义应用名称、主题色和图标。

CDN — 在「配 置」→「CDN」标签页中,可以开启图片和静态资源的 CDN 加速。配置好 CDN 仓库后,文章中插入的图片会自动上传到 CDN,加快博客的访问速度,尤其适合图片较多的博客。

彩蛋:MCP — 用 AI 管理你的博客

这是 Gridea Pro 最独特的能力之一。

Gridea Pro 内置了完整的 MCP(Model Context Protocol) 服务,这意味着你可以通过 AI 助手(如 Claude Desktop、Cursor、Claude Code 等任何支持 MCP 协议的客户端)直接与你的博客对话。

你可以用自然语言让 AI 帮你:

  • 写文章 — 「帮我写一篇关于 Vue 3 组合式 API 的入门教程,标签设为 Vue 和前端」
  • 管理内容 — 「把所有标签为"草稿"的文章列出来」「删除上个月的测试文章」
  • 记录闪念 — 「记一条速记:今天学会了 Go 的 channel 用法」
  • 配置站点 — 「把博客名称改为"我的技术笔记"」「切换到 flavor-theme 主题」
  • 发布部署 — 「渲染站点并部署到 GitHub Pages」

总共提供了 30+ 个 AI 可调用的工具,覆盖文章、标签、分类、菜单、友链、闪念、主题、设置、渲染和部署的完整管理。你不需要打开 Gridea Pro 的界面,在 AI 对话框里就能完成几乎所有操作。

配置方式很简单。以 Claude Desktop 为例,打开 Settings → Developer → Edit Config,在 mcpServers 中添加:

macOS:

{
  "mcpServers": {
    "gridea-pro": {
      "command": "/Applications/Gridea Pro.app/Contents/MacOS/gridea-pro-mcp",
      "env": {
        "SOURCE_DIR": "/Users/你的用户名/Documents/Gridea Pro"
      }
    }
  }
}

Windows:

{
  "mcpServers": {
    "gridea-pro": {
      "command": "C:\\Program Files\\Gridea Pro\\gridea-pro-mcp.exe",
      "env": {
        "SOURCE_DIR": "C:\\Users\\你的用户名\\Documents\\Gridea Pro"
      }
    }
  }
}
  • commandgridea-pro-mcp 二进制文件的路径
  • SOURCE_DIR — 你的博客数据目录路径
  • DEPLOY_ENABLED — 是否允许 AI 执行发布/同步操作(可选,默认关闭)

默认情况下,AI 只能帮你写文章、管理内容,不能直接发布到线上。如果你信任 AI 并希望它能帮你一键发布,在 env 中加上 "DEPLOY_ENABLED": "true" 即可开启。建议熟悉流程后再开启。

保存后重启 Claude Desktop,就可以在对话中直接管理你的博客了。它通过本地管道通信,不需要网络、不需要端口、不需要认证,数据始终在你的电脑上。


看到这里,相信你对 Gridea Pro 的使用已经有了全面的了解。

这篇指南可以随时删除。祝你博客之旅愉快!

评论