開発・コード2021.11.17·2 min read

HugoでAsciiDocファイルに記述したPlantUMLのシーケンス図を表示する

# Hugo # PlantUML # AsciiDoc # Asciidoctor

以下のプルリクでPlantUMLが表示できるようになったようだ

rework external asciidoc integration #7281

対応

Gem経由でインストールしたAsciidocが対象とのことなので、ベースイメージを asciidoctor/docker-asciidoctor に変更し、必要なモジュールを追加する。

Hugoを動かしているDockerファイルにモジュールを追加

DOCKER

RUN apk add --no-cache ruby-dev alpine-sdk graphviz
RUN gem install bundler json asciidoctor-html5s asciidoctor-diagram

config.ymlに以下のように設定を追加

YML

markup:
  asciidocext:
    extensions:
      - asciidoctor-html5s
      - asciidoctor-diagram
    workingFolderCurrent: true
    trace: true
    attributes:
      my-base-url: 'https://localhost/'
      my-attribute-name: my value

確認

hugo --destination 出力先ディレクトリ

参考

rework external asciidoc integration #7281

szk302

この記事の著者

記事一覧へ