wayou/hexo-theme-gstyle

a hexo theme with google style

hexo-theme-gstyle

a google style theme for hexo.

Preview

Live Demo

_{screenshot generated by am i responsive}

Features

Responsive

Totaly responsive, mobile first. No bootstrap, using modern css3 flex!

Impressing Navigation

Full screen morphing navigation on mobile

Graceful table of content module

Auto generated table of content with transition animation when expanding and collapsing.

Usage

• git clone https://github.com/wayou/hexo-theme-gstyle.git themes/gstyle
• config site _config.yml theme: gstyle

Using relative assets path in your post

• Enable post_asset_folder in your hexo site config file _config.yml
• Install hexo-filter-pathfix to fix the path of assets npm install --save hexo-filter-pathfix
• Then you can using relative path when writing posts like ![image title](image_name.jpg).

Config

toc

• Enable toc: true in the Front-matter of posts you wanna display table of content

title: thi is the post title
+toc: true
date: 2016-01-01 15:47:33
tags:
---

Comments

2 comment vendors implemented , choose one you like.

duoshuo_shortname: #your duoshuo shortname goes here
disqus_shortname: #your disqus shortname goes here

Site analytics

The baidu_analytics is mainly for mainland users. you can get the baidu analytics id from the admin page of baidu analytics code installing page.

google_analytics:  
baidu_analytics:

Image caption

To enable image caption for iamges, install hexo-image-caption plugin by using this command:

npm i --save hexo-image-caption

And then enable it in your hexo site config file _config.yml (not the theme config file).

# add caption for iamges
image_caption:
  enable: true
  class_name:

Code highlight

Hexo default code highligth is the default. However, I customized Prism.js for this theme, whitch is much nicer and many languagaes like jsx are well supported. And thanks to ele828 for making the hexo prism plugin.

To enable Prism code highlight,

• npm i -S hexo-prism-plugin
• edit hexo config file _config.yml(not the one for the theme) to enable this plugin

prism_plugin:
  mode: 'preprocess'    # realtime/preprocess 
  theme: 'default'

Sliding navigation indicator

Whether to show an indicator for the active navigation menu item

active_nav: false

hexo-theme-gstyle's Issues

disqus评论系统，添加了disqus_shortname，但未生效

count comments旁边的blog site未生效

首页文章标题字体怎么大小以及类型怎么改动？

你好。我找了 main.css 中没有找到改动字体的地方。不知道改动字体大小或者类型在哪里改动呢？就是底下这个标题字体。

谢谢啦

请求添加站内搜索功能

没有搜索感觉缺点什么

License?

I’m looking at this theme to use it for a project of mine. I’m curious about licensing though. I’m wanting to fork this code and make some modifications to it to better suit my use case. If you can provide a license, either GPL2 or MIT or whatever you choose so that I will be able to use and modify this code as well as contribute back to this project that would be great.

请教[table of content]

你好，用了您的主题。先谢谢了。

想请教一下，文章内的 table of content 怎么显示？我在每片文章头部也添加了 toc : true

但是还是不显示 table of content?是哪里少了什么吗？
谢谢。