Hexo是一個靜態博客生成器,使用起來十分方便。引入Jquery可以使網站的交互效果更加豐富。下面是如何在Hexo中引入Jquery的步驟:
1. 安裝Hexo-jQuery插件
npm install hexo-jquery --save
2. 修改Hexo的YAML配置文件
在Hexo工程目錄下的_config.yml文件中添加以下內容:
# enable jQuery plugin
jquery_plugin:
enable: true
3. 在Hexo主題的layout文件中引入Jquery
在Hexo主題的layout目錄下找到需要引入Jquery的文件,一般為head.ejs或footer.ejs文件。在文件中添加以下代碼:
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
4. 測試是否引入成功
重新生成博客,打開頁面,在瀏覽器的控制臺輸入$(或jQuery),如果顯示Jquery對象,則證明引入成功。
上一篇怎么把標簽居中 css
下一篇mysql中刪除一個視圖