Hugo Theme Next 配置指南
hugo next风格blog搭建之后,可能想要对默认的页面做调整,比如作者信息,图标,侧边栏,底部状态等。多数情况下config.yaml中都有对应配置项。 但是next自己似乎没有展开介绍此部分,需要自己摸索。 这里结合个人的修改实操介绍一下各部分的修改方式。
基本信息
只需要在config.yaml中修改字段即可,属性与字段的关系如下
- 网站title:
.title - 作者:
.params.author - 两个子标题分别是
.params.subtitle和.params.description - icon:
.params.favicon - 作者头像:
.params.avatar.url
菜单调整
在首页的菜单默认有"首页",“关于”,“站点示例”,“归档”,“公益"5个选项
如果想关闭部分菜单,可以在 .menus.main数组下面注释掉对应项
页面风格
next theme下有4种内置风格可选,分别是Muse,Mist,Pisces,Gemini。
这部分在next的首页有介绍,设置.params.scheme字段即可
侧边栏设置
- 位置:
.params.sidebar.position - 宽度:
.params.sidebar.width - 关闭头像旋转:
.params.avatar.rotated - 关闭站点访问信息:
.params.sideState.views.enable - 关闭社交链接:
.params.socials注释数组项 - 关闭友情链接:
.params.links注释数组项
底部设置
- 图标设置:
.params.footer.icon - 不显示hugo与next支持:
.params.footer.powered - 不显示备案:
.params.footer.beian - 不显示供应商:
.params.footer.verdors
开启archive
无需修改config文件,将themes/hugo-theme-next/exampleSite/content/archives目录拷贝到根目录的content目录, 修改目录下_index.md文件中的归档时间即可
开启评论
这个步骤稍微复杂,hogo是一个静态页面。评论是有状态的,需要在运行过程中记录评论人与内容,纯静态页面是做不到的。 此处推荐一个完全免费的方案vercel + waline + leanCloud。 leanCloud是一个云上数据库,waline是一个评论管理服务。vercel是一个servless服务商。
开启评论的步骤是
- 注册leanCloud,创建数据库 部署参考
- 注册vercel,将waline部署到vercel并配置存储到leanCloud 部署参考
- 将hugo theme next的评论开启,并配置接入方式为waline
安装 waline插件
npm install @waline/hexo-next

其他设置
- 取消在线编辑icon:
.params.postEdit.enable - 不显示右上角github图标:
.params.githubBanner.enable
