GhuthubページでホストされるHugoウェブサイトのためにワークフローをつくる方法


ウェブサイトの作成は、少しの努力をする簡単な仕事であるべきです.私は、HTML、CSS、およびJSを使用してゼロから自分のウェブサイトを構築するために使用.私はそれから多くを学びましたが、それは時間がかかる過程でした;それで、私は時間を節約するより良いアプローチを探していました.

それから、私はHUGOに遭遇しました、それは基本的にウェブサイトをつくるフレームワークです、そして、それは素晴らしく働きます.我々は、単にマルダウンファイルにコンテンツを書くことができますし、ウェブサイトを自動的に生成するヒューゴーコマンドを実行します.また、テーマの素晴らしい選択がご利用いただけます.
現在、私は配備される準備ができているウェブサイトを持っていました.どこでホストしますか.もちろん、私はダイムを費やすし、ホスティングのための支払いを維持したくなかった.結局、私はあなたの倉庫から直接あなたの内容を主催することができるGitHub Pagesを使うことに決めました.

私は、行く準備ができている倉庫で、ウェブサイトを持っていました.しかしながら、私が倉庫に変更をコミットするとき、私のウェブサイトは自動的に生成されませんでした.それは、GitHub Actionsが遊びに来た時です.

マイワークフロー
私の目的はリポジトリに変更をコミットするたびにウェブサイトを再生成することでしたこのように、私のコンテンツは最新のものになります.
幸いにも、それのためのワークフローがあります.私のGithubワークフローにpeaceiris/[email protected]を実装することによって、私はやりたいことを達成できました.簡単に.
このワークフローは、私に多大な時間を節約し、私は実際の開発に焦点を当てることができます.

提出カテゴリ
奇抜なワイルドカード

YAMLファイルまたはコードへのリンク
https://github.com/nat236919/nat236919.github.io
name: github pages

on:
  push:
    branches:
      - main  # Set a branch to deploy

jobs:
  deploy:
    runs-on: ubuntu-18.04
    steps:
      - uses: actions/[email protected]
        with:
          submodules: true  # Fetch Hugo themes (true OR recursive)
          fetch-depth: 0    # Fetch all history for .GitInfo and .Lastmod

      - name: Setup Hugo
        uses: peaceiris/[email protected]
        with:
          hugo-version: 'latest'
          extended: true

      - name: Build
        run: hugo --minify

      - name: Deploy
        uses: peaceiris/[email protected]
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./public