伙伴云客服论坛»论坛 S区 S零代码 查看内容

1 评论

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版的

零代码,带你搭建一个个人博客平台-1.jpg

装置完成,翻开软件如下图所示


零代码,带你搭建一个个人博客平台-2.jpg


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

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

零代码,带你搭建一个个人博客平台-3.jpg

新建完仓库后,访问 https:// + 你仓库的名字, 假设访问404失败便是配置呈现问题,请认真查看自己的步骤。假设显示出来一个几乎空白的页面便是胜利。
下面开端生成密钥。翻开个人设置Settings,点击Developer settings,选择Personal access tokens,点击创建一个新Token。

零代码,带你搭建一个个人博客平台-4.jpg




零代码,带你搭建一个个人博客平台-5.jpg


零代码,带你搭建一个个人博客平台-6.jpg

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

翻开装置好的Gridea,选择远程栏目,开端根底配置,填写相关信息,令牌就是刚刚生成的一串Token密钥,填写好之后可以点击检测远程连接,看是否可以连接胜利。假设连接不胜利,请检查相关信息是否填写准确。

零代码,带你搭建一个个人博客平台-7.jpg

5、添加评论功能

Gridea 目前支持 Gitalk 和 Disqus 两种评论系统,这里我使用 Gitalk 评论系统。
首先创建一个「GitHub OAuth Applicatio」,得到Client ID和Client Secret。创建步骤如下所示:



零代码,带你搭建一个个人博客平台-8.jpg


零代码,带你搭建一个个人博客平台-9.jpg


零代码,带你搭建一个个人博客平台-10.jpg

得到Client IDClient Secret,在Gridea客户端停止评论配置,如下所示

零代码,带你搭建一个个人博客平台-11.jpg

6、测试

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

零代码,带你搭建一个个人博客平台-12.jpg


零代码,带你搭建一个个人博客平台-13.jpg


零代码,带你搭建一个个人博客平台-14.jpg


零代码,带你搭建一个个人博客平台-15.jpg


零代码,带你搭建一个个人博客平台-16.jpg





零代码,带你搭建一个个人博客平台-17.jpg

至此,整个搭建过程就完毕了。假设喜欢的话,还请点赞支持一下,爱你哟~

回复

举报 使用道具

相关帖子
全部回复 (1)
查看全部
这篇文章对你有协助吗?在评论区留下你的困惑或你的见解,大家一起来交流吧!

举报 回复 支持 反对 使用道具

本版积分规则 高级模式
B Color Image Link Quote Code Smilies

清水煮岁月
注册会员
主题 19
回复 20
粉丝 0
|网站地图
快速回复 返回顶部 返回列表