Gridea+GitPage+Gittalk 搭建个人博客

👋通过Gridea+GitPage 搭建属于自己的博客!
👻GitPage 负责提供 Web 功能!
😽Gridea 作为本地编辑器,方便 push 文章!
🏷本文讲解如何使用 Gridea+GitPage 服务+域名(可选)搭建个人博客!

前置准备

  • Github 账号
  • 下载好 Gridea
  • 域名(可选)

零、搭建步骤

  1. 创建 github 仓库,用来存放你的 Blog;
  2. 为该仓库开启 GitPage 服务,开启从 web 访问你的 Blog 的功能;
  3. 开启 Token ,便于 Girdea 访问仓库并推送文章;
  4. 配置 Gridea,开启 blog 远程访问,自定义主题等;
  5. 个性化域名设置(可选);
  6. 为博客添加评论功能(可选);
  7. 增加百度统计(可选);
  8. 添加访问量显示(可选);
  9. CND加速,加速国内访问速度(可选);

一、创建仓库

  1. 首先登录你的 github
  2. 然后点击你头像左侧的 【+】,下拉菜单 【New repository】开始新建仓库
  3. 填写仓库信息:
    1. Repository name下边的方框填上你的仓库名;
    2. Description (optional)填写上你关于这个仓库的描述,一会生成README用;
    3. 勾选上 Add a README file
  4. 然后点击【Create repository】创建完成

二、开启 GitPage

  1. 进入你刚创建好的仓库中,点击上方的【Settings】进入设置;
  2. 点击左侧的【Pages】找到Branch,将下边的分支选为master
  3. 勾选下方的Enforce HTTPS强制启用 HTTPS 访问;
  4. 上方会提示Your site is live at http://xxx.github.io/仓库名,点击右方的 【Visit site】就可以访问你的博客了。

三、开启 Token

开启 Token 可以通过 Token 来访问你的 github,具体步骤如下:

  1. 点击的的头像,在弹出的菜单中,点击下方的【Settings】;
  2. 点击左侧最下方的【Developer settings】;
  3. 找到左侧的【Personal access tokens】展开,点击下方的【Tokens(classic)】;
  4. 点击最上方的【Generate new token】展开,点击【Generate new token(classic)】;
  5. 在新的页面中的Note中填入你创建这个Token的目的,随便填;
  6. Expiration是指这个 Token 的有效期,按需选择;
  7. 最后勾选下边的repo

四、配置 Gridea

  1. 点击左侧的【远程】,进入到基础配置
  2. 按如下方式填写:
    在这里插入图片描述

五、自定义域名(可选)

首先需要准备你自己的域名,可以去域名商买,这里以腾讯云为例:
进入你的域名控制台,找到你的域名,点击【解析】,记录类型选择CNAME,记录值填上你的 GitPage 网址;
在这里插入图片描述

这里要改两部分的内容:GitPage 和 Gridea 设置,具体如下:

  1. GitPage,找到Custom domain,填上你的域名,点击【save】;
  2. Gridea,将上边步骤四的域名CNAME中填上你的域名。

六、添加评论功能(可选)

参见:在Gridea中配置Gitalk评论系统——记忆一隅
📘Note:Gittalk 使用的仓库可以和博客不是同一个仓库。

七、增加百度统计(可选)

参考:gridea #issue 558

八、添加访问量显示(可选)

参见:网站添加存活时间显示

九、利用 Cloudflare 加速国内访问(可选)

参见:GitHub pages+自定义域名(腾讯云域名)+cloudflare加速
📘Note:不是很稳定,感觉没有折腾的必要。

常见问题

  1. Gridea 同步失败
    描述:在代理后,点击同步按钮始终失败。
    方案:点击打开远程配置选项,按以下路径设置:HTTP代理->Proxy->地址:127.0.0.1->端口:7890(你自己的代理的本地端口)

  2. 主题不加载CSS样式
    描述:使用自定义域名后,访问博客没有主题样式
    方案:将 Gridea 的【远程设置】中域名CNAME都换成自己的域名即可

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

YumOS

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值