Jekyll2020-09-19T16:29:02+09:00https://otti.xyz/feed.xmlWork log (Jekyll meets Xrea){"twitter"=>"ottixyz"}2020-09-19T00:00:00+09:002020-09-19T16:27:34+09:00https://otti.xyz/2020/09/about-link-generation-of-just-the-docs{"twitter"=>"ottixyz"}

Just the Docs は文書管理に 特化した Jekyll テーマですが、サイト内のリンク生成に absolute_url フィルタが 使われており、Docker を使ったテストの際などに問題が発生していました。

2020-09-10T00:00:00+09:002020-09-10T20:44:59+09:00https://otti.xyz/2020/09/create-a-table-of-contents-using-tocbot{"twitter"=>"ottixyz"}

Jekyllの Markdownで目次を作る ことはできたのですが、テンプレートで追加している見出しを目次に含めることは できません。そこで、JavaScriptで目次を生成するライブラリを試してみました。

2020-09-08T00:00:00+09:002020-09-08T20:04:03+09:00https://otti.xyz/2020/09/create-toc-using-markdown{"twitter"=>"ottixyz"}

Jekyllで作成したサイトでは、Markdownを使って簡単にページ内の目次を 自動生成することができます。

2020-08-19T00:00:00+09:002020-09-05T00:46:46+09:00https://otti.xyz/2020/08/about-the-update-date-on-jekyll-rss{"twitter"=>"ottixyz"}

JekyllのRSSは全ての記事でpublishedとupdatedが同じ日時になってしまっているので、 jekyll-last-modified-at を使ってみる。

2020-08-17T00:00:00+09:002020-09-05T00:46:46+09:00https://otti.xyz/2020/08/use-htaccess-with-xrea{"twitter"=>"ottixyz"}

Xreaでサイトを運営する上で設定しておきたい.htaccessの設定例。

2020-08-15T00:00:00+09:002020-09-05T00:46:46+09:00https://otti.xyz/2020/08/minify-html-file-with-jekyll{"twitter"=>"ottixyz"}

jekyll-minifier を使用すると、HTML, XML, CSS, JSON, JavaScriptを縮小することができます。

2020-08-13T00:00:00+09:002020-09-17T20:55:06+09:00https://otti.xyz/2020/08/git-large-file-storage-in-bitbucket{"twitter"=>"ottixyz"}

BitbucketでGit Large File Storage (LFS) を利用する方法

2020-08-08T00:00:00+09:002020-09-05T00:46:46+09:00https://otti.xyz/2020/08/the-url-of-this-site-has-changed{"twitter"=>"ottixyz"}

サイトのSSL対応を踏まえて新しくドメインを取得しました。

2020-08-01T00:00:00+09:002020-09-05T00:46:46+09:00https://otti.xyz/2020/08/add-external-link-icons-in-jekyll{"twitter"=>"ottixyz"}

ページ内のリンクがサイト内へのものなのか、サイト外部へのものなのかが 判別しにくいと見ていただいている方に誤った印象を与えかねません。 そこでサイト外部へのリンクにアイコンを付けたいと思います。

2020-07-30T00:00:00+09:002020-08-09T10:24:58+09:00https://otti.xyz/2020/07/show-related-posts-on-jekyll{"twitter"=>"ottixyz"}

Jekyllで関連記事を表示する方法はおおきく分けると、 Jekyllの変数site.related_postsを利用する方法と、 categoryやtag付けから関連を導き出す方法の2つになるようです。

2020-07-23T00:00:00+09:002020-09-08T20:04:03+09:00https://otti.xyz/2020/07/try-jekyll-browsersync{"twitter"=>"ottixyz"}

JekyllとBrowsersyncを連動させる jekyll-browsersync を試してみる。

2020-07-19T00:00:00+09:002020-07-23T14:39:00+09:00https://otti.xyz/2020/07/install-composer-on-xrea{"twitter"=>"ottixyz"}

XreaにはComposerが導入されていないので、手動でインストールが必要になります。

2020-07-15T00:00:00+09:002020-09-10T13:42:48+09:00https://otti.xyz/2020/07/install-nodejs-on-xrea{"twitter"=>"ottixyz"}

Xreaで用意されているNode.jsはバージョンが古くnpm installなどで エラーを起すことがあるので、最新版のNode.jsをインストールします。

2020-07-08T00:00:00+09:002020-09-10T13:42:48+09:00https://otti.xyz/2020/07/Access-Xrea-with-SSH-key-authentication{"twitter"=>"ottixyz"}

~/.ssh/ 配下のファイルは厳重に管理しましょう。

2020-07-05T00:00:00+09:002020-09-05T00:46:46+09:00https://otti.xyz/2020/07/jekyll-build-environment-on-xrea{"twitter"=>"ottixyz"}

Bitbucket pipelinesはとても便利ですが、やはりビルド時間の制限が気になるので XreaにJekyllのbuild環境を作っておきます。

2020-07-04T00:00:00+09:002020-09-03T21:32:51+09:00https://otti.xyz/2020/07/deploy-using-bitbucket-pipelines{"twitter"=>"ottixyz"}

bitbucketへpush -> pipelinesでjekyll build + 成果物をXreaにFTPで転送