零代码,教你搭建一个个人博客平台

736 阅读3分钟

前言

这是我参与新手入门的第1篇文章

HI,朋友们,我是希留。 几乎每个程序猿都梦想有一个自己的博客平台,拥有自己的个人博客应该是一件令人向往的事情,可以记录和分享自己的观点,还可以增强自己的能力。但是对于一些技术能力稍弱的,想要从0开始搭建一套完整的博客平台还是有不小的难度的。所以,今天的文章,将和大家分享一篇使用Gridea+Github Pages,搭建一个个人博客系统,无需任何代码,几乎没有技术门槛。


一、Gridea是什么?

Gridea(gridea.dev)是 一个基于Github Pages 和 Coding Page 静态博客管理工具,最重要的是不用自己购买域名!可以直接与GitHub或Coding配合展示页面。。

二、搭建步骤

1.下载安装Git

因为需要把本地的数据上传至GitHub仓库,所以需要Git客户端,这里就不做安装介绍了,大家可以自行下载安装。

2.下载安装Gridea客户端

前往Gridea官网,选择自己要下载的版本。我下的是Windows版的 安装完成,打开软件如下图所示:在这里插入图片描述 在这里插入图片描述

3.新建Github仓库,生成密钥

要新建一个Github仓库,所以就需要申请一个Github账号,本文默认你已经有账号了(没有的同学自行申请一个即可)。登录Github,新建一个仓库,这里再次提醒要注意仓库的名称,比如我的帐号是277769738,那么仓库名称应该是:277769738.github.io 在这里插想入图片描述 在这里插入图片描述 在这里插入图片描述 新建完仓库后,访问 https:// + 你仓库的名字, 如果访问404失败便是配置出现问题,请仔细查看自己的步骤。如果显示出来一个几乎空白的页面便是成功。 下面开始生成密钥。打开个人设置Settings,点击Developer settings,选择Personal access tokens,点击创建一个新Token。 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述创建完成后,会生成一串密钥,请把它们保存到一个文档里(因为之后可能就会找不到了),接下来就基本OK啦,开始最终配置。

4.配置Gridea

打开安装好的Gridea,选择远程栏目,开始基础配置,填写相关信息,令牌就是刚刚生成的一串Token密钥,填写好之后可以点击检测远程连接,看是否能够连接成功。如果连接不成功,请检查相关信息是否填写准确。 在这里插入图片描述

5.添加评论功能

Gridea 目前支持 Gitalk 和 Disqus 两种评论系统,这里我使用 Gitalk 评论系统。首先创建一个「GitHub OAuth Applicatio」,得到Client ID和Client Secret。创建步骤如下所示: 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 得到Client ID和Client Secret,在Gridea客户端进行评论配置,如下所示 在这里插入图片描述

6.测试

编写一篇文章,点击同步,即可推送到Github仓库,然后访问域名,即可看到发布的文章。点击文章即可查看内容,需要注意的是:如果是第一次使用评论功能,需要输入Github 账号密码,授权一下,同意之后即可使用评论功能。 在这里插入图片描述在这里插入图片描述 在这里插入图片描述 在这里插入图片描述 在这里插入图片描述


总结

至此,整个搭建过程就结束了。如果有什么疑问的话,欢迎评论区交流,喜欢的话,还请点赞支持一下,爱你哟