Jekyll2024-03-16T10:23:36+09:00https://otti.xyz/tag/jekyll.xmlNo titleWork log (Jekyll meets Xrea)OttiChromebookにJekyll開発環境を構築する2020-10-13T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/10/building-jekyll-dev-env-on-chromebookOttiChromebookはキーボードが備わっている機種も多く、起動も速いため、ちょっとした 時間にブログを書くのに最適です。 Chrome OSにTermuxをインストールしてJekyllの開発環境を構築します。Jekyllで年月日別ページを生成する2020-10-06T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/10/generate-page-by-date-with-jekyllOttiJekyllのブログでは/2020/ (year) や/10/ (month) にアクセスされた際、 見られるページが生成されていません。 そこで、サイトのディレクトリ構造に合せたページを生成するためにjekyll-archives を導入します。リンク切れを定期的にチェックする2020-09-25T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/09/check-for-broken-links-regularlyOtti読んでいるページに貼られているリンクが使えなくなっていると、 少なからず不快な気持ちになってしまうものです。 しかし、リンク切れの確認には時間も手間も掛かるものです。Just the Docs のリンク生成について2020-09-19T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/09/about-link-generation-of-just-the-docsOttiJust the Docs は文書管理に 特化したJekyllテーマですが、サイト内のリンク生成にabsolute_urlフィルタが 使われており、Dockerを使ったテストの際などに問題が発生していました。Tocbotを使って目次を作ってみる2020-09-10T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/09/create-a-table-of-contents-using-tocbotOttiJekyllの Markdownで目次を作る ことはできるですが、テンプレートで追加している見出しを目次に含めることは できません。そこで、JavaScriptで目次を生成するライブラリを試してみました。Markdownを使って目次を作る2020-09-08T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/09/create-toc-using-markdownOttiJekyllで作成したサイトでは、Markdownを使って簡単にページ内の目次を 自動生成できます。JekyllのRSSの更新日について2020-08-19T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/08/about-the-update-date-on-jekyll-rssOttiJekyllのRSSは全ての記事でpublishedとupdatedが同じ日時になってしまっているので、 jekyll-last-modified-at を使ってみる。JekyllでHTMLファイルを縮小する2020-08-15T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/08/minify-html-file-with-jekyllOttijekyll-minifier を使用すると、HTML, XML, CSS, JSON, JavaScriptを縮小できます。Jekyllで外部リンクアイコンを付ける2020-08-01T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/08/add-external-link-icons-in-jekyllOttiページ内のリンクがサイト内へのものなのか、サイト外部へのものなのかが 判別しにくいと見ていただいている方に誤った印象を与えかねません。 そこでサイト外部へのリンクにアイコンを付けたいと思います。Jekyllのブログで関連記事を表示する2020-07-30T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/07/show-related-posts-on-jekyllOttiJekyllで関連記事を表示する方法はおおきく分けると、 Jekyllの変数site.related_postsを利用する方法と、 categoryやtag付けから関連を導き出す方法の2つになるようです。jekyll-browsersyncを試す2020-07-23T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/07/try-jekyll-browsersyncOttiJekyllとBrowsersyncを連動させる jekyll-browsersync を試してみる。XreaにJekyllのbuild環境を作る2020-07-05T00:00:00+09:002023-06-04T00:29:41+09:00https://otti.xyz/2020/07/jekyll-build-environment-on-xreaOttiBitbucket pipelinesはとても便利ですが、やはりビルド時間の制限が気になるので XreaにJekyllのbuild環境を作っておきます。Bitbucket Pipelinesを使ってXreaにdeploy2020-07-04T00:00:00+09:002022-02-05T21:11:00+09:00https://otti.xyz/2020/07/deploy-using-bitbucket-pipelinesOttiBitbucketへpush -> pipelinesでjekyll build + 成果物をXreaにFTPで転送 をやってみました。Bitbucket piplinesの詳細は Bitbucketのページ などをみてください。