分享免费的编程资源和教程

网站首页 > 技术教程 正文

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

goqiw 2024-10-22 13:44:42 技术教程 19 ℃ 0 评论


前言

HI,朋友们,我是希留。

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

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

搭建步骤

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

1、下载安装Git

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

2、下载安装Gridea客户端

前往Gridea官网(https://gridea.dev/),选择自己要下载的版本。我下的是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 IDClient Secret,在Gridea客户端进行评论配置,如下所示

6、测试

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



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

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表