概述

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

新增菜单

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

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

    1

    $ hugo new deep-kotlin.md

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

     1
 2
 3
 4
 5
 6
 7
 8
 9
10

    [[menu.main]]             # config your menu              # 配置目录
name = "主页"
weight = 10
identifier = "home"
url = "/"
[[menu.main]]
name = "深入学习Kotlin"
weight = 15
identifier = "deep-kotlin"
url = "/deep-kotlin/"

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

    1
2
3
4
5

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

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