3分钟搭建一个纯前端博客
发布于 6 年前 作者 GitHub-Laziji 3974 次浏览 来自 分享

特点

  • 无须服务器,无须域名
  • 不依赖各大博客平台
  • 3分钟快速搭建
  • 包含电脑端和移动端
  • 单页面应用

演示地址

https://github-laziji.github.io

项目地址

https://github.com/GitHub-Laziji/vblog

部分截图

火狐截图_2018-05-11T09-23-45.200Z.png

火狐截图_2018-05-05T11-24-43.114Z.png

201805111431.png

快速使用

现在介绍如何把这个博客变成自己的个人博客 只需两步(假设你现在已经有了github的账号)

第一步 克隆

火狐截图_2018-04-29T09-20-56.732Z.png 火狐截图_2018-04-29T09-22-53.034Z.png 其中克隆地址为https://github.com/GitHub-Laziji/GitHub-Laziji.github.io 项目名 {username}.github.io {username} 为你的github用户名 点击克隆

第二步 修改配置文件

打开克隆的项目 火狐截图_2018-04-29T09-33-16.416Z.png

修改/static/configuration.json文件的githubUsername 改为自己的用户名 其他的可以删掉 火狐截图_2018-04-29T09-30-56.362Z.png

查看效果

到这里为止 就完成了 浏览器访问 https://{username}.github.io 看看效果吧

获取Token

如果需要发表博客 在 github > settings > Developer settings > Personal access tokens 勾选 gistrepo 权限 获取Token

3 回复

看着还不错

不错。楼主找工作不?

不错,不过不是很喜欢博客的单页面,楼主可以试试 Nuxt.js

另外,不妨试试我的这个辣鸡静态博客客户端哦 Hve 逃~

回到顶部