BETA

Qrunch用テーマ開発キットをちびちびとつくっている

投稿日:2019-09-21
最終更新:2019-09-21

Nuxt.jsやVueはおろかJavaScriptの知識すら乏しいのだが、なんとなくおもしろいのでQrunchのテーマ開発環境をちびちびつくっている。
https://github.com/6qd/qrunch-theme-builder

Yarnの実行環境があること、それらに必要なCLI操作周りの知識を前提としている。
yarn dev すると、このようにローカルで開発中の画面が起動する。

SCSSを編集し保存すると、自動で開発中の画面が更新される。
例) https://github.com/6qd/qrunch-theme-builder/tree/test-scss (ヘッダー周りのスタイルだけ加えた状態)

最終的に仕上げたら、 yarn generate して、index.html のヘッダーに出力されているCSSをQrunchのテーマCSS欄に貼り付ける流れをイメージしている。まだこのフローで一つもテーマを完成できてないし、 index.html 内の一部だけコピペする作業が非効率ですごく微妙な気持ちでいっぱいだが、Nuxt.js素人過ぎてどうしたら良いのかわからない。

以上、こんなことを試している最中である。本当は仕上げて公開したかったが、他にもやりたいことがポコポコ出てきて一向に終えられる気配がないので途中報告した。いい感じにできる方のヘルプも絶賛募集中です。


もうちょい経緯を詳しく書いておく。

皆さんご存知(なのか?)Qrunch Pro βに、高度なデザインカスタマイズ機能がある。そしてテーマ制作ガイドなるページもある。
見ていたらHTML構造見本としてのQrunch-Blog-Templateがあり、それを参考にしてなんかつくってみようと思ったのだった。

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@rokuzeudon の技術メモログ

よく一緒に読まれる記事

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!