Skip to content

hdpinc/jmdc-voice

Repository files navigation

jmdc-voice

JMDCオフシャルブログのSASS / CSSを保存するためのリポジトリです。

概要

本リポジトリはGithub Pagesとして公開されています。 /dist/css/style.cssはHatena blogからインポートされ、ブログデザインのカスタマイズに使用されています。

参考:Hatena blog(https://jmdchr.hatenablog.com/)

Hatena blogでは既存のモジュールのHTMLテンプレートがカスタマイズできないので、本リポジトリにHTMLファイルは含まれていません。 (StaticなHTMLを書いて追加することはできます。バナーの設置はこの方法を取っています。)

Updateの際はchromeなどのdeveloper toolでHTML要素のcssクラスを確認しながら、セレクターを上書く形でスタイリングしてください。

使い方

npm run dev

/src/scss以下の.scssファイルを監視し、変更が検出されるたびにコンパイルします。 /dist/css/style.cssにコンパイルされたCSSを、Hatena blogデザイン編集「カスタマイズ」タブの「デザインCSS」に貼り付けて表示確認してください。

参考:デザインCSSを記述する https://help.hatenablog.com/entry/design/design-css

表示が正しく変更されたのが確認できたら、下記コマンドを叩き本番用CSSをビルドしてください。

npm run build

minifyされたcssファイルがビルドされます。 ビルドしたファイルをmainブランチに反映すると、Hatena blogの表示が更新されます。 (更新までタイムラグが生じる可能性があります)

About

JMDCオフシャルブログのSASS / CSSを保存するためのリポジトリです

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published