AstroのMarkdownブログ用テンプレート(テーマ)で無料+おすすめまとめ

公開日:
目次

Astroで新しくMarkdownブログを作ろうと思い、Markdownブログ用テンプレート(テーマ)を色々と調べたのでまとめます。

Astro公式のResources > Themesから良さそうなテンプレートをピックアップしました。

ピックアップする大元の検索項目は下記の通りフィルターしました。

  • Categories: Blog
  • Price: free

下記のリンクに跳ぶとフィルターした状態の検索結果に飛べるので、全部見たい方は飛んでください。

おすすめの基準

  • そのままでもある程度使えそうなもの
  • デザインが奇抜すぎないもの

カテゴリ別に紹介していきます。

個人的に目次・コメント・検索機能は入っているか気になるので、それも表でまとめています。

私のおすすめ3選

思ったより長くなってしまったので、おすすめを3つ選んで載せます。

全部見るのが面倒な方はこの3つだけでも見てみてください。

シンプルなブログ用テンプレート

OpenBlog

デモ ライセンス GitHub 目次 コメント 検索
DEMO GPL Github -

OpenBlogはシンプルな作りではありますが、アイキャッチ画像も表示できてブログを始めるには使い勝手が良さそうです。

スクロール対応している目次や検索機能もついてます。

ライセンスがMITではなくGPLなので注意。

ソース開示が必要になるため、公開してもいい場合なら便利に利用できそうです。

AstroPaper

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT Github -

AstroPaperはアイキャッチ画像のないシンプルなブログが作りたい人向けです。

目次と検索機能やブログに必要な基本的な機能は揃っています。

ページ遷移時にアニメーションが入るのがおしゃれですね。

個人ブログをサクッと始めるのに良いかも。

Astro Cactus

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT Github -

Astro CactusはAstroPaperと同様にアイキャッチ画像のないシンプルなブログが作りたい人向けです。

目次と検索機能やブログに必要な基本的な機能は揃っていますし、コメント機能こそありませんがメンションされたリンクを拾ってこれる機能(Webmention)もあります。

個人ブログを軽く始めるなら、Astro CactusかAstroPaperの気に入った方を採用するのがいいかもしれません。

Bookworm Light Astro

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT Github - -

有料で買えるPremium版があるみたいです。

無料版でも機能が豊富です。見た目こそシンプルですが、アイキャッチ、検索機能などがあります。

また、ユーザページやコンタクトフォームもあるので、フリーランスの方など業務連絡が必要なかたには使いやすいかもしれません。。

デザインがおしゃれなブログ用テンプレート

カスタマイズせずにそのまま使えそうな、デザインがおしゃれなブログ用テンプレートをピックアップしてみました。

気に入ったのがあれば、ひとまずカスタマイズせずに使えそうです。

Fuwari

デモ ライセンス GitHub 目次 コメント 検索
Fuwari MIT GitHub - -

個人的に一番気に入っているテンプレートです。

とにかくおしゃれでそのまま使える感がすごいです。

注意するとしたら、swup等を利用していて構造が複雑なので、初心者が改良するには少し難しいかもしれません。また、目次やコメント等はないので機能面は少し弱いかも。

そのまま使うなら文句なしですね。

Zozo

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub

シンプルながらおしゃれな感じ。

ブログで欲しい機能は大体入っている気がします。

コメントはGiscusを使っています。

こちらもそのまま使えそうですね。

Typography

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub - -

Typographyの名前の通り、活字を楽しめそうなテンプレートです。

背景が原稿用紙っぽいので、ライター色の強い記事や小説等を書くのにおすすめかもです。

機能は少し弱めですが、コメント機能(Discus)がついています。

ポートフォリオ向けブログ用テンプレート

ポートフォリオ用のページがついているブログ用テンプレートをピックアップしました。

Resume

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub - -

シンプルなポートフォリオ向けブログです。

ポートフォリオの作りがしっかりしてるので、就職・転職用にこういったポートフォリオを持っておくのも良いかもしれません。

ポートフォリオメインでブログはついでみたいな方におすすめ。

Astro Micro / Nano / Sphere

デモ ライセンス GitHub 目次 コメント 検索
Micro / Nano / Sphere MIT-Micro / Nano / Sphere Micro / Nano / Sphere

Astro Micro / Nano / Sphere はシンプルかつ多機能なブログテンプレートです。

3種類ですが、同じ作者さんがForkして作られたということで一つにまとめてます。

Nano < Micro < Sphere の順で機能(ページ)が増えているイメージですが、ブログの機能はMicroが一番入っています。

Microには、目次、コメント(Giscus)、検索が入っています。(NanoとSphereは検索のみ)

ブログとしてひとまずそのまま利用するなら、Astro Microがおすすめ。

ポートフォリオとしてもブログとしても十分使えそうです。

サービス・プロダクト・ドキュメント向けブログ用テンプレート

Starlight

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub -

Starlightはドキュメント向けのテンプレートです。

ブログとは少し違うかもしれませんが、ドキュメントやWiki的な形で記事を書きたい場合にはアリかもしれません。

Astro.jsの公式ドキュメントもこのStarlight製で、色々なところで使われているので使い勝手は良いと思います。

ScrewFast

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub - - -

ScrewFastはサービスやプロダクト向けのテンプレートです。

ブログで記事を書くことはできますが、あくまでサービスやプロダクトメインでついでに利用するのに適しているかもしれません。

Bigspring Light Astro

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub - - -

Bigspring Light Astroもサービスやプロダクト向けのテンプレートです。

こちらは有料版があるようなので、課金でさらに楽に作成できそうです。

Pinwheel

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub -

PinwheelもBigspring Light Astroと同様のthemefisherさんが開発されたテーマですが、ブログとしてはこちらの機能の方が優れています。

こちらはサービス・プロダクトというよりかは企業サイトとかに利用するといいかもしれません。

その他おまけ

Photography Theme

デモ ライセンス GitHub 目次 コメント 検索
DEMO MIT GitHub - -

Photography Themeはその名の通り写真用のブログテンプレートです。

写真が好きな人にはいいかもしれませんが、おしゃれすぎて記事をガッツリ書きたいみたいな人には向いてないかもしれません。

Technonomicon

デモ ライセンス GitHub 目次 コメント 検索
DEMO - GitHub - -

Technonomiconは使いにくそうで、今までとは違いデザインがだいぶ奇抜(getting weirdになるように作ったらしい)です。

ただし、ゲームとかカードとかのブログを書くのに使うなど色々カスタマイズすれば使い所がありそうだったので載せています。

まとめ

今回紹介したテンプレートはそれぞれ特長があり、用途に応じて選べるようになっています。

私なりにピックアップしましたが、ここで良さげなのがなければ他のテンプレートも確認してみてください。

自分のブログスタイルに合ったものを見つけて、Astroで満足のいくブログを作りましょう。