やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

静的サイトジェネレータ

zola include, import, extendsのスコープ

includeとextendsは呼出側でsetすれば、被呼出側でその変数を参照できる。それ以外は一切、ファイルをまたいで変数を参照することができない。

zolaにおけるinclude, import, extendsのちがい

どれも外部ファイルと結合する機能である。それらの違いはどこにあるのかまとめた。

Zolaでextendsを使う

フレームワークのようにベースとなるHTMLをつくる。

Zolaでマクロを隠しインクルードする

これでマクロが1行で呼び出せる。

Zolaでマクロを作りインポートする

ちょっと面倒くさい。こまかいところが残念。

zola URLの罠

page.html, section.htmlではルート相対パスを使おう。もしファイル相対パスにするとURL末尾に/をつけたら参照できなくなってしまう。

Zolaのincludeを使ってみる

別ファイルにあるHTMLテキストをそのまま取り込む。

zolaで一覧される単一ページを作る({section}/{page}.md)

ブログの雛形。

zolaで一覧ページを作る({section}/_index.md)

そのセクション内にある全記事へのリンクを書き出したページをつくる。

zolaで単一ページを作る

index.htmlを作ったら、次にやってみること。ここではaboutページを追加してみる。

zolaのサイトをつくる工程

簡単なことからやっていくと早く理解できる。

zolaでtemplatesのsectionとpageを書く

これが激ムズ。

zolaのサイト構成について

zolaは特定のディレクトリ名やファイル名に役割が与えられている。これを知ることで、どのようにサイトを作ればよいか理解しやすくなる。

Zola template/index.html を書く

config.tomlに書いたタイトル、説明、著者名をのせる。

Zolaのconfig.tomlを設定する

ざっくり。

zolaを使ってサイトを構築してみる(zola init)

ローカルで表示するところまでやった。

Zola 0.14.0 をビルドする(静的サイトジェネレータ)

ビルド20分、ファイルサイズ1.75GB。日本語検索できるように。

zola 0.13.0 をビルドする(静的サイトジェネレータ)

日本語で全文検索できそうだと思って。しかし日本語を含めるとビルドできなかった。

hugoでテーマpulpを適用。日本語の全文検索ができた

細かい手順が書いてなくて苦労した。

hugoをインストールする(静的サイトジェネレータ)

Go製。

Zolaでテーマを適用する

ちょっと苦労した。

Zolaでサイトのプロジェクトを作ってみる

生成してローカルで表示確認する。

静的サイトジェネレータZolaをビルドする

v0.12.0。40分ほどかかった。

Pelicanのプラグインasciidoc_readerがPython2のみ対応で使えなかった

静的サイトジェネレータPelicanでAsciiDocを使いたかったが…。

Pelicanのプラグインをインストールする

静的サイトジェネレータPelicanでAsciiDocを使いたい。

pelican-quickstartでブログのひな形をつくってみる

静的サイトジェネレータPelicanを使ってみる。

pyenvで入れたPython3.6.1のvenvを使ってPelicanをインストールした

Pythonの仮想環境を作って静的サイトジェネレータPelicanをインストールした。

Hexoでローカルブログを構築してみた

前回のブログ問題について。MarkdownからHTMLを作成するツールHexoを試してみた。