Hugo 建站免費資源整理

官方免費資源

  • Hugo 官方文件 Hugo 的官方文件，詳細介紹如何使用 Hugo 來建立靜態網站。

  • Hugo 官方範本 官方整理的 Hugo 主題集合，可免費下載並應用於網站。

非官方免費資源

主機與 CDN

  • Netlify 提供免費的 Hugo 網站託管，支援 CI/CD、HTTPS、全域 CDN。

  • Vercel 適合 Hugo 網站的免費託管服務，支援自動部署與 CDN。

  • Cloudflare Pages Cloudflare 提供的免費 Hugo 託管，內建全球 CDN。

  • GitHub Pages 可用於免費託管 Hugo 網站，適合個人專案與開源文件。

  • Google Cloud Platform (GCP) Google 提供的免費雲端計算與網站託管服務，可使用 Cloud Run、App Engine 來部署 Hugo 網站。

  • Amazon Web Services (AWS) AWS 提供免費層服務，可使用 S3 + CloudFront 部署 Hugo 網站，適合大規模流量應用。

圖床與 SVG Icons

  • Free Image Hosting 免費圖床服務，適合存放 Hugo 網站的圖片資源。

  • Lucide Icons 開源的 SVG 圖標庫，適用於 Hugo 網站，設計簡潔且易於使用。

Tailwind CSS 及相關 Library

  • Tailwind CSS 一個功能強大的 CSS 框架，幫助開發者快速設計響應式網站。

  • DaisyUI 基於 Tailwind CSS 的 UI 元件庫，讓開發更加高效。

  • Flowbite 提供一系列 Tailwind CSS 元件和 UI 套件，適用於各類網站開發。

Webpack 常用 Library

  • Webpack 目前最流行的 JavaScript 模組打包工具，適用於 Hugo 項目。

  • Lodash 一個強大的 JavaScript 工具函式庫，適用於資料處理。

  • ESBuild 一個超高速的 JavaScript 打包工具，適用於 Webpack 替代方案。

  • PostCSS 一個可擴展的 CSS 處理工具，支援各種插件，適合 Tailwind CSS 和 Webpack 整合。