从零搭建 Hugo 静态博客｜OpenList+网盘图床 + Cloudflare Pages 免费部署 全套命令&踩坑避坑
前言 折腾两天完整落地一套免费静态博客方案：本地Markdown写作 + PicGo一键传图到私人网盘图床 + Gitee/GitHub双仓库同步 + Cloudflare Pages自动构建部署 + 自有域名全站HTTPS。 网上大多只有单独Hugo、单独Alist教程，极少有OpenList兼容隧道图床完整流程，本文附上全部可复制Linux命令，同时记录我踩过的所有报错坑，新手可直接照搬操作。 一、整套架构组件说明 Hugo：本地生成静态网页，写Markdown源文件 Git：Gitee为主仓库，单向同步GitHub备用 Cloudflare Pages：免费静态站点托管，博客主域名blog.example.top、图床二级域名img.blog.example.top OpenList：虚拟机部署，挂载私人网盘充当博客图床，兼容Alist V3 API Cloudflare Zero Trust 永久隧道：内网OpenList暴露公网二级图床域名 PicGo 3.0：截图一键上传图床，自动生成Markdown图片链接 二、第一部分：Linux 安装 Hugo & 初始化博客站点 环境：Ubuntu/Debian 虚拟机（NAS内置虚拟机通用） 1. 系统更新依赖 sudo apt update && sudo apt upgrade -y 安装 Git、解压工具 sudo apt install git unzip wget -y 一键安装 Hugo（扩展版，支持图片 / 资源处理） 以 v0.146.0 版本举例，可自行替换最新版本号： # 下载64位Linux二进制包 wget https://github.com/gohugoio/hugo/releases/download/v0.146.0/hugo_0.146.0_linux_amd64.tar.gz # 解压 tar -zxvf hugo_0.146.0_linux_amd64.tar.gz # 移动到系统全局命令目录 sudo mv hugo /usr/local/bin/ # 验证安装 hugo version 输出版本号即安装成功。 ...