kanachi-blog

notionでの公開記事をastro-notion-blogを使って公開するよ
2023-05-10
notion

kanachi-blogのカスタム履歴

既に行ったカスタマイズ
1. faviconの設定
title
https://github.com
2. ダークモード導入
astro-notion-blog にダークモードを導入する
astro-notion-blog にダークモードトグルボタンを追加する方法
title
https://astro.gdgd.tokyo
title
3. Github Actionsでの手動デプロイ追加
title
https://github.com
4. 画像拡大機能を追加
title
https://github.com
5. フォントの変更
  • google fontで好きなフォントを探す(本サイトは[ M PLUS 1p ]を採用)
  • 任意のフォントを追加してview selected familyから<link>タグをコピー
  • src/layouts/Layout.astroのheadの中にコピーした<link>をペースト
  • src/layouts/Layout.astroのcssのbodyのfont-familyにフォント名を追加
6. サイドバー見出しを日本語に変更
  • src/layouts/Layout.astroの<div slot=”aside”>内の見出し文字を日本語に変更
  • src/pages/post/[slug].astroの<div slot=”aside”>内の見出し文字を日本語に変更
7. 画像サイズを左寄せかつレスポンシブに変更
画像幅を左寄せかつサイズを動的に変更 · otoyo/astro-notion-blog@5d5fcdf
🚀 Begin building your very own Notion Blog with Astro. - 画像幅を左寄せかつサイズを動的に変更 · otoyo/astro-notion-blog@5d5fcdf
title
https://github.com
title

これからやりたい
RSS配信
Notion Blogでブログの更新情報をRSSで配信する - アルパカログ
Notion Blogでブログの更新情報をRSSで配信する方法を説明します。
title
https://alpacat.com
title
Google Adsenseで広告を配置
  • adsenseにサイトのドメイン登録
  • 広告の配置設定
  • 住所等個人情報の登録
  • src/layouts/Layout.astroのhead内にAdsenseの<script>を配置
Githubやtwitterを載せる
Profileページを掲載

notion