hugo部署webstack

源码地址

```
https://github.com/liutongxu/liutongxu.github.io
```

```
https://github.com/iplaycode/webstack-hugo
```

```
https://github.com/shenweiyan/WebStack-Hugo
```

总体说一下特点：

- 采用了一直以来最喜欢的 hugo 部署方式，方便高效。
- 主要的配置信息都集成到了 config.toml，一键完成各种自定义的配置。
- 导航的各个信息都集成在 data/webstack.yml 文件中，方便后续增删改动。

- 做了手机电脑自适应以及夜间模式。
- 增加了搜索功能，以及下拉的热词选项（基于百度 API）。
- 增加了一言、和风天气的 API。

#### 第一，下载hugo

下载链接：https://github.com/gohugoio/hugo/releases

#### 第二，解压

```
/opt/hugo
```

#### 第三，下载 WebStack-Hugo

```
解压到/opt/hugo/themes
```

#### 第四，将webstack-hugo项目安装在hugo下

```
将 themes/WebStack-Hugo/exampleSite 目录下的所有文件复制到 hugo 站点根目录（即/opt/hugo/hugo）
```

#### 第五，生成与预览站点

```
./opt/hugo/hugo server
```

#### 最后，打开网址

```
最后，在浏览器中打开 http://127.0.0.1:1313/，即可看到生成的站点。
```

```
根据需要把 config.toml 的一些信息改成自己的，导航的网址信息可通过 data 目录下 webstack.yml 修改。
```

#### 调整头部搜索栏搜索位置

1. 直接修改 **layouts/partials/content_search.html**，调整对应部分的位置。
2. 调整默认的搜索（即点击"常用/搜索/工具 …" 时下指箭头的指向），把对应的 id 添加到对应的 label 里面。

#### github说明

本项目是基于**纯静态**的网址导航网站[webstack.cc](https://github.com/WebStackPage/WebStackPage.github.io) 制作的[Hogo](https://gohugo.io/)主题，主题安装后，将exampleSite目录下的文件复制到hugo站点根目录，网址信息可通过data目录下webstack.yml修改。

聚合搜索框、夜间模式，可开关

```
config.toml配置文件新增如下参数进行相应模式的开（true）和关（false）
[params.search]
  enable = true
[params.darkmode]
  enable = false
```

#### 创建 systemd 启动脚本

```
cat >/lib/systemd/system/hugo.service <