在 Hexo 中引入 JavaScript：创建 .js 文件并写入代码。在主题的 head.ejs 中引用文件。为第三方库添加依赖项并引用（可选）。清除缓存（可选），完成引入。
如何在 Hexo 中引入 JS
Hexo 是一个流行的静态网站生成器。要向 Hexo 网站引入 JavaScript (JS) 文件，可以采取以下步骤：
1. 创建 JS 文件
在 Hexo 项目目录中创建一个新的 .js 文件，例如 my-script.js。将 JS 代码添加到该文件中。
2. 在主题中包含 JS
在 Hexo 主题的 head.ejs 文件中添加以下代码：
<script src="{{ url_for('/js/my-script.js') }}"></script>这将向所有页面加载 my-script.js 文件。或者，您也可以在特定页面中添加此代码，例如 post.ejs。
3. 管理 JS 依赖项（可选）
如果您使用的是第三方 JS 库或模块，则需要将其作为 Hexo 依赖项安装。在 Hexo 项目目录中运行以下命令：
npm install <库名称>
这将在 node_modules 目录中安装库。然后，在 head.ejs 文件中添加以下代码：
<script src="{{ url_for('/node_modules/<库名称>/dist/<库文件>.js') }}"></script>替换 和 以匹配您安装的库。
4. 清除缓存（可选）
更改完 Hexo 配置后，需要清除缓存才能使更改生效。在 Hexo 项目目录中运行以下命令：
hexo clean
现在，您的 JS 文件将被正确引入到您的 Hexo 网站。
以上就是hexo 如何引入js的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
219
