给 hugo 主题添加有进度条的返回顶部按钮
Hugo 是一个静态网站生成器,可以使用 JavaScript 和 CSS 构建自定义插件。可以在 Hugo 模板中添加 JavaScript 代码,以实现所说的功能。
只需在 hugo 的主题文件 footer.html 里添加以下代码:
显示进度铵钮并点击返回 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 <script type="text/javascript"> // 创建进度按钮 var progressBtn = document.createElement('button'); progressBtn.style.backgroundColor = '#0275d8'; progressBtn.