首页
/ 5分钟上手Gridea:零基础搭建个人博客的超详细指南

5分钟上手Gridea:零基础搭建个人博客的超详细指南

2026-02-05 04:02:42作者:郜逊炳

你还在为搭建个人博客而烦恼吗?注册域名、购买服务器、学习代码...这些复杂步骤是不是让你望而却步?本文将带你5分钟上手Gridea,无需任何技术背景,轻松搭建属于自己的个人博客。读完你将学会:Gridea的安装与配置、第一篇文章的发布、主题更换以及博客的预览与部署。

什么是Gridea

Gridea是一个静态博客写作客户端,你可以用它来记录生活、心情、知识、笔记、创意等。它支持Markdown语法,让你可以快速创作;可以给文章配上精美的封面图和插入图片;还可以对文章进行标签分组,方便管理和查找。

Gridea客户端界面

Gridea的特性非常丰富,包括:

  • 跨平台使用,支持Windows、MacOS和Linux设备。
  • 可使用GitHub Pages或Coding Pages向世界展示你的博客,未来将支持更多平台。
  • 简单配置即可接入Gitalk或DisqusJS评论系统,与读者互动。
  • 支持中文简体、中文繁体、英语等多种语言。
  • 提供多种默认主题和第三方主题,并且具有强大的主题自定义能力。
  • 可自定义源文件夹,利用OneDrive、百度网盘、iCloud、Dropbox等进行多设备同步。

官方文档:README-zh_CN.md

安装Gridea

首先,你需要获取Gridea的安装包。由于Gridea是开源项目,你可以通过以下方式获取:

  1. 访问Gridea的项目仓库:https://gitcode.com/gh_mirrors/hv/hve-notes
  2. 在仓库中找到适合你操作系统的安装包进行下载。

下载完成后,按照安装向导的提示进行安装即可,过程非常简单,这里就不详细赘述了。

配置Gridea

安装完成后,打开Gridea,首先需要进行一些基本配置。

源文件夹设置

Gridea允许你自定义源文件夹,以便利用各种云存储服务进行多设备同步。设置方法如下:

  1. 点击菜单栏中的“设置”。
  2. 在设置页面中,找到“源文件夹设置”选项。
  3. 选择你想要作为源文件夹的路径,可以是本地文件夹,也可以是云存储同步到本地的文件夹。

源文件夹设置界面

基本信息设置

接下来,需要设置博客的基本信息,包括博客名称、作者、描述等。

  1. 在设置页面中,找到“基本设置”选项。
  2. 填写博客名称、作者、描述等信息。这些信息将会显示在你的博客中,让读者了解你的博客主题和作者信息。

主题选择

Gridea提供了多种主题供你选择,你可以根据自己的喜好和博客风格选择合适的主题。

  1. 在设置页面中,找到“主题”选项。
  2. 浏览可用的主题,点击即可预览。
  3. 选择你喜欢的主题,点击“应用”即可更换主题。

Gridea主题选择

主题相关源码:public/default-files/themes/

发布第一篇文章

配置完成后,就可以开始发布你的第一篇文章了。

创建文章

  1. 点击Gridea主界面中的“新建文章”按钮。
  2. 在弹出的窗口中,填写文章的标题、标签等信息。标题要简洁明了,能够概括文章的主要内容;标签可以帮助读者更好地分类和查找文章。

使用Markdown编辑文章

Gridea支持Markdown语法,让你可以快速、高效地编辑文章。你可以使用各种Markdown语法来格式化文本,如标题、列表、链接、图片等。

例如,你可以使用“#”来表示标题,“*”或“-”来表示列表,“链接文本”来添加链接,“图片描述”来插入图片。

Markdown编辑器

添加封面图和图片

为文章添加精美的封面图和插图可以让文章更加生动吸引人。

  1. 在编辑文章时,找到“封面图”选项,点击上传图片,选择你喜欢的图片作为文章的封面图。
  2. 在文章编辑区域,你可以在任意位置插入图片,只需使用Markdown的图片语法,并填写正确的图片路径。你可以上传本地图片,也可以引用网络图片(但要注意图片的版权问题)。

发布文章

编辑完成后,就可以发布文章了。

  1. 点击编辑界面中的“发布”按钮。
  2. Gridea会自动将你的文章生成为静态文件,并根据你的配置部署到相应的平台(如GitHub Pages或Coding Pages)。

预览和部署博客

在发布文章之前,你可以先预览一下博客的效果,确保一切符合你的预期。

  1. 点击Gridea主界面中的“预览”按钮。
  2. Gridea会启动本地服务器,你可以在浏览器中查看博客的预览效果。

如果预览效果满意,就可以进行部署了。部署过程非常简单,只需点击“部署”按钮,Gridea会自动完成后续的部署工作。

部署相关源码:src/server/deploy.ts

自定义主题

如果你对默认主题不满意,Gridea还提供了强大的主题自定义能力,让你可以打造独一无二的博客风格。

主题文件结构

Gridea的主题文件通常包含以下几个部分:

  • 模板文件(.ejs):用于定义博客的页面结构。
  • 样式文件(.less):用于定义博客的样式。
  • 配置文件(config.json):用于配置主题的各种参数。

你可以在public/default-files/themes/目录下找到各种主题的文件。

修改主题样式

如果你只想简单修改主题的颜色、字体等样式,可以直接编辑主题的样式文件。例如,你可以修改public/default-files/themes/fly/assets/styles/_core/colors.less文件来更改主题的颜色方案。

自定义模板

如果你想要更改博客的页面结构,可以编辑主题的模板文件。模板文件使用EJS语法,你可以根据自己的需求修改页面的布局、组件等。

总结

通过本文的介绍,相信你已经了解了如何使用Gridea快速搭建个人博客。从安装到配置,再到发布文章和自定义主题,整个过程非常简单,即使你没有任何技术背景,也能轻松上手。

Gridea是一个非常优秀的静态博客写作客户端,它的出现让搭建个人博客变得如此简单。如果你也想拥有一个属于自己的个人博客,不妨试试Gridea,相信它不会让你失望。

最后,如果你觉得本文对你有帮助,欢迎点赞、收藏、关注三连,后续还会为大家带来更多关于Gridea的使用技巧和高级玩法。

登录后查看全文
热门项目推荐
相关项目推荐