06 Github Style 博客主题
最后更新于
最后更新于
前不久闲逛发现了个 Github Style 的 Hexo 博客主题 小白妹妹写代码,突然感觉这种简约风格主题莫名好看,故摸鱼摸了一周也仿了个 Github Style 的单页面主题 Gitleaf。
Gitleaf 是一个 Github Style 的单页面博客应用程序,同博主当前所使用的 Aurora 主题类似,基于 Vue 开发。主题后台数据源依托于 Github Issues,配合使用 Github REST API v3 与 GraphQL API v4 提供的接口支持,无需数据库与服务器。
博客评论系统使用开源项目 Gitalk,Valine 作为备用评论系统。该主题基于 Github 全家桶,脱离服务器与数据库,关注内容本身,操作简单,免费食用。
技术栈:Github Api + Github Pages + Github Style + Gitalk
食用文档可参考 Aurora 食用指南,在线演示:蝉時雨
修改目录 src/config.js
的配置文件,每个配置项都有详细说明。注意修改 vue.config.js 的 publicPath。
页面模板参考: 文章、关于、标签、分类、书单等模板,第一次食用可以直接 Fork 预览效果。
浏览器打开 http://localhost:8000
便可访问新的博客!
打包完毕,将 dist
目录下生成的静态文件发布 Github Pages
或 Coding Pages
即可。
Just enjoy it ฅ●ω●ฅ
主题参考: 小白妹妹写代码