资源管理站

Gridea+Github快速搭建个人博客教程

zyglz 11793 1

特别声明:本文为原创,可自由转载、引用,但需署名作者且注明文章出处,如有侵权请联系!

想知道如何使用Gridea吗?如何使用Gridea在Github上搭建个人博客吗?

Gridea是一个静态博客写作客户端。你可以用它来记录你的生活、心情、知识、笔记、创意。

Github

Github账号

官网:https://github.com
如果有账号,直接登录。如果没有账号,按下面步骤,注册一个账号即可。

mark

每个github账号有1个免费的github pages,默认域名即为:用户名.github.io,如果免费的已被占用(例如zyglz),得自行注册新的github账号,或者自行买域名,在仓库里的github pages里设置好,做好域名映射即可。

Github 仓库

  1. 点击create a new repositories
  2. 输入Repository name:Cyberlisa.github.io。固定格式:.github.io
  3. Description可填可不填。
  4. 勾选Public
  5. 勾选Intialize this repository with a README(可不勾选)
  6. 点击Create repository
    zyglz
  7. 自动跳转到仓库页面,点击Insights后面的Settings
  8. 拉到下面GitHub Pages,看看有没有显示:Your site is published at https://zyglz.github.io/
  9. 没有的话稍微等一下再试
  10. 有的话点击链接跳转,看看能否打开

获取Token

  1. 在github界面点击头像,点击Settings——>Personal settings——>Developer settings
  2. 找到最后的Personal access tokens——>Generate new token——>填写Note——>勾选repo——>Generate token
    zyglz
  3. 建议新建一个txt文档,把token保存起来。因为token值仅且只显示一次,关闭窗口后再无法看到。如果不保存,那先不要关闭这个页面,待会儿需要用到token。

Gridea配置

下载安装

https://gridea.dev下载符合自己系统的客户端,安装。
安装完之后打开,默认有两篇文章:about 和hello-gridea;如图:
zyglz

配置Gridea

??打开后,点击【远程】:
zyglz

名称填写说明举例
平台选择Github Pages
域名Github Pages 对应的域名https://zyglz.github.io/
仓库github上仓库名zyglz.github.io
分支Github Pages 对应的分支master
仓库用户名仓库所属用户的用户名zyglz
邮箱Git 推送时的邮箱25851616@qq.com
TokenToken上面步骤里的token
CNAME域名可不填
  1. 填完配置后,点击【保存】
  2. 无误后,点击【检测远程连接】
  3. 点击【预览】,会弹出浏览器,本地预览效果。
  4. 可在【主题】里选择其他内置主题,不要忘记拉到下面选择【保存】
  5. 选择了其他主题后,点击【预览】
  6. 如果没问题,点击【同步】
  7. 稍等3分钟左右,点击同步按钮下面那个像地球的网格图标,会在浏览器自动弹出博客网页。看看有没有什么问题。
  8. 在客户端里进行任何操作,不要忘记点击【保存】。保存了之后先预览,没问题再同步。
  9. 有问题点击https://github.com/getgridea/gridea里的【Issues】,在【Open】和【Closed】里看看有没有和你问题相似的issue。

更换主题

https://gridea.dev/themes/,寻找你喜欢主题,然后点击【下载文件】,下载后解压。
点击客户端里的【配置】,找到【 站点源文件路径 】(我的为:D:/Users/Administrator/Documents/Gridea),打开路径。退出Gridea客户端。
选择【themes】文件夹,把刚刚解压的主题文件夹复制过来,重新打开Gridea客户端,打开【主题】,选择主题,滚动下鼠标,选中刚刚复制进去的主题名称,保存。
点击预览,即可看到新的主题页面。

评论列表 (已有1条评论)

    饼干
    2021-07-18 15:19

    不错子

发表评论 (已有1条评论)

icon_lol.gif2016zhh.gif2016fendou.gif2016lengh.gificon_exclaim.gif2016gg.gif2016yhh.gificon_cry.gif2016bs.gif2016qd.gif2016bz.gificon_eek.gif2016ka.gif2016zhem.gificon_confused.gif2016qq.gif2016db.gif2016jk.gif2016tuu.gif2016zk.gif2016kk.gificon_neutral.gif