Ryucho は、はてなブログ用テーマです。
Hatena-Blog-Theme-Boilerplateをベースにしています。
SCSSで開発する場合は、下記の手順でリポジトリのcloneとモジュールのインストールを行います。
$ git clone [email protected]:hatena/Hatena-Blog-Theme-Boilerplate.git
$ cd Hatena-Blog-Theme-Boilerplate
$ npm install
下記のコマンドで、SCSSファイル変更の監視とコンパイルを行います。
$ npm start
また、コンパイル後 build/boilerplate.css
が作られます。
つづいて、はてなブログの設定を行います。
- テーマ検証に使うブログを1つ用意します。
- 1.で作成したブログの「デザイン設定」にアクセスし、「カスタマイズ」タブの「デザインCSS」の内容を下記に置き換えて保存します。
@import url("http://localhost:3000/boilerplate.css");
※ Browsersync のブラウザ自動リロードはサポートしていません。
レスポンシブデザインのテーマを開発する場合、ブログの「デザイン設定」->「カスタマイズ」にアクセスし、「デザインCSS」欄の先頭に下記のコメントを挿入してください。
/* Responsive: yes */