サイト整備のメモ。共通化して部品を少なくした。

• zola 設定
• template 構築
• 場合によっては zola の改造

共通

• title
• 日付
• 見出しの見た目

Markdown

• url 文字列を自動でリンクにしたい。markdownで <url> と記述するべし

20210716: masonry 入れてみた

Masonry

Cascading grid layout library

https://masonry.desandro.com/

20210717: TOC

• 目次 だいたいできた。 github が増えすぎてカオスなので不要なものを整理せねば・・・

20210725: 色

作業用に区域ごとに色分けしていたのをやめて、地味な色に変更。

@mixin MAIN_COLOR {
    color: black;
    background-color white;
}

のような方法を試してみた。

20210725: TOC 固定

position: fixed;

20210725: 画像を入れれるようにしてみた

page.assets や section.assets に想定した形で入ってこないので、 無理やりパスを操作したのだが、さすがにこれはちょっと・・・

  {% if page.extra.image %}
  {% set s = page.relative_path | split(pat="/") %}
  {% set len = s | length %}
  {% set sl = s | slice(start=0, end=len-1) %}
  {% set j = sl | join(sep="/") %}
  {% set image_url = resize_image(path=j ~ "/" ~ page.extra.image, width=600, op="fit_width") %}
  <img src="{{ image_url }}"">
  {% endif %}

なんか、 zola がわりと融通が利かないことが分かってきた。 resize_image で明示的に画像を加工するという設計は理解。なるほど。 当方、 md ファイルと同じフォルダに png, jpg を放り込んでそれを記事内で使いたいのです。 画像を中央の static フォルダにまとめて入れておくの嫌なので。 改造して page.assets に放り込んでしまおう。

hugo ほど多機能複雑でなく、 zola ほど strict でない、そんなほどほどなツールが望まれる。

20210815: pagination

Pagination | Zola

Everything you need to make a static site engine in one binary.

https://www.getzola.org/documentation/templates/pagination/

ドキュメントよりもソースを読もう w 5分もかからぬ。

      {% if paginator.current_index == 1 %}

20210829: 内部リンク記法

.md の記法。

Internal links & deep linking | Zola

Everything you need to make a static site engine in one binary.

https://www.getzola.org/documentation/content/linking/#internal-links

[NvimTexture](/posts/2021/summer/nvimtexture.md)

@ と .md が必要。

20210831: search

Search | Zola

Everything you need to make a static site engine in one binary.

https://www.getzola.org/documentation/content/search/

設定は build_search_index = true するだけなのだが、 template 作るのは大変。

https://github.com/aaranxu/adidoks から部品を頂いてきた。