DuiNaru's Blog

DuiNaru

ITについての色々な経験を載せます。

1 分で読めます

普段考えていた色々なものを書こうとブログを作ることにしました。

ブログを運営するならブログサービスを利用した方が簡単で便利だろうと思っていた時にgithub.ioというドメインを見つけました。

結果としては、github pagesで実装しました。

必要な物

github

github pagesをサービスするrepositoryを作りました。

jekyll

github pagesはjekyllをサポートします。

jekyllで作ったソースをrepositoryに置いておくだけでビルド-デプロイをしてくれます。

ruby

jekyllで作るにはrubyが必要です。

buildをしたり、pluginをインストールして機能を追加することができます。

作る

ruby

jekyllのbuildと様々なpluginを利用するためにインストールしました。

jekyllの公式ホームページに手順があり、便利でした。

マルチランゲージ

少なくとも2ヶ国語で運営することを目指してしていまして、マルチランゲージのサポートのためpolyglot pluginを使用しました。

このプラグインはgithub pagesで公式的にサポートするプラグインではありませんので、単純にrepositoryにソースを置いておくことだけでビルドはできません。

でも、対策はあるでしょう。

テーマ

テーマを選ぶことに時間がかなりかかりました。

これにしようかあれにしようかとしたら時間があっという間に過ぎました。

結局はMinimal Mistakesにすることにしました。

しかし、ここで問題が発生しました。

buildの時、エラーが出ます。

polyglot pluginが動かないです。

問題解決

windows環境でbuildの時、文字関連エラーの解決

rubyをwindowsの環境で使おうとしたら出るエラーでした。

ビルドエラー

vscodeからcmdでビルドしていたので、chcp 65001 でUTF-8に変えて解決しました。

他には、jekyllをエラーが出ないバージョンに変更する方法もありますが、下記の問題でバージョンを制限するしかありませんでした。

Minimal Mistakesとpolyglot pluginを共に使用

ウェブページを正常に作れない問題が出ました。

これについては色々トライし、次のように解決できました。

jekyllバージョン制限

jekyllのバージョンを3.8.6としたら、polyglot pluginと共に動きました。

polyglot pluginの_config.xml設定

polyglot setting

languagesの言語の一番目をdefault_langに設定したらpolyglot pluginがうまく動きました。

機能追加

言語セレクタ

マルチランゲージのサポートのため、言語を変更する機能を追加しました。

ページの下にあるJAやKOなどのものです。

コメント

Minimal Mistakesで提供するdisqusを利用し、実装しました。

感想

多様な機能を実現してかなり時間が過ぎました。

これからはポストも作成しつつ、また新しい機能を追加していきたいと思います。

comments powered by Disqus

最近の投稿

カテゴリー