This theme includes Hashgrid for development helper. Just press 'g' on your local instance to see it in action.
To set up your own dev helper follow these instructions:
- For CSS, just put your stylesheets inside
[theme_root]/css/_dev/and import them in
[theme_root]/layout/_partial/site/head.jade, include your third party scripts before
- Less typing because Jade uses indentation to convey html tag structure
- More flexible template inheritance with extend and block
Stylus is great, but it does not fully support CSS syntax. Thus if you already have some base stylesheets in CSS you have to convert them to Stylus first to be safe. By using Less, you can just drop in your CSS files and it will work.
Get to your Hexo directory and install the dependencies first.
npm install hexo-renderer-jade --save npm install hexo-renderer-less --save
Clone this repository to your Hexo themes folder and set your
git clone git://github.com/widatama/hexo-jade-starter.git themes/jade-starter