如何不用服务器搭建可动态发表的博客

背景

以往只是在自己的服务器上搭建博客。有次无意中看到了github pages
,github pages提供了一个免费搭建静态网页的平台,虽然非常的良心,但是静态页面不能达到传统博客的随时随地发布的效果,所以就想着改进的方案。后来发现github提供了许多api其中有一个api可以对gist(github上可以让人分享代码片段的一个功能)进行提交,修改。
于是解决方案就出现了,通过js调用github-api,使用gist来储存数据

实现

首先搭建github pages,创建一个项目,项目名为 “${username}.github.io” ,然后在里面创建index.html文件 当在浏览器访问https://${username}.github.io 的时候就会返回index.html这个文件。

主要用到的API

  • GET /users/:username/gists
  • GET /gists/:id
  • POST /gists
  • PATCH /gists/:id
  • DELETE /gists/:id

快速使用

搭建博客只需2步

  1. 点击github头像旁边的 "+" 号 选择 "Import repository" 克隆地址填"https://github.com/GitHub-Laziji/GitHub-Laziji.github.io" 项目名填 "${你的用户名}.github.io"
  2. 克隆完成后 修改文件 /static/configuration.json 中的 "github-username" 为自己的github用户名

类似演示地址其中 GitHub-Laziji 为我的用户名

现在 ${你的用户名}.github.io 就是你的个人博客了,例如https://github-laziji.github.io


具体实现可以参考项目的源码
https://github.com/GitHub-Laz...

演示博客
https://github-laziji.github.io

效果

如何不用服务器搭建可动态发表的博客_第1张图片


如何不用服务器搭建可动态发表的博客_第2张图片

你可能感兴趣的:(vue,vue)