使用Coding Page 和Gridea搭建免费个人博客

05.30

对于想要在网上有自己的一个博客网站的人来说,常用的有Wordpress、Typecho 这些免费搭建工具。但是对一些小白来说,需要接触到域名、空间购买、数据库设置这些,还是有些难度的。在前段时间,偶然在网上发现了这个Gridea工具。

Gridea 是 一个基于Github Pages 和 Coding Page 静态博客管理工具。我被它简洁清新的界面所吸引,于是先将博客迁移到 Github上,但是由于 Github 服务器在国外的原因,国内访问还是有点慢的,于是又将博客迁移到了 Coding Page 上,下面介绍一下搭建的过程。

Gridea 介绍

官方主页:https://gridea.dev/

更多介绍,请参照官网

Coding Page介绍

Coding Pages 服务是 Coding.net 推出的免费静态网站托管服务,拥有自定义域名,免费 SSL 证书等特性。目前已经被腾讯收购。

下载安装Git

官方下载地址:https://git-scm.com/downloads

下载安装Gridea

目前最新版本是v0.81

Github下载
地址:https://github.com/getgridea/gridea/releases,选择最新版下载即可,由于Github下载比较慢,下面我给出一个百度网盘下载地址。

百度网盘下载
Mac版网盘地址提取码:als7
windows版网盘地址 提取码:4v8q

注册腾讯云开发者平台帐号

注册腾讯云开发者平台 https://dev.tencent.com,使用微信扫码登录即可。

修改用户名

点击个人设置,修改用户名,用户名会显示在博客地址中,默认博客地址是"用户名.coding.me",默认的用户名太长,展现不合适,所以要修改一下。其它的绑定手机、邮箱、密码这些也可以设置一下。

修改用户名

我将用户名设置为kkxi

还有邮箱、密码这些。设置完上面这些信息后,就可以开启开始开启Page了。

开启Page服务

点击加号新建项目,项目名称自己自定义:kkxi2019(这里可以填用户名,填用户名的话,博客的地址会短一点,但是我填kkxi的时候,在后来的远程连接检测中一直检测失败,后来我把项目名称由 kkxi 改成 kkxi2019 后,检测远程连接就成功了),项目地址点击后自动填充为 kkxi2019 ,项目描述可以随便填,选择git仓库,公开源代码,勾选启用 README.md 文件初始化项目,然后点击新建项目。

点击 Page 服务,开启 Page。

点击我已阅读后,一键开启 page 服务。

显示Page服务运行中,则证明Page服务已经开启成功了。现在博客地址是http://kkxi.coding.me/,后面你也可以在设置中绑定自己的自定义域名。

开启https。点击设置,选择强制开启https.

绑定自定义域名。如果没有自己的域名,这一步可以略过。

首先给自定义域名添加解析,见官方文档https://coding.net/help/doc/pages/domain.html

然后在开发者平台上绑定已经解析的自定义域名,

看到状态显示正常了,就说明已经绑定成功了。可以用新的域名来访问博客了。

新建访问令牌

接下来新建一个访问令牌,后面配置Gridea的时候需要使用。在个人中心中找到访问令牌后新建

权限全选上后,勾选创建令牌

输入密码,密码就是在个人中心设置的

创建完成后复制令牌信息,保存好,后面配置的时候要用。

开始配置Gridea

博客基础配置

按照图中说明配置好相关参数,然后点击保存,保存成功后再点击检测远程连接,显示远程连接成功的话,就表示客户端可以连接我们的博客啦。

点击预览,就可以本地查看我们的博客了,或者此时点击同步,我们也可以看到博客内容已经上传了。

接下来我们要进行博客的设置

菜单配置

现在我们点击菜单,会显示404,我们要对菜单进行初始化

首页:点击选择homepage后保存。归档选择Archves,标签选择Tags,关于选择关于。然后点击同步,这样我们的菜单就都能点击了。

Favicon配置

自己配置即可

头像配置

自己配置即可

主题配置

Gridea自带了4款主题,你可以自己选择使用,还有其它的自定义配置,你可以尝试设置。

也有主题市场可以选择,目前还比较少。

主题市场:https://gridea.dev/themes/

配置评论

Gridea 目前提供了 GitalkDisqus 两种评论系统支持。

Gitalk 是一个基于 GitHub Issue 和 Preact 开发的评论插件。如果你博客使用的是 Gitalk 的话,建议你可以选择 Gitalk 来作为评论插件。

你可以按照 Gitalk 的文档 进行相关字段配置,或者按照下面的步骤操作。

首先你需要有一个 Github帐号,https://github.com/,并且建立一个Github仓库用来放评论。

然后需要有一个 Github OAuth Application,点击这里创建,字段填写可以参照下图

创建完成后可将「Client ID」和「Client Secret」复制一下,保存到本地。

接下来就可以去应用里面填写对应的信息,并开启评论,保存并同步。

此时打开博客,页面下方评论会显示要求初始化,这个时候使用Github帐号登录一下就行了

登录后

好了,到此为止,你就可以正常的使用Gridea开始写作了。每次在客户端做出修改后,必须保存同步,才能看到修改效果。

其它参考资料

Github博客上手教程 https://fehey.com/post/hve-notes-start/

官方文档https://gridea.dev/docs/