Hugo + PlantUML + GitHub/Actionsで画像に変更して表示する

Hugo + PlantUML + GitHub/ActionsでPlantUML画像を表示する はじめに Hugoのワークフロー(hugo.yml)内でPlantUMLワークフローを呼び出す: Hugoのワークフロー内で、PlantUMLを画像に変換し、成果物を生成するPlantUMLワークフロー(plantuml.yml)を呼び出します。これにより、PlantUMLの実行と成果物の生成がトリガーされます。 PlantUMLワークフロー(plantuml.yml)の実行: PlantUMLワークフロー内で、PlantUMLコードを画像に変換し、生成された画像を成果物としてアップロードします。PlantUMLワークフロー内で実行するステップは次のようになります: PlantUMLコードを画像に変換 生成された画像を成果物として保存 Hugoワークフローで成果物をダウンロード: Hugoのワークフロー内で、PlantUMLワークフローで生成された成果物をダウンロードします。GitHub Actionsの仕様により、同じワークフロー内で生成された成果物は他のステップから利用できます。 アップロードされた成果物の活用: ダウンロードした成果物は、Hugoを使用して構築されたウェブサイトのコンテンツとして活用できます。生成されたPlantUMLの画像は、ウェブページ上に表示されたり、ドキュメントとして利用される可能性があります。 これにより、GitHub Actionsを介してPlantUMLを使用して画像を生成し、それをウェブサイトの成果物として活用する一連の手順が実現されます。 ディレクトリ構成 ├── content │ ├── posts │ | └── plantuml │ │ ├── test.puml │ │ └── test.png ①test.pumlから画像に変換(plantuml.yml) │ └── images │ └── plantuml │ └── test.png ③成果物をダウンロード(hugo.yml) ├── artifact │ └── test.png ②成果物として保存(plantuml.yml) ワークフロー図 手順 plantuml.yml作成: PlantUMLの画像を生成しアップロードするためのワークフローファイル(例: .github/workflows/plantuml.yml)を作成します。 name: PlantUML to Image and Artifact on: workflow_call: env: PLANT_UML_PATH: content/plantuml IMGES_PATH: content/images ARTIFACT: artifact # Default to bash defaults: run: shell: bash jobs: # Generate plantuml diagrams job generate_puml_diagrams: runs-on: ubuntu-latest steps: - name: Checkout uses: actions/checkout@v3 - name: Generate PlantUML Diagrams uses: holowinski/plantuml-github-action@main with: args: -v -tpng ${PLANT_UML_PATH}/*.

Read More