快捷搜索:  汽车  科技

搭建个人博客的详细步骤,带你搭建一个个人博客平台

搭建个人博客的详细步骤,带你搭建一个个人博客平台前往Gridea官网(https://gridea.dev/),选择自己要下载的版本。我下的是Windows版的2、下载安装Gridea客户端 搭建步骤1、下载安装Git 因为需要把本地的数据上传至Github仓库,所以需要Git客户端,这里就不做安装介绍了,大家可以自行下载安装。

前言

HI,朋友们,我是希留。

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

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

搭建步骤

  • 一、下载安装Git
  • 二、下载安装Gridea客户端
  • 三、新建Github仓库,生成密钥
  • 四、配置Gridea
  • 五、添加评论功能
  • 六、测试

1、下载安装Git

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

2、下载安装Gridea客户端

前往Gridea官网(https://gridea.dev/),选择自己要下载的版本。我下的是Windows版的

搭建个人博客的详细步骤,带你搭建一个个人博客平台(1)

安装完成,打开软件如下图所示

搭建个人博客的详细步骤,带你搭建一个个人博客平台(2)


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

要新建一个Github仓库,所以就需要申请一个Github账号,本文默认你已经有账号了(没有的同学自行申请一个即可)。登录Github 新建一个仓库,这里再次提醒要注意仓库的名称,比如我的帐号是277769738,那么仓库名称应该是:277769738.github.io

搭建个人博客的详细步骤,带你搭建一个个人博客平台(3)

新建完仓库后,访问 https:// 你仓库的名字 如果访问404失败便是配置出现问题,请仔细查看自己的步骤。如果显示出来一个几乎空白的页面便是成功。

下面开始生成密钥。打开个人设置Settings,点击Developer settings,选择Personal access tokens,点击创建一个新Token。

搭建个人博客的详细步骤,带你搭建一个个人博客平台(4)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(5)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(6)

创建完成后,会生成一串密钥,请把它们保存到一个文档里(因为之后可能就会找不到了),接下来就基本OK啦,开始最终配置。

4、配置Gridea

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

搭建个人博客的详细步骤,带你搭建一个个人博客平台(7)

5、添加评论功能

Gridea 目前支持 Gitalk 和 Disqus 两种评论系统,这里我使用 Gitalk 评论系统。

首先创建一个「GitHub OAuth Applicatio」,得到Client ID和Client Secret。创建步骤如下所示:

搭建个人博客的详细步骤,带你搭建一个个人博客平台(8)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(9)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(10)

得到Client ID和Client Secret,在Gridea客户端进行评论配置,如下所示

搭建个人博客的详细步骤,带你搭建一个个人博客平台(11)

6、测试

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

搭建个人博客的详细步骤,带你搭建一个个人博客平台(12)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(13)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(14)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(15)

搭建个人博客的详细步骤,带你搭建一个个人博客平台(16)



搭建个人博客的详细步骤,带你搭建一个个人博客平台(17)

至此,整个搭建过程就结束了。如果喜欢的话,还请点赞支持一下,爱你哟~

猜您喜欢: