Hexo的NexT主题配置

发表于 2022-04-21 分类于 Hexo Waline：阅读次数：

创建配置文件

旧的NexT主题的配置文件是在：

1	themes/next/_config.yml

新的配置方式是需要在项目根目录创建一个名称为 _config.[theme].yml 的配置文件。

如果你是源码安装的NexT主题，在这里我们可以通过这个命令

1 2	cp themes/next/_config.yml \ _config.next.yml

如果你是用npm安装的NexT主题，在这里我们可以通过这个命令

1 2	cp node_modules/hexo-theme-next/\ _config.yml _config.next.yml

直接从NexT里面拷贝出一个符合命名规范的配置文件模板到项目根目录，具体配置的时候修改该文件即可。

配置说明

夜间模式

1 2	# Dark Mode darkmode: true

打开以启动夜间模式

网站图标

favicon:
  small: /images/favicon-16x16-next.png
  medium: /images/favicon-32x32-next.png
  apple_touch_icon: /images/apple-touch-icon-next.png
  safari_pinned_tab: /images/logo.svg
  #android_manifest: /manifest.json

这些图片可以通过原图（最好是SVG矢量图）在Favicon Generator上生成全套，名称和功能也能对应上，生成后直接使用即可。

知识共享

creative_commons:
  # Available values: by | by-nc | by-nc-nd | by-nc-sa | by-nd | by-sa | cc-zero
  license: by-nc-sa
  # Available values: big | small
  size: small
  sidebar: true
  post: true
  # You can set a language value if you prefer a translated version of CC license, e.g. deed.zh
  # CC licenses are available in 39 languages, you can find the specific and correct abbreviation you need on https://creativecommons.org
  language:

这里配置的是CC4.0创作共享协议，具体内容可以去Creative Commons学习

license：后有多项具体的协议内容可选by、by-nc、by-nc-nd、by-nc-sa、by-nd、by-sa、cc-zero，根据需求传入对应的名称即可

size：表示在侧边栏显示的协议Logo的大小，有big和small可选

sidebar：表示是否在侧边栏显示协议Logo

post：表示是否在文章后展示协议内容

language：是协议的语言，这里可以不传语言设置为默认

最后，需要在每个文章顶部内容中加入下面这个配置即可开启该文章的版权申明

1	copyright: true

社交媒体链接

# Social Links
# Usage: `Key: permalink || icon`
# Key is the link label showing to end users.
# Value before `||` delimiter is the target permalink, value after `||` delimiter is the name of Font Awesome icon.
social:
  GitHub: https://github.com/leoliupei || fab fa-github

social_icons:
  enable: true
  icons_only: false
  transition: false

社交媒体链接是展示在页面个人信息上的一些按钮，可以让读者通过社交媒体联系到你。

其中 social 字段里面传入一些键值对，Key: /link/ || icon这种写法在NexT配置文件里十分常见。

Key 表示展示在按钮上的文字，/link/表示点击按钮跳转的链接，icon表示按钮要使用的图标名称。

这里要讲一下图标名称，在NexT中大量使用形如fab fa-github的字符串来表示图标，NexT其实使用了Font Awesome图标库，所以我们搜索需要图标后拿到它的名称转换一下后填入即可。

转换前是：

这里拿HTML版本的Bilibili Logo举例

1	<i class="fa-brands fa-bilibili"></i>

我们要把fa-brands简化为fab，即是fab fa-bilibili填入到键值对中。

转换后是：

1 2	social: Bilibili: https://b23.tv/8XDmhFD \|\| fab fa-bilibili

如果是fa-solid fa-envelope可以转换为fas fa-envelope或者是fa fa-evenlope。