Skip to content

网页 Meta

这部分主要帮助我们配置页面 header 部分的 meta 信息

CDN 配置

因为在国内使用国外的 CDN 链接会让网站变得非常的慢,所以这个配置可以根据你的需求切换国际或国内的 CDN。

属性使用
en所有脚本将使用 Jsdelivr CDNs 的链接。
cn所有脚本将使用 SusTech(南方科技大学) 的链接。

例子:

yaml
site_meta:
  # CDN 切换
  cdn: cn
site_meta:
  # CDN 切换
  cdn: cn

更改 cdn 属性后,您需要运行以下命令重新构建 Hexo 静态文件。

shell
hexo cl && hexo g
hexo cl && hexo g

SEO meta

  • description: 对站点的描述.
  • keywords: 网站的关键词.
  • author: 网站作者.
yaml
site_meta:
  cdn: cn
  favicon:
  description: '一位正在重塑知识的技术人 公众号:技术银河'
  keywords: 'Frontend, Web development, Blog, Aurora Theme, TriDiamond'
  author: 'TriDiamond'
site_meta:
  cdn: cn
  favicon:
  description: '一位正在重塑知识的技术人 公众号:技术银河'
  keywords: 'Frontend, Web development, Blog, Aurora Theme, TriDiamond'
  author: 'TriDiamond'

自定义 Meta

在配置文件中,可以很轻易的把自定义 ScriptCSS 链接添加到主题中。你只需使用“injectable”设置即可。

注入 设置有两个选项,每个选项都可以设置多个 Script 和 CSS 链接。

  • scripts - 用于配置多个脚本链接
  • css -用于配置多个 css 链接

例如,您希望添加 Live2D 小部件,以下是如何设置它的方法。这里我使用stevenjoezhang/live2d-widget

yaml
#! ---------------------------------------------------------------
#! Injections
#! ---------------------------------------------------------------
injects:
  scripts:
    - <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
  css:
    - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">
#! ---------------------------------------------------------------
#! Injections
#! ---------------------------------------------------------------
injects:
  scripts:
    - <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
  css:
    - <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">

然后重建 Hexo 静态文件:

shell
hexo cl && hexo g
hexo cl && hexo g

Released under the MIT License.