使用github gist api搭建一个动态的个性化博客
说明:之前发过一个在Github上搭建个人的Hexo博客教程,其特点是不需要域名和服务器就可以搭建一个博客,不过由于Hexo
为静态的,所以只能当成一个纯写作博客,而博主刚刚发现了个新项目,同样搭建在Github
上,与Hexo
不同的是为动态博客,非常美观和强大,还支持自定义设置。
简介
博客基于GitHub Pages
与Github API
实现无后台,可动态发布博客的系统,博客数据储存于gist
通过Github API
进行增删改查,带音乐播放区,社交圈,可以动态修改标题,描述,背景等配置。
演示地址:https://github-laziji.github.io
Github地址:https://github.com/GitHub-Laziji/vblog
截图
特点
- 基于
GitHub Pages
无需服务器 - 改进传统
GitHub Pages
不能动态发布的缺陷 - 包含电脑端和移动端
- 单页面应用
快速搭建
快速搭建博客只需2
步,首先去右上角点击github
头像旁边的"+"
号 选择"Import repository"
克隆地址填"https://github.com/GitHub-Laziji/GitHub-Laziji.github.io"
项目名填"${你的用户名}.github.io"
。
克隆完成后,进入所建项目,修改文件/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
强制Http
转Https
。
然后访问你的博客Git
项目地址,点击Create new file
新建文件,命名CNAME
,内容写上你的域名,不要http
等。
这时候就可以通过自己的域名访问博客了。