Astro-notion-blogカスタマイズ予定日記
このサイトはnotionで書いた記事をブログにしています。
特にホスティングサーバをもっていない人でも大丈夫、私の場合はVercelという無料で使えるホスティングサービスを使って公開しています。
本体はAstroっていうフレームワークで作られているAstro-notion-blogを使っていて、手順通りにすれば、30分かからないうちにこういうブログを作ることができる。
【デモサイト】
それをスタイルだけカスタマイズして作った本ブログ。
Astroも初めてだったので、勉強しながら作ったのはとても楽しかった。
大まかに全体ができて満足しているけれど、細かいところはこれから少しずつ調整したい。
今後のやってみたいこと。
-
サブカラーとして#f0ff49を取り入れる。
カテゴリーがカラフルなので、どうかな、全体はシンプルな色味の方がいいかなと思いつつ、ミント色一色では寂しい。 - 詳細ページの見出しのあたりをもう少し飾りつける
- その他のcss調整
サンプルページを見ると、ほぼNoitonと同じようなまま表示されるのだけれど、みづらいのもあるので、調整したい。
詳細サンプルページはこちら
たとえば、
-
BOOKMARKで他サイトの埋め込み。
スマホでもOGP表示をしたい -
テーブルのCSS消しちゃったみたいなので加える -
クオートもCSS消しちゃったみたいなので加える -
画像とキャプションの表示(縁をつけるなど) - Embedしたやつサイズバラバラ
- Blueskyの投稿は埋め込めないか(iframeにしたらいける?)
-
仕切り線って静かなインターネットみたいにかわいくできないか
というあたりです。
いいねボタンをつくりました!