用 github 搭建 gridea 博客

gridea 1030 字 143 阅

我是一个爱折腾的人,喜欢一切美好事物,最近看到一个主题被深深的吸引住了,就是在 wordpress 上大名鼎鼎的 breek

3238464917

有幸在一个博主那发现了 gridea 上版本,看到他移植的主题真的很漂亮,有点心动想试试,最近也是对静态博客如 hexo、hugo、gridea 着迷,但我本人比较愚笨,照着网上的步骤动手也不成功,面对这些恐怖的 CLI ,我心理还是有一些胆怯的。

3277708698

预览主题

gridea 这款国人开发的静态博客,在安装使用门槛上稍微低了那么一点点,今天尝试了一下 gridea 总算是成功了。今天在安装过程中遇到了一些坑,这里就分享下如何用 github 搭建 gridea 博客吧。

1492245733

一、安装 gridea

下载gridea

856570389

1283248507

1.安装目录随意,可以后面设置网站目录保存到网盘中,这样随身携带很方便

856570389

2.安装完成打开之后的界面

1366627037

3.打开远程,基础配置,等下我们要配置这些内容

469389795

二、设置 github

1.登录github新建仓库

1595534040

名称填写 blog ,你也可以自己填写别的名称如 gridea 之类的,只要不和你之前的仓库同名就行

选择仓库的性质为公共 public ,然后点击【创建】

388943454

创建成功之后会自动跳转到新建的仓库页面

点击【 Settings 】-【 pages 】-【 Choose a theme 】- 【 Select theme 】默认的就可以了

2471824462

1987963505

2.设置自定义域名,如果你希望用独立的域名就需要到这里设置

如果不需要这一步可以跳过,直接使用默认的网址即可

点击【 Settings 】-【 pages 】

1618563699

填写自己的独立域名

1918683991

登录域名解析添加 CNAME 解析

2718128726

大概需要等10分钟,就可以看到解析成功了结果了
解析成功之后我就可以设置启用 HTTPS 访问,这里不得不提一个坑,就是一个仓库可以有很多分支,分支你可以理解就是库房,我们启用的Pages页面访问只能默认设置一个分支,所以这里等下我们会使用到

781905203

3.到 Github 里生成令牌 Token

点击【 Settings 】-【Developer settings】-【 Generate new token 】新建令牌

2660194876

9014921

填写令牌的名称勾选repo,滑到最后点击【 Generate token 】

2428028837

1146249815

点击复制令牌保存下来,后面需要用到,注意这个页面关闭之后令牌将无法查看,请妥善保管

693218980

三、设置 gridea

1.远程设置

打开gridea,点击【远程设置】填写下面的设置,设置完了点击检测,如果成功代表设置正确

4000400846

(1)平台

选择Github Pages

(2)域名

如果github设置了https就选择https,如果不需要就选择http

有自定义域名填写自定义域名,没有就填写这个

1627968991595-84a35ac4-f091-45ff-a8a8-35e51e7ddd17

(3)仓库名称

填写仓库名称,刚才新建的仓库名,见下图

1627968646020-9bd182fe-e51b-49df-9e8c-2e5f54fa2daf

(4)分支

如果不做特别的处理,这里填写master

(5)仓库用户名

github设置的用户名

1627968736496-dc7df35f-506d-4e62-89fb-ec48ebfa33ec

(6)邮箱

github注册的邮箱

1627968802369-419652f9-d0c4-441a-b41f-278bf1624eac

(7)令牌

之前生成的令牌,如果忘记了需要重新生成一下记得保存下来

(8)CNAME

跟域名一致

35e51e7ddd17

2.安装和设置主题

下载 breek 主题,如果你喜欢这个主题可以下载下来, gridea 也自带了一些主题
主题下载

解压到主题目录,如 E:\gridea\themes ,注意这里一定要只解压 breek 文件夹

2219491093

设置启用主题

3955453527

设置 jsDelivr 加速

162796899135e51e7ddd17

3.同步网站

点击预览

1627955762733-ba324260-1ef4-4a1e-bb31-d0645424563d

点击同步,如果同步成功会有在提示,不过不知道是 gridea 还是 github 的关系,同步的成功概率有点低

1627955769364-77aa22fa-c403-475e-b85a-55e5866a95bf

同步完之后还需要做一个设置,否则是不能直接访问到生成的网页,修改为 master 为默认访问

388943454

3803891303

设置完成之后就可以正常访问了

3896452381

如果你有幸看到这篇文章,在使用中不会的可以留言交流

四、后续设置

1.设置导航

添加阅读和观影删除导航中多余的首页,这主题有个 BUG ,同步到 Github 后会有两个首页

2778671207

2.设置豆瓣 API

访问网址https://bm.weajs.com/注册账号

登录后在设置自己的豆瓣 ID 和昵称

1627955798731-a97667d2-5ed7-45ac-a6bb-be7e8370c951

1627955806625-ad31d915-48ff-48c6-adc7-2688f5dd1e11

在豆瓣 API 的网址中找到自己的 secret 填上去

1627955812480-3c437d0a-fbd2-457a-9cef-8b24db87e993

1627955064478-f1e5d3f6-9c62-44fa-8d01-51c2cd0d436a

参考资料:
https://cyhour.com/1231/
https://i.immmmm.com/
https://www.nesxc.com/post/gridea.html

- THE END -
0 分享
评论 ( 2 )
OωO
  1. 老头

    写得详细,貌似没有用上 breek 主题嘛

    7月29日 回复
    1. Jonycai
      @老头

      大佬好,我用了另外一个域名解析https://i.jonycai.com,发写一些生活的内容吧

      7月29日 回复