便签

js.Build

说明

就我目前的使用经验, 只需要两步

1. 编译
   
   和CSS代码一样, 在 assets 目录下新建文件夹, 专门用来存放JavaScript代码, 使用Hugo提供的 resources.Get 获取后编译
   

   已将 assets/css 移动到 /themes/tess/assets 目录下, 并创建软链接
   

2. 在需要处调用脚本
   

编译

Copy1{{ $built := resources.Get "js/index.js" | js.Build "main.js" }}

调用

Copy1{{ with $built }}
2<script src="{{ $built.RelPermalink }}"></script>
3{{ end }}

JavaScript测试代码

Copy1console.log("test ok");

用到JavaScript的地方

1. 导航栏, 侧边导航栏, 文章目录高亮当前项
   
2. 从网页爬文章目录
   
3. 其他