Hugo Theme Next 配置指南

hugo next风格blog搭建之后,可能想要对默认的页面做调整,比如作者信息,图标,侧边栏,底部状态等。多数情况下config.yaml中都有对应配置项。 但是next自己似乎没有展开介绍此部分,需要自己摸索。 这里结合个人的修改实操介绍一下各部分的修改方式。

基本信息

只需要在config.yaml中修改字段即可,属性与字段的关系如下

  1. 网站title:.title
  2. 作者:.params.author
  3. 两个子标题分别是 .params.subtitle.params.description
  4. icon:.params.favicon
  5. 作者头像:.params.avatar.url

菜单调整

在首页的菜单默认有"首页",“关于”,“站点示例”,“归档”,“公益"5个选项 如果想关闭部分菜单,可以在 .menus.main数组下面注释掉对应项

页面风格

next theme下有4种内置风格可选,分别是Muse,Mist,Pisces,Gemini。 这部分在next的首页有介绍,设置.params.scheme字段即可

侧边栏设置

  1. 位置:.params.sidebar.position
  2. 宽度:.params.sidebar.width
  3. 关闭头像旋转:.params.avatar.rotated
  4. 关闭站点访问信息:.params.sideState.views.enable
  5. 关闭社交链接:.params.socials 注释数组项
  6. 关闭友情链接:.params.links 注释数组项

底部设置

  1. 图标设置:.params.footer.icon
  2. 不显示hugo与next支持:.params.footer.powered
  3. 不显示备案:.params.footer.beian
  4. 不显示供应商:.params.footer.verdors

开启archive

无需修改config文件,将themes/hugo-theme-next/exampleSite/content/archives目录拷贝到根目录的content目录, 修改目录下_index.md文件中的归档时间即可

开启评论

这个步骤稍微复杂,hogo是一个静态页面。评论是有状态的,需要在运行过程中记录评论人与内容,纯静态页面是做不到的。 此处推荐一个完全免费的方案vercel + waline + leanCloud。 leanCloud是一个云上数据库,waline是一个评论管理服务。vercel是一个servless服务商。

开启评论的步骤是

  1. 注册leanCloud,创建数据库 部署参考
  2. 注册vercel,将waline部署到vercel并配置存储到leanCloud 部署参考
  3. 将hugo theme next的评论开启,并配置接入方式为waline 安装 waline插件 npm install @waline/hexo-next comment-enable.jpg comment-waline-setting.jpg

其他设置

  1. 取消在线编辑icon:.params.postEdit.enable
  2. 不显示右上角github图标:.params.githubBanner.enable