@fand/hatena-blog-theme-boilerplate

0.1.0 • Public • Published

hatena-blog-theme-boilerplate

English | 日本語

A theme boilerplate for Hatena Blog.

Getting Started

Just clone this repo:

$ git clone http://github.com/fand/hatena-blog-theme-boilerplate
$ 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.

LICENSE

MIT

Readme

Keywords

none

Package Sidebar

Install

npm i @fand/hatena-blog-theme-boilerplate

Weekly Downloads

1

Version

0.1.0

License

MIT

Last publish

Collaborators

  • fand