• 欢迎访问db1024网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏db1024吧

使用github gist api搭建一个动态的个性化博客

网络资源 Liam 12个月前 (04-27) 192次浏览 0个评论 扫描二维码
文章目录[隐藏]

说明:之前发过一个在Github上搭建个人的Hexo博客教程,其特点是不需要域名和服务器就可以搭建一个博客,不过由于Hexo为静态的,所以只能当成一个纯写作博客,而博主刚刚发现了个新项目,同样搭建在Github上,与Hexo不同的是为动态博客,非常美观和强大,还支持自定义设置。

简介

博客基于GitHub PagesGithub API实现无后台,可动态发布博客的系统,博客数据储存于gist通过Github API进行增删改查,带音乐播放区,社交圈,可以动态修改标题,描述,背景等配置。

演示地址:https://github-laziji.github.io
Github地址:https://github.com/GitHub-Laziji/vblog

截图

使用github gist api搭建一个动态的个性化博客  - Rat's Blog
使用github gist api搭建一个动态的个性化博客  - Rat's Blog
使用github gist api搭建一个动态的个性化博客  - Rat's Blog
使用github gist api搭建一个动态的个性化博客  - Rat's Blog

特点

  • 基于GitHub Pages无需服务器
  • 改进传统GitHub Pages不能动态发布的缺陷
  • 包含电脑端和移动端
  • 单页面应用

快速搭建

快速搭建博客只需2步,首先去右上角点击github头像旁边的"+"号 选择"Import repository"克隆地址填"https://github.com/GitHub-Laziji/GitHub-Laziji.github.io"项目名填"${你的用户名}.github.io"
使用github gist api搭建一个动态的个性化博客  - Rat's Blog

克隆完成后,进入所建项目,修改文件/static/configuration.json中的"github-username"为自己的github用户名,其他自己看着办。

接下来打开https://${你的用户名}.github.io就可以进入自己博客了,然后管理博客需要Token,获取如下:

在github > settings > Developer settings > Personal access tokens 勾选gist权限就可以获取Token 

绑定域名

如果你想用Github二级域名访问,就无视这一步,如果你想用自己的域名访问,请继续看。

先解析域名的CNAME记录到你的Git二级域名。如果你想用Https访问,可以使用CloudFlare解析域名,并开启CDN强制HttpHttps
使用github gist api搭建一个动态的个性化博客  - Rat's Blog

然后访问你的博客Git项目地址,点击Create new file新建文件,命名CNAME,内容写上你的域名,不要http等。
使用github gist api搭建一个动态的个性化博客  - Rat's Blog

这时候就可以通过自己的域名访问博客了。


db1024 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:使用github gist api搭建一个动态的个性化博客
喜欢 (0)
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址