NexT主题基础外观设置

NexT主题基础外观设置


清爽版请见 清爽版

更换语言

NexT支持多种语言:

语言代码设定示例
Englishenlanguage: en
简体中文zh-Hanslanguage: zh-Hans
Françaisfr-FRlanguage: fr-FR
Portuguêsptlanguage: pt or language: pt-BR
繁體中文zh-hk 或者 zh-twlanguage: zh-hk
Русский языкrulanguage: ru
Deutschdelanguage: de
日本語jalanguage: ja
Indonesianidlanguage: id
Koreankolanguage: ko

想要切换语言只需要编辑hexo 配置文件_config.yml(注意区分主题配置文件)中的language项。

设置菜单

对菜单外观的设置包括三个部分:

  • 菜单的连接
  • 菜单的名称
  • 菜单的图标

设置菜单连接

NexT默认的菜单项有6个,初始只有homearchives,剩余菜单项需要在主题配置文件中手动开启。

键值设定值显示文本(简体中文)
homehome: /主页
archivesarchives: /archives归档页
categoriescategories: /categories分类页
tagstags: /tags标签页
aboutabout: /about关于页面
commonwealcommonweal: /404.html公益 404

例如我们想增加”标签页“这个菜单,需要以下3步:

  1. 编辑主题配置文件中的menu项,该项初始内容如下:

    menu:
      home: / || home
      #about: /about/ || user
      #tags: /tags/ || tags
      #categories: /categories/ || th
      archives: /archives/ || archive
      #schedule: /schedule/ || calendar
      #sitemap: /sitemap.xml || sitemap
      #commonweal: /404/ || heartbeat
    

    tags前的注释去掉。

  2. 新建页面tags,既执行下列命令:
    hexo new page "tags"

  3. 完成2后blog/source/中会出现tags目录,该目录下有index.md文件,文件内容如果:

    title: tags
    date: 2019-02-18 16:40:41
    

    编辑该文件,添加:type: tags

完成以上3步后,重新生成静态文件,添加tags菜单项完成!

设置菜单名称

设置完tags后默认的中文名称是”标签“,那么如果想要改变菜单的显示名称怎么办?

Hexo 在生成菜单显示名称的时候是使用键值查找对应的语言翻译,并提取显示文本。这些翻译文本放置在 next/languages/{language}.yml{language} 为你所使用的语言)。

以简体中文为例,若你需要添加一个菜单项,比如 something。那么就需要修改简体中文对应的翻译文件languages/zh-Hans.yml,在 menu 字段下添加一项:

menu:
  home: 首页
  archives: 归档
  categories: 分类
  tags: 标签
  about: 关于
  search: 搜索
  commonweal: 公益404
  something: 有料

设置菜单图标

NexT本身有默认的菜单图标,通过编辑主题配置文件中的menu_icons项来关闭或者开启。菜单图标的改变只能从“Font Awesome 图标”中选择,如果想要改变默认的对应,只需:

menu_icons:
  enable: true
  # Icon Mapping.
  home: home #item name: icon name
  about: user
  categories: th
  tags: tags
  archives: archive
  commonweal: heartbeat

去除底部“由 Hexo 强力驱动 | 主题 — NexT.Muse

博客底部样式在文件next/layout/_partials/footer.swig中定义,想要去除“由 Hexo 强力驱动 | 主题 — NexT.Muse“,只需在文件中删掉(或者注释掉){% if theme.footer.powered %}之后的所有内容。

NexT_footer

设置背景动画

NexT自带5种背景动画,只需要在主题配置文件的相应位置开启即可。

其他

其他的一些外观设置可以参考Hexo配置文件和主题配置文件。

参考连接

Hexo-NexT配置超炫网页效果

NexT文档

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值