无公网自建Hugo静态网站生成器 快速部署个人博客,NAS极简安装Hugo。无公网设置帕斯内网穿透远程访问!
作者
小编
发布时间

项目介绍
Hugo 是一个快速、灵活的静态网站生成器,使用 Go 语言构建,专为速度优化并设计为高度灵活。凭借其先进的模板系统和快速的资源管道,Hugo 能在几秒钟内渲染完整的网站。
Hugo 广泛用于创建企业、政府、非营利组织、教育、新闻、活动和项目网站,文档站点,图片作品集,着陆页,商业、专业和个人博客,简历和履历等。Hugo 支持多语言、强大的分类系统,并提供内置的 Web 服务器用于开发时实时预览。
Hugo 的快速资源管道包括图像处理(转换、调整大小、裁剪、旋转、调整颜色、应用滤镜等)、JavaScript 打包(TypeScript 和 JSX 转译、打包、摇树优化、压缩等)、Sass 处理和 Tailwind CSS 处理等功能。
项目地址: 点我跳转
部署安装
如需在外也打开项目需要配置内网穿透使用,点击前往 帕斯内网穿透,先注册好账号备用。
Hugo 主要是一个静态网站生成器,通常用于生成静态文件后部署到 Web 服务器。以下提供使用 Docker 运行 Hugo 开发服务器的方法:
打开飞牛 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 会使用默认配置或配置文件中的设置。
其他的都不用填写,直接下一步启动就好了。
启动后,你需要在映射的目录中放置 Hugo 网站源码。如果是新建网站,可以通过容器终端执行:
1hugo new site mysite
创建成功后可以访问 ip:1313 到这里就可以正常显示 Hugo 开发服务器了
穿透公网
打开帕斯内网穿透控制台,点击隧道管理-隧道列表

点击创建新隧道
隧道节点可以随便选,一般选个负载低的就可以

接下来填写信息,隧道名称可以随便填写
本地 IP 默认就可以
传输协议可以选择 TCP 也可以选择 HTTP/HTTPS
HTTP 就是域名的形式,教程以使用 TCP 为演示
本项目中如果没有修改端口的话默认是 1313 端口,这里本地端口就填 1313
远程端口可以留空也可以自定义。下图仅做参考,请按照实际项目端口添加。

填写完毕点击确定
点击刚才创建好的隧道,点击获取配置文件

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

打开后粘贴刚才复制的配置文件,点击确定即可
复制帕斯内网穿透控制台的访问 IP 和端口
可以看到已经正常穿透成功了
本篇教程结束