Blog Blog

Unwritten Chapters

Geometric JF Fusion

Blog

SvelteKit × mdsvex × Tailwind。モダンな技術でブログをフルスクラッチした

SvelteKit × mdsvex × Tailwind。モダンな技術でブログをフルスクラッチした

どうも、Joshua です!

これからブログみたいなもんを始めていこうかと思います!

やっとできました、簡易ブログシステム

WordPress のようなブログシステムみたいなものを使いたいわけではなく、かといって HTML, CSS を直接書いてページを作りたいわけでもなく。

プレーンテキストでドキュメントを書くときに使う書式のひとつに「マークダウンファイル(.md)」というのがあるんですね。

「.md ファイルを書くだけでイイカンジに作って欲しいなー」

というこのわがままな要望、そう、満たせるんです。

今回は、SvelteKitmdsvex というものを使って仕上げました。

あとはあれですね、行間調整したいなー、フォント変えたいなー、アイコン付けたいなーみたいな見栄えの調整に結構時間をかけました。

なんで WordPress 使わないの?使えないの?

WordPress はもうずーっと使ってきました。今は SvelteKit を使うのが楽しいので、これで作りたかったんですよね。

また、数年前にも md ファイルから Webページを作るってのはやったことがあるんですよね。その時も mdsvex は存在していたのですが、使い方が理解できなくて挫折したんですよ。いやぁ、いい時代になりました。ありがとう AI さん!

長すぎず、短すぎず

最近は「なるべくシンプルに!文字は最低限に!」ってのを目指してるんですが、一旦書き出すと書きたいことが溢れてくるので長文になってしまう。このあたり、上手くバランスを取りながら、今後も書いていけたらいいなと思います。

いいなと思ったら応援しよう!

Support チップで応援する

応援してもらえると最高に嬉しいです!