WebStack是一个很有名的开源导航站，众多开发者一起开发了多个框架语言的版本，其中shenwenye大佬开发的hugo版本很轻量，也容易部署，这里推荐给大家。

我们这里搭建的思路是，启动一个hugo服务容器，然后服务文件映射到魔改版的WebStack项目上。

一.项目准备

(1).创建项目文件夹

mkdir webstack_hugo

(2).在该文件夹下拉取主题

cd webstack_hugo
mkdir temp
mkdir themes
cd temp
git clone https://github.com/shenweiyan/WebStack-Hugo.git

(3).复制主题文件到webstack_hugo下面

cd webstack_hugo
# 复制WebStack-Hugo 的 conifg.toml 等文件到 hugo 文件夹下
cp -r ./temp/WebStack-Hugo/exampleSite/* ./
# 将WebStack-Hugo 的 exampleSite 样式复制到 Hugo 的 themes 文件夹下
cp -r ./temp/* ./themes

二.启动容器

docker run -itd -p 8080:1313 --name webstack-hugo  --restart always -v $(pwd):/src klakegg/hugo server -D

映射webstack_hugo文件夹到容器hugo工程目录，并对外映射端口为8080
浏览器打开ip:8080即可访问

三.自定义修改导航

主要的配置信息都集成到了 config.toml
导航的各个信息都集成在 data/webstack.yml 文件中

每次修改后无需重启容器

版权属于：Jolly

本文链接：https://totoro.site/index.php/archives/132/

关于转载：原创文章，禁止转载