この記事を書いてる人: 
tea

hexoでブログを書くときのおすすめtheme(テーマ)をまとめてみました。テーマのインストールや使い方も解説しますので、宜しければ参考にしてください。ちなみにhexoの読み方はヘクソって読むんでしょうか?もしご存知でしたら、こっそり教えてください(笑)

自身のブログ
【一覧】markdownの記法まとめ・hexoで記事を書く方法
連載記事:Hexoの使い方と始め方

develop or drink ?
 develop or drink ?  photo by tea ©
Ads

themeのインストール手順

hexoのテーマを使うには以下の流れでインストールして、テーマを有効にします。

  1. 使いたいテーマのファイルをHexogithubで探してダウンロード
  2. 自分のhexoのプロジェクト直下にあるthemesディレクトリに移動
  3. themeディレクトリに手順1のファイルをコピー
  4. 自分のhexoのプロジェクト直下にある_config.xmlを開く
  5. _config.xmlの中のtheme: ***を手順1のディレクトリ名に変更

主なhexoのテーマは以下から探す事ができます。

Hexo公式サイト テーマ一覧
Hexo - themes

githubではHexo公式サイトに登録されていないテーマを探すことができます。

github search
github search 「hexo-theme」

おすすめのtheme一覧

それでは早速、Hexoのテーマをご紹介したいと思います。デモページのスクリーンショット画像は、左から幅320px時の表示と1024px時の表示をまとめています。

Icarus

Icarus
Icarus ©

段組が美しくて安定感のあるデザインです。写真ブログやアイキャッチの画像をはめ込むような、イメージ・コンテンツを見せたいブログで目映えが良さそうです。各メニューへのアクセスやディプレイのサイズに応じてレスポンシブに変化しくなど、隙のない作りとなっていますので、インストールして速攻で使えるテーマです。

hexo-theme-icarus
github - hexo-theme-icarus
テーマのDEMO - プレビュー

Tranquilpeak

Tranquilpeak
Tranquilpeak ©

こちらも段組が美しくて安定感のあるデザインです。Icarusに比べてサムネイルなどが控えめとなっており、静かで落ち着いた雰囲気を求めるならこちらが良さそうです。最近、日本人の方が立ち上げたブログを拝見しますと、このテーマを使っているケースをよく見かけるようになりました。

hexo-theme-icarus
github - hexo-theme-tranquilpeak
テーマのDEMO - プレビュー

hexo-theme-hiker

見た目がシンプルでビジュアルと伴にすっきり魅せる事ができるテンプレートです。記事の目次や、メニューのカテゴリーなども見やすくとても使いやすそうな印象です。

hexo-theme-hiker
github - hexo-theme-hiker
テーマのDEMO - プレビュー

hexo-theme-apollo

Apollo
Apollo ©

日本語の記事がすっきりと表示されるクールなテーマで、技術系ブログなど、長文を疲れさせることなく読ませるサイトに向いているかと思います。面白いことに、このテーマはSANOGRAPHIX.NETさんがTumblr向けに制作されているapollo themeを、@joyceimさんがHexoに移植したテーマだそうです。こちらのブログでもhexo-theme-apolloをオレオレ仕様でカスタマイズして使っています。

hexo-theme-apollo
github - hexo-theme-apollo
テーマのDEMO - プレビュー

本家SANOGRAPHIX.NETさんもhexo-theme-apolloについてコメントされています(^^)

MEMOGRAPHIX
Tumblrテーマ「Apollo」がブログフレームワークHexoに移植されたみたいです

hexo-theme-snow

こちらは日本の方が制作されているテーマです。制作者である@natsuhikokさんのサイトを拝見しますと、特に日本語やコードブロックがとても読みやすい設計になっていて、hexo-theme-apolloと同様、じっくり読ませる記事に向いているかと思います。日本の方がシンプルなデザインからHexoブログを始めたい時には、心強いテーマの一つだと感じました。

hexo-theme-snow
github - hexo-theme-snow
テーマのDEMO - プレビュー

hexo-theme-ghost-casper

シンプルなブログ・プラットフォームとして人気を博しているGhostのデフォルト・テーマ「casper」を@MIKAGMRさんがHexoに移植したものです。デザインはシンプルさとオシャレさを兼ね備えています。また見た目のシンプルさによらず機能は充実しているようです。

hexo-theme-ghost-casper
github - hexo-theme-ghost-casper
テーマのDEMO - プレビュー

Light

Light
Light ©

こちらはHexo純正のシンプルテーマ。Wordpressで言うところの「 Twenty 〜」的な立ち位置でしょうか。まずは無難なデザインからブログを始めたい方はこちらがオススメです。hexoをインストールすると標準で使えるlandscapeと似たデザインとなっていますが、Lightはlandscapeをよりシンプルにした白基調のデザインです。

hexo-theme-light
github - hexo-theme-light
テーマのDEMO - プレビュー

最後に

いかがだったでしょうか?Hexoのテーマ数はWordpressには及ばないものの、実用的なテーマは十分揃っている印象です。この機会にHexoのテーマを変えてみてはいかがでしょうか?それでは!

Ads
 記事を書いてる人
gravatar
tea (てぃー)

ゆるふわポートレートや自然風景を撮影しています。その他の趣味は音楽制作/メダカの鑑賞/web。撮影や写真掲載・寄稿等のご依頼もお待ちしてます。お問い合わせは以下のフォームまたはSNSよりお願い致します。

 お問い合わせ

 撮影のご依頼

 ポートフォリオ

 各作例のご紹介

 シェアする
 記事名とURLをコピーする

HexoでBlogを書くためのオススメtheme 一覧 - TPB
https://photo-tea.com/p/hexo-blog-theme-16/

 おすすめ記事
Ads
 作例掲載