前言

就算再简单的教程，也要坚持发布，不要因为简单而忽略，不积硅步无以成江河~
希望能帮到有需要的小伙伴呀~！

如何引入自己写的js脚本

在source文件夹下，新建 js 文件夹，在js文件夹中新建js脚本，编写自己的custom.js脚本，写完后，在主题配置文件 _config.butterfly.yml 中引入刚刚新建的custom.js自定义脚本，添加内容如下：

1
2
3
4
5
6
7
8
9
10
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    # 自定义css
  bottom:
    # 自定义js
    - <script async data-pjax src="/js/custom.js"></script>  #添加的自定义js文件

如何引入自己写的css样式

在source文件夹下，新建 css 文件夹，在css文件夹中新建css样式，编写自己的custom.css样式，写完后，在主题配置文件 _config.butterfly.yml 中引入刚刚新建的custom.css自定义样式，添加内容如下：

1
2
3
4
5
6
7
8
9
10
# Inject
# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)
# 插入代码到头部 </head> 之前 和 底部 </body> 之前
inject:
  head:
    # 自定义css
    - <link rel="stylesheet" href="/css/custom.css">  #添加的自定义css文件
  bottom:
    # 自定义js
    - <script async data-pjax src="/js/custom.js"></script>  #添加的自定义js文件

Hexo三连

1
hexo clean && hexo g && hexo s