(码) Hugo静态博客及研究,最新版v0.110.0 (更新2023.2.4)

赞赏码支付功能暂时失效,有需求请联系博主。若有问题请点这里通知我

最新版下载http://github.com/gohugoio/hugo/releases

2023.2.4 给每页添加语言翻译功能:在左下方菜单下面。使用网页全自动翻译
对模板文件sidebar.html(菜单)添加了按钮

  <div style="text-align:center;font-size:10pt;">
    <a class="ignore" href="javascript:translate.changeLanguage('english');">English</a> | 
    <a class="ignore" href="javascript:translate.changeLanguage('chinese_simplified');">简中</a> | 
    <a class="ignore" href="javascript:translate.changeLanguage('chinese_traditional');">繁中</a>
  </div>

对文章列表和具体页面添加了库引用

<script src="https://res.zvo.cn/translate/translate.js"></script>
<script>
translate.setUseVersion2(); //设置使用v2.x 版本
translate.language.setLocal('chinese_simplified'); //设置本地语种(当前网页的语种)。如果不设置,默认就是 'chinese_simplified' 简体中文。 可填写如 'english'、'chinese_simplified' 等,具体参见文档下方关于此的说明。
translate.execute();//进行翻译 
</script>

2022.12.22 添加simple属性,[simple: true] 用于在列表中仅显示标题

2022.10.22 添加featuredImagePreview属性,用于显示一个预览图

2022.10.17
制作了一个Hugo工具

2022.10.5
添加夜间模式,使用darkmode.js库,非常简单的添加方式。

<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
<script>
const options = {
  top: '132px', // default: '32px'
  bottom: 'unset', // 
  // right: 'unset', // default: '32px'
  //left: '32px', // default: 'unset'
  time: '0.5s', // default: '0.3s'
  mixColor: '#fff', // default: '#fff'
  backgroundColor: '#fff',  // default: '#fff'
  buttonColorDark: '#100f2c',  // default: '#100f2c'
  buttonColorLight: '#fff', // default: '#fff'
  saveInCookies: false, // default: true,
  label: '🌓', // default: ''
  autoMatchOsTheme: true // default: true
}

  function addDarkmodeWidget() {
    const darkmode = new Darkmode(options);
    darkmode.showWidget();
  } …
赞赏码支付功能暂时失效,有需求请联系博主。若有问题请点这里通知我

相关文章