使用github gist api , 搭建一个可动态发布文章的个人博客 https://github-laziji.github.io
VBlog
English Documents
目录
简介
博客基于 GitHub Pages 与 Github API 实现无后台，可动态发布博客的系统 博客数据储存于gist 通过Github API 进行增删改查 喜欢的话留下你的星星╭(●｀∀´●)╯╰(●’◡’●)╮
演示地址
项目特点
- 基于 GitHub Pages 无需服务器
- 改进传统 GitHub Pages 不能动态发布的缺陷
- 包含电脑端和移动端
- 单页面应用
使用的组件
- Element (电脑端)
- Vant (移动端)
快速使用
搭建博客只需2步
- 点击github头像旁边的 "+" 号 选择
Import repository克隆地址填https://github.com/GitHub-Laziji/GitHub-Laziji.github.io项目名填你的用户名.github.io - 克隆完成后 修改文件
/static/configuration.json中的githubUsername为自己的github用户名
类似演示地址其中 GitHub-Laziji 为我的用户名
现在
https://你的用户名.github.io 就是你的个人博客了,例如https://github-laziji.github.io开发
安装 运行 构建
npm install
npm run dev
npm run build
获取Token
在
github > settings > Developer settings > Personal access tokens 勾选gist 和 repo权限 获取Token开发注意事项
- 配置文件读取的总是与
index.html同级的./static/configuration.json, 所以本地npm run dev的时候会出现修改配置无效的情况, 如果需要修改的话修改本地的配置文件就行, 发布到 github 之后不影响, 因为修改配置的时候是通过github-api修改你的用户名.github.io下的/static/configuration.json
from https://github.com/GitHub-Laziji/VBlog
------
克隆本项目修改配置文件即可拥有一个属于你个人博客 https://github-laziji.github.io
VBlog
目录
简介
博客基于 GitHub Pages 与 Github API 实现无后台，可动态发布博客的系统 博客数据储存于gist 通过Github API 进行增删改查 喜欢的话留下你的星星╭(●｀∀´●)╯╰(●’◡’●)╮
演示地址
项目源码
项目特点
- 基于 GitHub Pages 无需服务器
- 改进传统 GitHub Pages 不能动态发布的缺陷
- 包含电脑端和移动端
- 单页面应用
from https://github.com/GitHub-Laziji/GitHub-Laziji.github.io
No comments:
Post a Comment