Docker 搭建基于webstack的hugo导航站

前言

很多时候我们需要各种各样的网站来帮助我们完成一些事情,这时候导航站就很有用了。

简介

WebStack是一个很有名的开源导航站,众多开发者一起开发了多个框架语言的版本,其中shenweiyan大佬开发的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 ~
cd webstack_hugo
# 复制WebStack-Hugo 的 conifg.toml 等文件到 hugo 文件夹下
cp -r ./temp/WebStack-Hugo/exampleSite/* ./
# 将WebStack-Hugo 的 exampleSite 样式复制到 Hugo 的 themes 文件夹下
cp -r ./temp/* ./themes
4.启动项目
docker run -itd -p 8080:1313 --name webstack-hugo  --restart always -v $(pwd):/src klakegg/hugo server -D

映射webstack_hugo文件夹到容器hugo工程目录,并对外映射端口为8080。

浏览器打开ip:8080即可访问。

5.自定义修改导航

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

每次修改后无需重启容器

THE END