博客js樱花特效 | 我的日常分享

博客js樱花特效

发表于2021-06-22更新于2021-06-22字数统计115阅读时长1分

一、添加特效

在\themes\next\source\js\src中新建sakura.js文件，并添加以下代码内容
sakura.js

然后在\themes\next\layout\_layout.swig 文件里<body></body>内部引用：

<!-- 樱花特效 -->
{% if theme.sakura.enable %}
    <script async src="/js/src/sakura.js"></script>
{% endif %}

最后在主题配置文件 .yml中配置：

1
2
3

# 樱花飘落动特效
sakura:
    enable: true