Hugo静态网站生成器部署教程 NAS极简安装配置指南 外网访问帕斯内网穿透设置详解

项目介绍

Hugo 是一个快速、灵活的静态网站生成器，使用 Go 语言构建，专为速度优化并设计为高度灵活。凭借其先进的模板系统和快速的资源管道，Hugo 能在几秒钟内渲染完整的网站。

Hugo 广泛用于创建企业、政府、非营利组织、教育、新闻、活动和项目网站，文档站点，图片作品集，着陆页，商业、专业和个人博客，简历和履历等。Hugo 支持多语言、强大的分类系统，并且是开源免费的，在 GitHub 上拥有超过 83,000 颗星。

Hugo 的快速资源管道包括图像处理（转换、调整大小、裁剪、旋转、调整颜色、应用滤镜等）、JavaScript 打包（转译 TypeScript 和 JSX、打包、摇树优化、压缩等）、Sass 处理和 Tailwind CSS 处理等功能。通过 Hugo Modules，你还可以通过公共或私有 Git 仓库与其他项目共享内容、资源、数据、翻译、主题、模板和配置。

项目地址： 点我跳转

部署安装

如需在外也打开项目需要配置内网穿透使用，点击前往 帕斯内网穿透，先注册好账号备用。

Hugo 主要是一个静态网站生成器，通常用于本地开发和构建，然后将生成的静态文件部署到 Web 服务器。对于容器化部署，我们可以使用官方的 Hugo Docker 镜像来运行开发服务器。

打开飞牛 NAS 或其他的 NAS 设备 点击本地镜像-添加镜像-从 URL 添加。这一步先添加 docker 镜像

镜像填 klakegg/hugo:latest 等待下载完成后点击启动按钮启动容器

勾选开机自动启动后下一步，端口设置这里。请设置容器端口 1313 映射到主机端口 1313（如果端口冲突可以修改主机端口，比如改为 8080，但容器端口保持 1313 不变）

存储位置这里，需要创建一个文件夹用于存放 Hugo 网站源码，将主机目录映射到容器的 /src 目录。建议在 NAS 上创建一个名为 hugo-site 的文件夹，然后映射进去。

环境变量设置：可选设置 HUGO_THEME: 指定要使用的主题名称 HUGO_BASEURL: 设置网站的基础 URL HUGO_ENV: 设置环境（development 或 production）

选择设置，可以不填 HUGO_WATCH: 启用文件监视（默认为 true） HUGO_REFRESH_TIME: 刷新时间间隔

其他的都不用填写，直接下一步启动就好了。

创建成功后可以访问 ip:1313 到这里就可以正常显示项目了

注意：首次启动时，如果映射的目录为空，你需要先在容器内初始化一个 Hugo 站点。可以通过容器终端执行 hugo new site . 来创建新站点，然后添加主题和内容。

穿透公网

打开帕斯内网穿透控制台，点击隧道管理-隧道列表

点击创建新隧道

隧道节点可以随便选，一般选个负载低的就可以

接下来填写信息，隧道名称可以随便填写

本地 IP 默认就可以

传输协议可以选择 TCP 也可以选择 HTTP/HTTPS

HTTP 就是域名的形式，教程以使用 TCP 为演示

本项目中如果没有修改端口的话默认是 1313 端口，这里本地端口就填 1313

远程端口可以留空也可以自定义。下图仅做参考，请按照实际项目端口添加。

填写完毕点击确定

点击刚才创建好的隧道，点击获取配置文件

回到飞牛 NAS，点击应用中心下载 frpc 客户端

打开后粘贴刚才复制的配置文件，点击确定即可

复制帕斯内网穿透控制台的访问 IP 和端口

可以看到已经正常穿透成功了

本篇教程结束