node package manager
We need your input. Help make JavaScript better: Take the 2017 JavaScript Ecosystem survey »



English | 日本語

A theme boilerplate for Hatena Blog.

Getting Started

Just clone this repo:

$ git clone
$ cd hatena-blog-theme-boilerplate
$ npm install
$ npm run build

or install hbt command via npm:

$ npm install -g @fand/hatena-blog-theme-boilerplate
$ hbt my-theme
$ cd my-theme
$ npm install
$ npm run build

Desinging with browserSync

You can easily design themes with browserSync following these steps.

  1. Visit the design configuration page of your blog. Delete styles in Customize > Stylesheet, and put this snippet to Customize > Footer.
<link rel="stylesheet" href="http://localhost:3000/index.css"/>
<script async src='http://localhost:3000/browser-sync/browser-sync-client.js'></script>
  1. Run npm start to start local server.

  2. Visit your blog and edit the theme. Every change you make will be applied automatically.