Hugo生成404 Page分页解决方法

如果Hugo主题layouts目录中具有404.html模板,Hugo会在网站根目录中生成404.html页面,通常这已经足够了。但是,新版本的Hugo将404当作Kinds来处理 …

Hugo实现简单站内搜索功能

对于静态站点,搜索功能应该是一个比较棘手的问题。对于内容比较庞大的网站,可能直接跳转到第三方搜索引擎比较适合。例如使用以下搜索指令: 关键词 site:www.beizigen.com 但这种方式容易造成用户跳出网站,体验也不 …

Hugo清除hn标签中的id属性

对于长内容文章,给文章中的标题标签(h1/h2/h3等)添加id属性,在文章开头便可以添加一个锚链接导航,方便用户快速跳转到想要关注的内容片段。 Hugo会自动给hn系列标签添加id …

Hugo设置站外链接新窗口打开

Markdown语法中,超链接可以指定锚文本、链接地址和Title属性,写法如下: [锚文本](链接地址 "Title属性") 没有更多了,如果想要指定该链接在新窗口打开 …

Hugo通过Markdown渲染钩子给图片标签添加宽高属性

在使用Markdown插入图片时,标记是这样的: ![图片描述](图片URL) 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 …

Hugo配置文件说明

Hugo的配置文件支持.yaml、.toml和.json格式,我使用的是.yaml格式,本文以.yaml格式示例。 站点配置文件config.yaml可以直接放在站点根目录,但更好的 …

Hugo新手入门简易教程

官网标语:Hugo是世界上最快的构建网站的框架。是否是世界上最快的我不知道,但以我这个站点目前的文章量,生成速度真的是非常快,几乎没感觉到等待。 安装HugoUbuntu安装Hugo …

使用Rclone增量上传Hugo静态网站

Hugo生成的静态文件默认保存在public目录,只需要将这个目录中的所有文件打包上传到主机的网站根目录就可以了。但如果文章比较多,每次发表或更新了文章都要打包上传就很累了。 安装r …