分类 Hugo 中的文章

Hugo代码增加显示行号功能

Hugo代码增加显示行号功能 今天看Hugo文档的时候,发现hugo已经有显示行号的功能了 hugo的版本需要v0.60.0以上 实现的方式很简单,只要修改配置文件即可 修改配置文件 修改主配置文件config.toml,在配置文件中增加 1pygmentsUseClasses = true 2[markup] 3 [markup.highlight] 4 codeFences = true 5 guessSyntax = true 6 hl_Lines = "" 7 lineNoStart = 1 8 lineNos = true……

阅读全文

Hugo集成Share.js一键分享插件

Hugo集成Share.js一键分享插件 一键分享功能是网站社交化的一个重要组件,当前发现一款使用非常简单的js插件-share.js,Github地址: https://github.com/overtrue/share.js 。 share.js使用非常简单,它可以通过参数配置自由控制展示哪些分享图标,同时它还可以自定义分享时的title以及icon。……

阅读全文

给Hugo添加字数统计和阅读时间功能

给Hugo添加字数统计和阅读时间功能 经常逛别人的博客时发现"共XXX字,阅读大约需要XXX分钟",发现这个功能比较牛X,然后网上搜索了一下,发现hugo有函数支持这个需求的。 修改页面 博客详情页:layouts/_default/single.html 修改sin……

阅读全文

Hugo插件之代码块拷贝插件

hugo插件之代码块拷贝插件 很多网站都有代码块拷贝插件,但是查阅了很多的文档,找到hugo主题下有2个带代码拷贝的主题hugo-theme-learn和bulma,页面布局个人不是很喜欢,改动起来难度很大,还查了一些国外的网站,最后从Adding click-to-copy buttons to a Hugo powered blog文章中找到的代……

阅读全文

Hugo评论插件集成之Valine

Hugo评论插件集成之Valine 简介 官网:https://valine.js.org Valine 诞生于2017年8月7日,是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。 理论上支持但不限于静态博客,目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客……

阅读全文

Hugo快速上手

Hugo快速上手 1.Hugo简介 Hugo是go语言开发的静态网页生成工具,它在速度、易用性和可配置性方面进行了优化。Hugo获取一个包含内容和模板的目录,并将它们呈现为一个完整的HTML网站。 Hugo依赖具有前端内容的Markdown文件作为元数据,您可以从任何目录运行Hugo。……

阅读全文