轻松搭建个人博客——Gridea+GitHub Pages

0. 前言

如何拥有一个属于自己的博客网站？
过去，我会推荐使用WordPress或是Typecho搭建个人站点，但金钱成本（服务器租用）与时间成本（技术故障），常常会令非计算机爱好者望而却步。
稍早一些时候，我会推荐利用类似Hexo的博客框架结合GitHub Pages搭建静态博客。由于不需要租用服务器，几乎称得上是零成本。然而，使用者仍然需要面对黑漆漆的命令行，这恐怕对许多人来说也算不上友好。
直到前些日子，无意中看到介绍Gridea的文章，拍案叫绝：它等于是让以前的博客框架有了一套容易上手的GUI。

这也是我为什么推荐Gridea：友好的图形客户端，简化的部署过程，易懂的后台设置，搭配GitHub Pages或Gitee搭建网站，非计算机爱好者也能够快速上手。
如此一来，就可以邀请身边的小伙伴们一起来搭博客啦🤣。
（暴露动机）

1. 配置过程

1. 下载Gridea
   
   在下载界面下载相应平台的客户端。主下载地址由于是从GitHub上下载，国内速度有可能比较缓慢，可以使用主下载地址下方列出的Gitee源。

2. 注册GitHub
   
   按照相应提示注册GitHub。

3. 点击左上角按钮(Create repository)创建一个仓库
   
   仓库名称（Repository name)填写为[你的用户名].github.io，其他保持默认，点击创建(Create repository)。
   

4. 点击这里创建一个Token，如图勾选repo权限，最后点击提交。
   

5. 保存好生成的一大串字符。
   

6. 安装Gridea，在远程-基础配置内填写相关信息。
   平台这里我们使用的是GitHub Pages，因此勾选，域名与仓库名这边可以先填写先前的[你的用户名].github.io，分支填写默认master，仓库用户名填写你的GitHub用户名，邮箱可填你的绑定邮箱，也可不填，令牌填写之前生成的token，CNAME用于自定义域名，这儿暂时不使用自己的域名，不填写。
   

7. 点击左下角“检测远程连接”，如果信息填写正确，就会出现相应提示，此刻就可以点击右下角保存按钮。你可以先点击预览，在本地查看生成的网站。之后，接着点击左下角的“同步按钮”，同步网站到仓库。

8. 接着你就可以通过浏览器访问网址：[你的用户名].github.io，查看你的网站了。
   

目前，整个配置工作基本就完成了！你接下来可以对博客进行个性化设置，更改网站名称，更换网站主题等等。

2. 个性化博客

你可以在“主题”栏目的各个分支下更改各个配置项，比如在主题-基本配置下，你可以更改一个你喜欢的博客主题（点击进入主题市场浏览更多主题），更改网站的名称以及更改其他杂项，在“自定义配置”下你可以更改网站的布局、颜色、社交链接、自定义CSS等等，你还可以在两外两个栏目里更改网页与头像图片。

你还可以在远程-评论配置里打开评论框，由于是静态博客，并没有数据库，因此需要引入外部服务来实现评论功能。这儿建议使用Gitalk开源项目，Disqus在大陆地区由于被封锁无法使用。具体的开启方式会在下文谈及。
个性化操作完成后，记得点击保存。所有的更改完成后，记得点击同步按钮同步本地内容到网站上。

3. 写文章

开始写文章！你可以先从更改默认的“关于”页面开始，点击进入。

Markdown

你会发现博文中有一些符号，比如 > 或者 ##，它们都属于一种名叫Markdown的轻量级标记语言，这儿的>代表“引用”，而##代表“二级标题”。

MarkDown虽然叫“标记语言”，但其实仅仅是一种非常简单的标记（别被吓到啦🤣），和编程根本没有关系。它的目的是在纯文本种实现文本格式（比如在记事本中）（相对应的另一面是Word)。
以下罗列的是常用的Markdown语法：

• # 加上文字是一级标题，如# 一级标题
  二级标题就是文字前加上两个#，以此类推;
• **文字** 表示加粗；
• *文字* 表示斜体；
• 文字前加 > 表示引用；
• 空白行输入 * * * 生成分割线；
• 无序列表：文字前加 *（或 +、-），如* 文字
• 有序列表：数字加英文句号，如1. 文字 2. 文字 3. 文字
• 插入超链接：[显示文本](链接地址)
• 插入图片：![](图片链接地址)

MarkDown的语法大部分都十分易懂，但“插入图片”的语法的确有些繁琐，你可以在写作界面的右侧栏，点击图片的小图标，通过系统界面选取本地图片轻松插入。
通过MarkDown写作的好处在于，你可以完全专注于文字内容本身，而无需为他物所干扰；同时，你可以在软件数据目录（~/Documents/Gridea）找到后缀为md的文章文件，你可以通过记事本打开查看，有一天如果你厌倦了使用Gridea，你也可以随时将所有内容迁移到任何支持MarkDown的平台。

其他杂项

右边的侧栏除了可以轻松插入图片、表情，还可以通过设置小图标设置文章的标签、创建时间、封面图、自定义的URL、是否置顶/隐藏等等。
你还可以点击···插入“摘要分隔符”，光标之前的内容将会作为摘要，显示在首页的文章摘要上。

最后步骤

