DuiNaru's Blog

DuiNaru

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

1 分で読めます

jekyllを公式的にサポートするGitHub Pagesですが、全てのjekyllのpluginまでサポートすることではありません。

GitHub Pagesはサポートするpluginが制限されています。

これ以外のpluginはGitHub Pagesでjekyllをbuildする時、制限されて適用されません。

では、GitHub Pagesでjekyllを使って、ウェブページサービスを作る時は一部のpluginだけ使用しなければならないでしょうか。

半分は正しく、半分は違います。

なぜか調べるまえにGitHub Pagesがどのようにjekyllを使うか調べましょう。

GitHub Pages with jekyll source

Github Pagesでjekyllを使う簡単な方法です。

公式ヘルプでも説明する方法のように、jekyllのソースをrepositoryに上げておいてGitHub Pagesがjekyllをbuildする方法です。

GitHub Pagesで問題なく使用可能なpluginで制限され、pluginの互換性などの問題についてあまり気を使わなく作ることができるいいところがあります。

GitHub Pages without jekyll source

GitHub Pagesは基本的に静的ウェブページホスティングサービスですので、jekyllのソースではなくウェブファイルだけあってもサービスが可能です。

つまり、何で作ったとしても、サービスに必要なファイルだけあれば問題ないということです。

このようなファイルはjekyllでbuildした時に_siteのディレクトリの中に出来上がるので、このファイルを直接GitHub Pagesのrepositoryに上げても問題なくサービスできます。

GitHub PagesでサポートしないjekyllのPluginで作ったファイルも例外ではありません。

GitHub Pages with an unsupported plugin

サポートされないpluginでもローカルでbuildした後、ファイルを上げればサービスが可能になります。

このためには先ずはどのbranchがGitHub Pagesに設定されているか確認する必要があります。

repositoryのsettingsにGitHub Pagesという項目があります。

GitHub Pages Settings

筆者の場合はmaster branchを使用中ということを確認できました。

ですので、master branchにjekyllでbuildしたファイルを上げておけば、GitHub Pagesをサービスすることができるようになります。

ソースとファイルを分けて、管理

master branchにbuildしたファイルを上げたら、ソースは分けて上げたくなりました。

それでsourcesというbranchを作り、ソースは該当のbranchにpushするとことにしました。

しかし、buildされたファイルはmaster branchにpushしなければならないので、都度branchを変更してpushする面倒なことになりました。

これを全て手作業でしたら、ミスも出るし、面倒なので、下のようなPowerShell Scriptを作って自動化しました。

PowerShell Script

chcp 65001
$env:JEKYLL_ENV = 'production'
rm -r _site/*
git clone -b master https://github.com/DuiNaru/duinaru.github.io.git _site
bundle exec jekyll build
cd _site
git add -A
git commit -am 'jekyll build'
git push

build時、エラーを解決するためのchcp 65001とjekyllをproduction環境でbuildするための$env:JEKYLL_ENV = 'production'が含まれています。

jekyllをproduction環境でbuildをして上げる理由については次に説明します。

これで、GitHub Pagesがサポートしないpluginでもサービスが可能になりました。

comments powered by Disqus

最近の投稿

カテゴリー