Hugo清除hn标签中的id属性
对于长内容文章，给文章中的标题标签（h1/h2/h3等）添加id属性，在文章开头便可以添加一个锚链接导航，方便用户快速跳转到想要关注的内容片段。 Hugo会自动给hn系列标签添加id属性，这个id属性的值为标题文本。对于英文站来说，标题文本可能不会太长，但中文看起来就比较长了。如果并不需要文章内导航，那这些id属性就太冗余。 …
Hugo设置站外链接新窗口打开
Markdown语法中，超链接可以指定锚文本、链接地址和Title属性，写法如下： [锚文本](链接地址 "Title属性") 没有更多了，如果想要指定该链接在新窗口打开，也就是target属性，只能直接在Markdown中写HTML标签。 …
Hugo通过Markdown渲染钩子给图片标签添加宽高属性
在使用Markdown插入图片时，标记是这样的：  Hugo渲染后得到的IMG标签是这样的： <img src="图片URL" alt="图片描述"> 看起来已经足够了，但如果能显示地给图片标签指定图片宽和高属性，可以减少浏览器的计算时间。 …
Hugo模板基本语法
Hugo是使用Go语言开发的，Hugo模板语法其实就是Go模板语法。 Hugo模板标签由两对花括号组成： {{}} .点表示当前对象： {{ . }} 输出一个变量： <h1>{{ .Title }}</h1> 以上例子输出Hugo页面标题。 花括号内侧两端的横线表示清除左/右侧的空白（任何不可见字符）： …
Hugo模板功能及加载顺序说明
Hugo的模板结构并不复杂，常用的无非首页、404页、分类页、标签页和文章页。 Hugo的所有模板文件位于主题目录中的layouts目录里，大致结构如下： ├── _default │ ├── baseof.html │ ├── list.html │ └── single.html ├── partials │ ├── header.html │ ├── footer.html └── index.html └── 404.html _default目录存放各种页面模板，partials目录中存放自定义的一些片段模板。 …
Hugo配置文件说明
Hugo的配置文件支持.yaml、.toml和.json格式，我使用的是.yaml格式，本文以.yaml格式示例。 站点配置文件config.yaml可以直接放在站点根目录，但更好的文件组织方式是将配置文件统一放在配置文件目录中。 …
Hugo新手入门简易教程
官网标语：Hugo是世界上最快的构建网站的框架。是否是世界上最快的我不知道，但以我这个站点目前的文章量，生成速度真的是非常快，几乎没感觉到等待。 安装HugoUbuntu安装Hugo： …
使用Rclone增量上传Hugo静态网站
Hugo生成的静态文件默认保存在public目录，只需要将这个目录中的所有文件打包上传到主机的网站根目录就可以了。但如果文章比较多，每次发表或更新了文章都要打包上传就很累了。 安装rclone： …
从WordPress迁移至Hugo全过程
我的这个小站已从WordPress迁移到了Hugo，虽然我也极喜欢WordPress这款程序，但这个博客主要记录一些文字而已，静态就足够。 转为Hugo之后，除了页面加载速度的提升，最大的好处莫过于不愁网站托管服务了。有不少支持开启静态网站托管的对象存储，还有Azure的Static Web Apps，这些服务免费的配额都足够中小网站使用。 …
宝塔面板网站日志不更新、文件太大解决方法
宝塔面板的网站访问日志文件路径为： /www/wwwlogs/www.beizigen.com-access_log 在线查看、编辑只支持3M以下的文件，默认下日志文件不会分割，体积会越来越大。删除日志文件后发现日志不再更新，解决方法很简单，在软件商店中，找到Apache，重启即可。如果你使用的是Nginx，则重启Nginx。 …