Hugo添加菜单

概述

我需要在我的博客中，添加一个“深入学习Kotlin”的专题菜单，那要怎么添加呢？有人说直接使用简单的tag或者category不行吗，是可以，但是感觉不太优雅，且页面没法定制，因此今天介绍一种新的方法。

新增菜单

就以添加“深入学习Kotlin”的专题菜单为例

1. 首先创建一个对应md文件

   1$ hugo new deep-kotlin.md

2. 然后编辑项目根目录下的站点配置文件 config.toml，添加页面说明。其中 weight 字段的值决定了该页面在菜单栏的顺序，其值越大，顺序越靠后。按照习惯，About 页面放在最后，所以其 weight 字段值设置为 15。

   1[[menu.main]] # config your menu # 配置目录 2name = "主页" 3weight = 10 4identifier = "home" 5url = "/" 6[[menu.main]] 7name = "深入学习Kotlin" 8weight = 15 9identifier = "deep-kotlin" 10url = "/deep-kotlin/"

3. 新建的一个deep-kotlin.md 文件位于 content 目录下，编辑文件内容从而决定实际的页面显示内容。

   1ls -l content 2total 24 3-rw-r--r-- 1 lapisy staff 508 Sep 13 21:54 about.md 4-rw-r--r-- 1 lapisy staff 559 Oct 14 16:56 deep-kotlin.md 5drwxr-xr-x 13 lapisy staff 416 Oct 14 16:57 post

4. 这样就可以通过链接baseurl/deep-kotlin进行访问了，实际结果可以看下这个链接：深入学习Kotlin