
VitePressのカスタムテーマを自作する
何故やるのか VitePressで技術ブログを作ってみたのだが、デフォルトのテーマがすごくおしゃれでダークテーマとライトテーマを切り替えられたりして便利だけども、やっぱり勉強のためにカスタムテーマを自作してみたくなった。 といっても日本語の情報はネットにほとんど落ちていないので、公式のドキュメントを読んだり試行錯誤したりして頑張ってみる。 要件 - 技術ブログの見た目はできれば出来合いのものではな

何故やるのか VitePressで技術ブログを作ってみたのだが、デフォルトのテーマがすごくおしゃれでダークテーマとライトテーマを切り替えられたりして便利だけども、やっぱり勉強のためにカスタムテーマを自作してみたくなった。 といっても日本語の情報はネットにほとんど落ちていないので、公式のドキュメントを読んだり試行錯誤したりして頑張ってみる。 要件 - 技術ブログの見た目はできれば出来合いのものではな

前提 - npmのバージョン:10.2.3 - node.jsのバージョン:v20.10.0 - Vue.jsのバージョン:3.3.4 - VitePressのバージョン:v1.0.0-rc.30 - 既にVitePressが構築できていることが前提 - Macを使用 やりたいこと 前回、VitePressで技術ブログを自作したものの、まだまだ足りていない部分があるので追加していく。 まずは、記事

何故やるのか ITエンジニアとして働いていて、毎日が勉強だと感じている。学んだことは技術メモとして残しておきたいと考えているが、あまりお金をかけずに済む方法はないものか…と考えていた。 他には無料ブログサービス(Blogger、はてなブログ、Qiita、Zenn等)を利用するなどの選択肢があるが、せっかくなので自分にない技術の勉強も兼ねて自作したい。 ブログサービス CMS SSG はてなブログ

前提 - npmのバージョン:10.2.3 - node.jsのバージョン:v20.10.0 - Vue.jsのバージョン:3.3.4 - Macを使用 ① VSCodeの準備 入っていない場合はVSCodeをインストール。 https://code.visualstudio.com/download 拡張機能を入れる - 日本語化 - Vue Language Features (Volar)