博客基于 GitHub Pages 与 Github API 实现无后台,可动态发布博客的系统 博客数据储存于gist 通过Github API 进行增删改查 喜欢的话留下你的星星╭(●`??●)╯╰(●’?’●)╮
https://github-laziji.github.io
https://github.com/GitHub-Laziji/vblog
搭建博客只需2步
类似演示地址其中 GitHub-Laziji 为我的用户名
现在 ${你的用户名}.github.io 就是你的个人博客了,例如https://github-laziji.github.io
在 github settings Developer settings Personal access tokens 勾选 gist 和 repo 权限 获取Token
VBlog-master.....................
├─ index.html....................
├─ package.json..................依赖
├─ README.md.....................
├─ src...........................源码文件夹
│ ├─ api........................调用 github-api
│ │ ├─ gist.js.................
│ │ ├─ project.js..............
│ │ └─ user.js.................
│ ├─ App.vue....................
│ ├─ assets.....................资源文件夹, 暂时没东西
│ │ └─ logo.png................
│ ├─ main.js....................入口文件
│ ├─ mobile_views...............移动端视图
│ │ ├─ blog....................博客页面
│ │ │ ├─ Details.vue..........
│ │ │ └─ Main.vue.............
│ │ ├─ layout..................移动端布局
│ │ │ ├─ components...........
│ │ │ │ ├─ AppMain.vue.......
│ │ │ │ └─ Bottombar.vue.....
│ │ │ └─ Layout.vue...........
│ │ ├─ project.................项目页面
│ │ │ ├─ Details.vue..........
│ │ │ └─ Main.vue.............
│ │ └─ self....................个人中心页面
│ │ └─ Main.vue.............
│ ├─ router.....................路由
│ │ └─ index.js................
│ ├─ store......................全局状态管理
│ │ ├─ getters.js..............
│ │ ├─ index.js................
│ │ └─ modules.................
│ │ ├─ configuration.js.....项目配置
│ │ ├─ token.js.............Token
│ │ └─ user.js..............用户信息
│ ├─ utils......................工具文件夹
│ │ ├─ cookie.js...............操作 cookie
│ │ ├─ request.js..............axios 请求
│ │ └─ util.js.................常用方法
│ └─ views......................电脑端视图
│ ├─ blog....................博客页面
│ │ ├─ Add.vue..............
│ │ ├─ Details.vue..........
│ │ ├─ Edit.vue.............
│ │ └─ Main.vue.............
│ ├─ common..................公共视图
│ │ └─ TokenDialog.vue......
│ ├─ configure...............配置页面
│ │ └─ Main.vue.............
│ ├─ error...................错误状态页面
│ │ └─ Error404.vue.........
│ ├─ layout..................电脑端布局
│ │ ├─ components...........
│ │ │ ├─ AppMain.vue.......
│ │ │ ├─ Foot.vue..........
│ │ │ └─ Sidebar.vue.......
│ │ └─ Layout.vue...........
│ ├─ License.vue.............
│ ├─ new.....................最新动态页面
│ │ └─ Main.vue.............
│ ├─ project.................开源项目页面
│ │ ├─ Details.vue..........
│ │ └─ Main.vue.............
│ └─ readme..................README 页面
│ └─ Main.vue.............
└─ static........................
├─ .gitkeep...................
└─ configuration.json.........项目配置文件