06 Github Style 博客主题

前不久闲逛发现了个 Github Style 的 Hexo 博客主题 小白妹妹写代码,突然感觉这种简约风格主题莫名好看,故摸鱼摸了一周也仿了个 Github Style 的单页面主题 Gitleaf。

About Gitleaf

Gitleaf

Gitleaf 是一个 Github Style 的单页面博客应用程序,同博主当前所使用的 Aurora 主题类似,基于 Vue 开发。主题后台数据源依托于 Github Issues,配合使用 Github REST API v3GraphQL API v4 提供的接口支持,无需数据库与服务器。

博客评论系统使用开源项目 GitalkValine 作为备用评论系统。该主题基于 Github 全家桶,脱离服务器与数据库,关注内容本身,操作简单,免费食用。

技术栈:Github Api + Github Pages + Github Style + Gitalk

食用文档可参考 Aurora 食用指南,在线演示:蝉時雨

Getting Started

Installing

[email protected]:chanshiyucx/gitleaf.git
cd gitleaf
npm install # or yarn

Configuration

修改目录 src/config.js 的配置文件,每个配置项都有详细说明。注意修改 vue.config.js 的 publicPath

页面模板参考: 文章、关于、标签、分类、书单等模板,第一次食用可以直接 Fork 预览效果。

Preview

npm start

浏览器打开 http://localhost:8000 便可访问新的博客!

Deployment

npm run build

打包完毕,将 dist 目录下生成的静态文件发布 Github PagesCoding Pages 即可。

Just enjoy it ฅ●ω●ฅ

主题参考: 小白妹妹写代码