Hello! 欢迎来到小浪资源网!

hexo 如何引入js


在 hexo 中引入 JavaScript:创建 .JS 文件并写入代码。在主题的 head.ejs 中引用文件。为第三方库添加依赖项并引用(可选)。清除缓存(可选),完成引入。

hexo 如何引入js

如何在 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 网站。

相关阅读