waline邮件通知模板样式一览
博客相关资料
『Hugo』Hugo Styles
友链样式相关
给博客更换好看字体吧 · 整点内啡肽
My Life Highlights
字图 CDN | 一个免费中文字体公益 CDN 服务 | 中文网字计划
中文网字计划提供的开源免费中文字体公益 CDN 服务,致力于为国内外全球 CJK 开发者提供高质量网络字体服务,让中文字体在互联网世界起飞。
深入探究 Hugo 代码高亮
曾经我写道「我还没搞清楚怎么在切换浅色/深色模式时自动切换代码高亮配色」,这个状态从 2021 年搬到 Hugo 持续至今。昨天在网上逛一些有主题切换功能的独立
Chroma Style Gallery
hugo自带的这个chroma代码高亮的不同主题示例
Waline | Waline
waline的旧手册
给博客添加Waline评论区
My Life Highlights
维护日志|No.3:终于把正式版写出来了!
时隔一周,回首望,恍如隔世……
让 Hugo 自动给图片加上说明文字
本文测试于 Hugo extended 0.125.6,完整的网站代码在此。 将图片标题用作说明文字(推荐) Markdown 插入图片的代码是这样的: 1 ![描述](链接 "标题") 对于的 HTML 代码: 1 img src="链接"
8.1 设置Hugo模块
8.1 设置Hugo模块 # Hugo模块依赖于围棋。 你可以使用软件包管理器或使用https://golang.org/doc/install. 中的说明安装Go 请记住,GO需要出现在系统路径中才能由Hugo使用。
要验证Go是否可用,请运行命令go version,该命令在控制台中输出Go的版本。 确保Go的版本高于1.12。 一旦我们安装了受支持的Go版本,我们就可以忘记Go并回到Hugo。 这就是我们将在整本书中用Go语言处理的所有安装。
NOTE 安装Go对于完成本书其余部分的练习至关重要。 我们将在本书的后半部分使用Hugo模块。 下一步是初始化Hugo模块。 每个Hugo模块都需要一个模块名称。 此名称标识模块。 模块名称仅在Hugo模块的上下文中使用。 要初始化名为acmeporationwebsite的模块,请在命令行上运行以下清单中的命令。
Listing 8.1 Hugo command to create a new module hugo mod init AcmeCorporationWebsite 该命令在根文件夹中创建一个名为go.mod的文件。 每个模块都有一个go.mo d文件。 该文件是Hugo模块的入口点。 它标识当前模块,并存储有关该模块链接到的其它模块的信息。 该文件在概念上类似于Ruby中的Gemfile、Node.js中的Package.json和Python的pip中的Requirements s.txt。 它列出了我们在安装和更新过程中可以使用的依赖项及其版本。 我们可以使用此文件扫描直接依赖项列表。 我们应该将此文件检查到版本控制中,并且在Hugo世界中的大多数情况下,我们不会手动修改它。
Exercise 8.1
是非题:如果我们开发的是单一网站,Hugo模块没有任何优势。
为什么有config.yaml还有go.mod
Hugo模块在很多方面都是Hugo的独特之处。 Go需要安装,它有一个额外的初始化命令,以及一个单独的go.mo d文件。 这种分离是必要的,因为Hugo模块是GO模块上的轻量级包装器。 如果你称之为go mod init,而不是hugo mod init,你会发现它的行为是一样的。 Hugo选择GO模块作为其模块系统的基础,原因有很多:
这是一个高性能,维护良好,高度灵活的功能,具有合理的默认值。 你可以链接到从服务器存储库中的单个文件到另一个模块中的文件夹的任何内容。 Hugo是用围棋建造的。 这不会给使用Hugo的网站增加新的可维护性风险(请记住,在第2.5.2节,每个依赖项都需要额外的维护)。 编写和维护涉及管理从internet下载的依赖项的模块系统非常困难。 除了性能,安全性是一个很大的问题。 通过包装Go模块,Hugo团队以低成本获得了强大的功能。 标准的go.
安装 Hugo 图片模块
学习如何安装 Hugo 图片模块。
如何使用 Hugo 模块
在使用 Hugo 模块前,你需要做一些准备工作。
hugo mod get
hugo mod get https://gohugo.io/commands/hugo_mod_get/ hugo mod get 解析您当前 Hugo 项目的依赖项。 概要 解析您当前 Hugo 项目的依赖项。 以下是一些示例: 安装给定模块的最新版本: hugo mod get github.com/gohugoio/testshortcodes 安装特定版本
hugo mod get github.com/gohugoio/testshortcodes
Hugo 内链当前标签页打开,外链新标签页打开
例子 https://yihui.org/cn/ https://io-oi.me/ 实现 在 Hugo 博客的博客单页面(single.html)中,修改 {{ .Content }} 为 {{ $content := .Content }}……
<a href="{{ .Destination | safeURL }}"{{ with .Title}} title="{{ . }}"{{ end }}{{ if strings.HasPrefix .Destination "http" }} target="_blank" {{ end }}>{{ .Text | safeHTML }}</a>
Hugo博客文章封面图片缩小并移到侧边 | PaperMod主题 | Sulv's Blog
不喜欢文章封面的图片占用太多空间的朋友可以试试这篇文章的方法,把文章封面图片缩小并移到侧边
解决Waline服务因vercel国内被墙无法使用 | 蓝胖纸 | 哆啦A梦
Waline评论服务最近发现博客详情页面偶尔有报错,评论无法使用,查询发现是vercel被墙了。
Hugo 图片模块
对 Markdown 友好的模块,其可通过 URL 查询字符串和片段 ID 处理图片,如对齐、调整大小、裁剪等。
Hugo系列(3.2) - LoveIt主题美化与博客功能增强 · 第三章
前言
本博客使用的是Hugo的LoveIt主题,本文也是基于该主题而写的,不过Hugo的美化步骤应该大同小异,版本如下:
1
2
3
hugo: v0.74.2/extended windows/amd64 BuildDate: unknown
LoveIt: v0.2.10
请注意,本文的所有功能都离不开两个新增加的文件:_custom.scss和custom.js,部分功能还需要jquery,在第一章中会提及如何引入。
另外本文篇幅太长,阅读体验不好,将其进行分章如下:
Hugo系列(3.0) - LoveIt主题美化与博客功能增强 · 第一章
Hugo系列(3.1) - LoveIt主题美化与博客功能增强 · 第二章
Hugo系列(3.2) - LoveIt主题美化与博客功能增强 · 第三章
Hugo系列(3.3) - LoveIt主题美化与博客功能增强 · 第四章
Halo - 强大易用的开源建站工具
Halo 是一款强大易用的开源建站工具,配合上不同的模板与插件,可以很好地帮助你构建你心中的理想站点。
hugo RSS 修改成全文输出 | yangpeiyuan
Hugo 网站默认附带 RSS feed,但如果您想更改该rss,例如使其显示全部内容而不仅仅是摘要,请按照以下步骤操作。 在 /theme/your theme here/layouts/_default/ 中创建一个名为 rss.xml 的文件。 (将 your theme here 替换为您的主题名称!) Hugo 附带的默
小白hugo博客装修笔记(1)
买不起房子就自己做一个互联网小屋了
Hugo Stack | 删删改改大胆行事
没想到有一天我也会写装修笔记,无指导意义——健忘人士手册罢了。
不蒜子 | 不如
Hexo博客计数,Jekyll博客计数器,Octopress访问统计,GitHub Pages博客访问量统计,静态网站计数,静态博客计数,网站计数器,网站计数插件,博客计数器,WordPress计数插件, DedeCMS计数插件, Z-Blog计数器插件, Joomla计数器, emlog计数器, MediaWiki计数器
■■Loading:《hugo 装修日志 02》■■ - 天堂错误文件
居然真的会有2,我也没想到。
盘古之白
参考这里,可以让中英文之间自动加空格。继续在footer.html里加代码。
<script>
(function(u, c) {
var d = document, t = 'script', o = d.createElement(t),
s = d.getElementsByTagName(t)[0];
o.src = u;
if (c) { o.addEventListener('load', function(e) { c(e); }); }
s.parentNode.insertBefore(o, s);
})('//cdn.bootcss.com/pangu/3.3.0/pangu.min.js', function() {
pangu.spacingPage();
});
</script>
花费 2400 蓝使用了域名转移复活术 - 天堂错误文件
一次临时的博客直连抢修记录。
Hugo 表情包 Shortcode - Error Logs
在前文 Hugo Markdown 里嵌入局部模板 中,描述了如何使用 Shortcode 使 Markdown 得以嵌入模板。 但是对于表情包,引入局部模板不是很明智的做法,本文将讲述如何定制自己的表情包 Shortcode。
■■Loading:《hugo 装修日志 03》■■ - 天堂错误文件
一些查漏补缺
Hugo博客从一台电脑迁移到另外一台电脑(windows系统) - Welcome to chenGao's Blog
Hugo博客迁移部署2.0 问题描述 因为学习环境变化,更换了电脑,所以想把之前部署好的博客迁移到新电脑上,折腾了半天,在此记录一下,以免之后有
5分钟给Hugo博客增加搜索功能 | /dev/ttyS3 Blog
此方法来自[Hugo官方文档](https://gohugo.io/tools/search/) 中的 [hugofastsearch](https://gist.github.com/cmod/5410eae147e4318164258742dd053993) A usability and speed update to “Github Gist for Fuse.js integration” — global, keyboard-optimized search. 没错,这个方案,是[Github Gist for Fuse.js integration](https://gist.github.com/eddiewebb/735feb48f50f0ddd65ae5606a1cb41ae) 的改进版。 ...