amagitakayosi https://blog.hatena.ne.jp/amagitakayosi/ マルシテイア https://blog.amagi.dev/ Sass/Lessでテーマを書いて、リアルタイムで確認しながら開発できるツールです。 github.com 目次 インストール 使い方 hbt の使い方 0. 開発用ブログを作成する 1. テーマの雛形を作成する 2. 開発用ブログにCSSが読み込まれるようにする 3. テーマを開発する 4. 完成したテーマを出力 インストール 動作にはNode.jsが必要です。 未インストールの方はこの辺からインストールしてください。 https://nodejs.org/ja/ ターミナルで以下のコマンドを実行すると、 hbt コマンドがインストールされます。 npm install -g @fand/h… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.amagi.dev%2Fentry%2Fhatena-blog-theme-boilerplate" title="はてなブログのテーマを自動リロードしながら開発できるツールを作った - マルシテイア" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/amagitakayosi/20170822/20170822133701.gif Hatena Blog https://hatena.blog 2017-08-22 13:44:45 rich https://blog.amagi.dev/entry/hatena-blog-theme-boilerplate 1.0 100%