写作完成后，点击右上角的绿色✔，发布文章，也可以点击灰色✔存为草稿。点击回退 ← 回到主界面。你可以点击同步按钮，把你的更改内容同步到网站上！

新建一篇文章

刚才更改的是默认的关于页面，现在你就可以新建一篇全新的博文啦。记得如果要让本地内容同步到网站上，需要点击同步按钮进行同步操作。

4. 探索更多

实际上，你可能会觉得你的网站在某些方面还不算是一个网站，比如，你的博客地址仍然是一个子域名（如：yihang-demo.github.io)，而不是类似于”yharea.com”的二级域名（😂）。又比如，你的博客没有评论框，一个网站不能评论怎么行，小伙伴应该怎样给你的精彩内容评论呢？（😂）接下来，我要讲讲如何自定义域名以及如何配置Gitalk评论框。

自定义域名

什么是域名？

什么是域名呢？你可以搜索它的定义。通俗来讲，域名犹如网络上的便于人们记忆的地名，而IP地址对应着网络上的门牌号。我们访问各个网站，实际上是在访问它的IP地址。但记住网站的IP地址，就犹如记住精确的门牌号一般不便于人们记忆。通常我们在地址栏访问百度，并不会输入百度的IP地址，而是会输入www.baidu.com，由DNS告知我们百度的IP地址是什么。DNS犹如出租车老司机，熟知各种地名对应的具体位置，你登上他的车，说“去百度！”，他就把车辆驶向百度服务器的精确位置。
如今的移动互联网时代，浏览器不再是唯一的入口，域名的重要性也明显被弱化了，藏在一个个APP的界面之下。

拥有域名的好处？

拥有一个域名有什么好处？一方面，别人可以更容易地通过输入地址进入你的网站，比如我的网站名叫“艺航领域”，就对应“yharea”，相对来说就比xxx.github.io这类子域名更加方便。
此外，你还可以用自己的域名作为自己邮箱的后缀，比如email@yharea.com，你可以免费通过网易企业邮箱、腾讯企业邮箱、Yandex企业邮箱配置自己的个性化后缀邮箱，相关内容可以网上搜索。你还可以用域名做到很多其他的事情，在此不再赘述。

如何拥有一个自己的域名？

你可以向国内外的域名注册商申请注册。国内你可以选择阿里云，腾讯云等平台，国外可以选择NameSilo，Godaddy等等。注册需要按年支付费用，.top域名和.xyz域名相对会便宜一些。同时还要注意首年费用和续费费用的区别，并且货比三家，免得掉到坑里。
同时，国内平台的域名注册与国外平台不同，现在需要实名认证，具体在各平台上操作完成。

注册完后的操作

1. 打开域名的DNS解析界面，添加两个个CNAME（别名）解析，一个名称填www，地址填写你的子域名地址（如yihang-demo.github.io)。另一个名称填@（相当于空），地址随意在以下四个IP中选择一个：

• 185.199.108.153
• 185.199.109.153
• 185.199.110.153
• 185.199.111.153
  

2. 打开Gridea，编辑 后台-CNAME，把CNAME更改为你的域名，比如 yharea.com 或 www.yharea.com 。（加不加www都可以）
3. 同步，之后等待解析生效，之后就能通过域名访问网站啦！
   你还可以在仓库设置里为网站开启强制HTTPS。
   

   这儿顺便一提，这儿是将域名解析到GitHub Pages上，由于GitHub Pages是国外的服务，因此不需要做额外操作；如果你需要解析到国内IP，比如日后租用国内服务器做网站，你需要备案你的域名。

配置Gitalk评论框

1. 点击这里创建一个新的OAuth程序，这儿的网址都填写实际的网站网址（如果自定义了域名就都填自定义的域名），并获得Client ID等相关信息。
   
   
2. 打开Gridea-远程-评论配置，打开“是否显示评论”开关，输入之前OAuth应用的相关信息，Owner就是GitHub用户名。
   
3. 保存，同步。
4. 打开文章页面查看评论框效果，Gitalk的原理是利用GitHub的仓库issue作为评论，因此必须为页面手动初始化（开issue）。首先需要点击登录进行授权，再回到文章页面，这个页面的文章评论框就可以正常工作了。
   
   
   

5. 写在最后

很高兴你看到了这儿，写出这篇博文耗费了我一些时间。如果你问我，为什么要花费精力去建立自己的个人博客，我不一定能给出非常明晰的答案。
可以观察到的是，互联网正在走向封闭，微信公众号、知乎专栏、微博等等平台，甚至是搜索引擎，都在竭力将流量死死地封锁在自己的领域里。很多时候，我们浏览信息的入口不再是浏览器，而是APP。
这是好是坏？
我相信，独立的闭环，带来的是平台方在其平台内不受钳制的power。因为这种闭环会导致信息迁移的困难。用户面对庞大的平台方，往往唯有进与退两种选择；平台上的社交关系等等个人信息，往往带不走。
我是相信那句话的，“Power corrupts; absolute power corrupts absolutely.”。当一篇平台上的文章，可以仅仅因为对平台公司做出批评而消失，当你面对了这种对信息的失控感时，我想，你一定有属于自己的答案。

另附上Gridea官方博客的一段话：

为了能够让你找回当年写博客的那个劲儿，又或者在这个快、短社交时代，能够有一个独立的地方，一个属于自己的地方来记录下一些内容。能够让自己的声音不会随着各种信息流而流逝。 ——Gridea