WebStack-Hugo:基于 Hugo 的静态响应式网址导航主题
https://github.com/shenweiyan/WebStack-Hugo
基于纯静态的网址导航网站 webstack.cc 制作的 Hugo 主题,是一个基于 Hugo 的静态响应式网址导航主题。
本站使用的导航程序,目前搭建了两个导航站。一个是推荐的,一个是全量的。差别在于内容,全量的是类目中,收录比较全面的资源。网址分别为
源码 位于:https://git.jetsung.com/idev/navsites
推荐站(main):https://nav.skiy.net
全量站(more):https://navs.skiy.net
均使用 CloudFlare Pages 功能,其中推荐站
使用 GCore CDN 加速,而 全量站
使用的是 CloudFlare 自家的资源,其自带 CDN (使用 CDN 主要是因为 pages.dev
已被墙)。
推荐站以 GitLab 的 CI/CD 功能,发布到国内的云主机上,作为主站。CloudFlare 的推荐站作为镜像站
搭建的教程如下:
创建项目
# 创建项目
mkdir navsites
cd $_
# 初始化项目
git init
# 按 WebStack-Hugo 官方教程:https://www.yuque.com/shenweiyan/cookbook/webstack-hugo#Yk0FM
# 将 WebStack-Hugo 源下载到 themes/WebStack-Hugo 文件夹
git submodule add https://github.com/shenweiyan/WebStack-Hugo.git themes/WebStack-Hugo
cp -r themes/WebStack-Hugo/exampleSite/* ./
# 安装 hugo
go install github.com/gohugoio/hugo@latest
# 本地测试
hugo server
# 生成 docs 文件夹,将并静态内容生成至此处
hugo -D
发布项目
使用 GitHub Pages 布署(此处略过)
使用 CloudFlare Pages 布署(推荐)
前提是,需要有代理和安装 Node
环境。
安装 Wrangler
npm install -g wrangler
使用,可能需要使用代理
# 登录,可能登录不成功
wrangler login
# 若登录不成功,需要使用代理。
# 每个命令行前,均需要加 HTTP_PROXY=http://localhost:8080
HTTP_PROXY=http://localhost:1080 wrangler login
# 创建项目,名为 nav,提示有具体的项目网址
HTTP_PROXY=http://localhost:1080 wrangler pages project create nav
# 发布到 docs 文件夹到项目 nav
HTTP_PROXY=http://localhost:1080 wrangler pages publish docs
访问项目网址
可以在 CloudFlare 后台,Pages 页面查看项目
使用 gitmodule
子模块的好处在于,不修改源站的任何代码,可以跟源程序保持同步更新。