Hexo主题如何注入自定义CSS与JS文件

用于butterfly主题

创建文件夹

在博客主目录下的source目录下分别创建好css、js、img文件夹。

引入自定义的js、css文件

在主题配置文件(_config.butterfly.yml)中找到配置inject:

# Inject
# ps：引入自定义css、js
#     css文件在head引入，js文件在bottom里引入，有的js要求在head引入，不然无法生效
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# ps: 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head: #注入自定义css
      - <link rel="stylesheet" href="/css/style.css?v1">
    # - <link rel="stylesheet" href="/xxx.css">
  bottom: #注入自定义js
      - <script src="/js/script.js?v1"></script>
    # - <script src="/xxxx"></script>

引入多个文件

bottom: #注入自定义js
      - <script src="/js/script.js?v1"></script>
      - <script src="/xxxx"></script>
      # 路径是/xxx/xxx 没有./xxx/xxx