📝 为什么要写博客
第一次接触博客还是在高中的时候,偶尔在新浪博客或者空间日志上去发一些自己写的文章,记录一些自己认为有价值可以给其他人分享且有用的内容。
工作之后,经常也会遇到一些问题,在不懂的时候也会在互联网上用搜索引擎去查询问题,经常会在一些小众的个人博客中找到解决办法,平时自己也学习着怎么将自己遇到的问题解决成功后的过程记录下去分享在自己的博客,也许可以帮到那些曾经和你一样遇到同样问题的小伙伴们。
💻 选择博客的平台
很早的时候就想过怎么用自己的域名去访问的个人网站或者博客,网上也找了一堆其他人写的”如何搭建自己的个人博客”相关的教程内容去学习搭建,发现基本上都是一些用 Hexo + GitHub 去搭建的,有些还是要掌握一些技术相关的内容,折腾了很久但最终还是没有坚持下来于是就放弃了…
最近在闲时摸鱼 🐟 的时候,发现了一个叫 Gridea 的静态博客客户端,支持 Markdown 写作,在 GitHub Pages 的基础上去帮助您更轻松地构建和管理博客或任何静态站点。
对于个人博客的搭建,常用的像动态的 Typecho 、WordPress 等,还有静态的站点,如 Hugo、Jekyll 等。这些都有着各自的优缺点,不过对于小白用户来说, Gridea 真的是一款很友好的博客工具。
📕 如何通过 GitHub + Gridea 搭建自己的静态网站(以Mac为主)
Mac为主)
安装Git
要想远程部署在Github,必须要安装 Git,我个人的环境是 macOS,所以安装很简单,打开macOS自带的终端,输入下面命令行即可。
brew install git注册及配置 GitHub(访问可能较慢)
前往 GitHub 找到 Sign Up,填写 Join GitHub 表单信息

注册完成后,进入首页,开始点击左侧 new 或者右上角 + 创建自己的新仓库。

填写仓库表单信息并进行配置内容(需要注意的是,仓库名必须为 <Username>.github.io,必须和这个一样,否则不会生成 GitHub Pages。)
仓库类型要选择为公开 Public,其他内容都默认即可,最后选择 Create repository 创建仓库。

启用 GitHub Pages ,找到刚刚创建成功的仓库后,打开仓库的 Settings ,找到页面最下方的GitHub Pages 配置选项。
Source 选择 master 即可;
点击 Choose a theme 选择其中一个主题即可(因为后续我们使用 Gridea 设置主题,这边选择主题只是为了开启 GitHub Pages 可访问类型);
Custom Domain 填写自己的域名即可,默认不填为 GitHub 提供的二级域名;
如果使用自己的域名去访问网站?
前往阿里云、腾讯云、Godaddy等服务商申请域名,域名申请成功后,前往GitHub 仓库的 Settings 中的 GitHub Pages 选项中添加自己的自定义域名。
自定义域名 前往域名提供商域名管理中心(以 Godaddy 域名服务商为例),找到 Godaddy 中自己购买域名的 DNS 管理,并在原先的记录下添加2条新的记录即可。
DNS 管理 图片中的IP地址是根据在终端中通过命令行而得到的,打开终端输入以下命令
ping <Username>.github.io
Enforce HTTPS 选中即可。

创建新 token
若要使用 Gridea 管理 GitHub Pages ,需要创建一个新的 token ,前往 GitHub token 去生成你的 token ,勾选上 repo 相关权限即可,其他选项默认即可。

请把新建的 token 复制一个地方保存起来,因为关闭这个网页后你就再也看不到它了。(目前无法找到创建过的token)

安装 Gridea
前往 Gridea ,下载对应系统版本的安装包,安装即可,安装好基本是这样的页面:

配置 Gridea
找到 Gridea 应用中的远程连接页面,做好基本设置并保存。这步设置好后就可以开始使用。你可以点击客户端左下角的预览按钮来查看本地渲染效果,或者点击同步进行博客最新内容的部署。

博客页面设置
找到 Gridea 应用中的主题页面,在网页图标或者头像设置中上传对应的头像图片即可。
- FAVICON 网页图标

- 页面头像设置

找到 Gridea 应用中的菜单选项,可以新增、编辑、删除博客的菜单,完成后同步即可。
- 网页菜单

找到 Gridea 应用中的主题选项,可以选择内置的主题或者去付费或免费下载喜欢的主题 [主题市场 | Gridea ]
- 网页主题

🧑🏻💻 创建第一篇博客文章
在文章管理界面点击新建文章。GitHub Pages 使用 Markdown 编写文章,同时 Gridea 的文章编辑器提供了一些基本样式,点击按钮既可以添加对应标记,方便初学者使用。

编辑区的右侧可以设置 URL 、标签、创建时间、封面图和列表中隐藏。

- 标签:可以选择已有的标签,如果需要新标签请先回到主界面添加,再在文章编辑界面选择。
- 创建时间:会自动生成,也可以修改。
- 封面图:会显示在首页和其他文章列表(可设置隐藏)。
- 列表中隐藏:可以用于暂未编辑好的文章,或者不希望它显示于各种列表中而只能通过链接访问,比如关于页面。
所有的设置和内容更新要在服务器端生效都需要在保存后点击客户端左下角的同步。 为了保证不出问题,也可以同步前在本地进行预览。
同步完成之后,访问自己的博客之后就可以看到刚刚创建的博客文章。

由于 GitHub Pages 在国内访问十分缓慢,目前建议通过图片压缩工具进而减小图片本身大小来提高网站的加载速度。
后续再更新通过 CDN 加速或者通过七牛云存储去提高博客的访问速度 🙇🏻♂️


