hugo deploy

ฮิวโก้ ปรับใช้

นี่คือจุดเริ่มต้นสำหรับบล็อก Hugo ที่มีการปรับใช้กับ Amazon S3 ผ่าน GitHub Actions

นี่คือวิธีที่ฉันปรับใช้ nathany.com, Edmonton Go และ fsnotify.org

ความต้องการ

การพัฒนาท้องถิ่น:

• ติดตั้ง hugo binary ดาวน์โหลดได้ที่ gohugo.io
  • บน Mac ให้ใช้ Homebrew: brew install hugo

ระยะไกล:

• บัญชี GitHub พร้อมเนื้อหาเว็บไซต์ของคุณ (ฟรี)
• บัญชี Amazon เพื่อสร้างถัง S3 (เพนนี)
• DNS กำหนดค่าให้ชี้ไปที่ S3
  • แนะนำให้ใช้ CloudFlare สำหรับ HTTPS (ฟรี)

มีอะไรให้บ้าง?

• hugo new site <mysite> สร้าง config.toml และโฟลเดอร์ว่างสองสามโฟลเดอร์ ฉันได้เพิ่มไฟล์ .gitkeep เพื่อให้เช็คอินโฟลเดอร์เหล่านั้นได้
• โฟลเดอร์ assets/sass พร้อม all.sass ที่จะถูกแปลงเป็น CSS
• สคริปต์เพื่อดูการเปลี่ยนแปลงไฟล์ในการพัฒนาและรวมแบบร่างไว้ในเอาต์พุต วิ่ง ./watch.sh
• .gitignore เพื่อหลีกเลี่ยงการส่งไฟล์ที่สร้างขึ้น
• ไฟล์เวิร์กโฟลว์ที่ GitHub Actions ใช้สำหรับการปรับใช้ ( .github/workflows/build.yml )

การปรับใช้

GitHub Actions ปรับใช้เว็บไซต์โดยอัตโนมัติเมื่อรวมการเปลี่ยนแปลงเข้ากับสาขาหลักบน GitHub จากประสบการณ์ของฉัน การปรับใช้ใช้เวลาไม่กี่วินาทีจึงจะเสร็จสมบูรณ์

• Hugo-deploy-example.s3-website.ca-central-1.amazonaws.com คือตำแหน่งข้อมูลเว็บไซต์บน Amazon S3

นโยบายบัคเก็ตนี้ให้การเข้าถึงไฟล์ใน S3 แบบสาธารณะ

 {
    "Version": "2012-10-17",
    "Statement": [
        {
            "Sid": "PublicReadGetObject",
            "Effect": "Allow",
            "Principal": "*",
            "Action": [
                "s3:GetObject"
            ],
            "Resource": [
                "arn:aws:s3:::hugo-deploy-example/*"
            ]
        }
    ]
}