博客相关资料

#博客装修
深入探究 Hugo 代码高亮
深入探究 Hugo 代码高亮
曾经我写道「我还没搞清楚怎么在切换浅色/深色模式时自动切换代码高亮配色」,这个状态从 2021 年搬到 Hugo 持续至今。昨天在网上逛一些有主题切换功能的独立
·blog.loikein.one·
深入探究 Hugo 代码高亮
让 Hugo 自动给图片加上说明文字
让 Hugo 自动给图片加上说明文字
本文测试于 Hugo extended 0.125.6,完整的网站代码在此。 将图片标题用作说明文字(推荐) Markdown 插入图片的代码是这样的: 1 ![描述](链接 "标题") 对于的 HTML 代码: 1 img src="链接"
·cyrusyip.org·
让 Hugo 自动给图片加上说明文字
8.1 设置Hugo模块
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-in-action.foofun.cn·
8.1 设置Hugo模块
hugo mod get
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
·before80.github.io·
hugo mod get
Hugo 内链当前标签页打开,外链新标签页打开
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>
·tianheg.co·
Hugo 内链当前标签页打开,外链新标签页打开
Hugo 图片模块
Hugo 图片模块
对 Markdown 友好的模块,其可通过 URL 查询字符串和片段 ID 处理图片,如对齐、调整大小、裁剪等。
·images.hugomods.com·
Hugo 图片模块
Hugo系列(3.2) - LoveIt主题美化与博客功能增强 · 第三章
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主题美化与博客功能增强 · 第四章
·lewky233.top·
Hugo系列(3.2) - LoveIt主题美化与博客功能增强 · 第三章
hugo RSS 修改成全文输出 | yangpeiyuan
hugo RSS 修改成全文输出 | yangpeiyuan
Hugo 网站默认附带 RSS feed,但如果您想更改该rss,例如使其显示全部内容而不仅仅是摘要,请按照以下步骤操作。 在 /theme/your theme here/layouts/_default/ 中创建一个名为 rss.xml 的文件。 (将 your theme here 替换为您的主题名称!) Hugo 附带的默
·yangpeiyuan.com·
hugo RSS 修改成全文输出 | yangpeiyuan
不蒜子 | 不如
不蒜子 | 不如
Hexo博客计数,Jekyll博客计数器,Octopress访问统计,GitHub Pages博客访问量统计,静态网站计数,静态博客计数,网站计数器,网站计数插件,博客计数器,WordPress计数插件, DedeCMS计数插件, Z-Blog计数器插件, Joomla计数器, emlog计数器, MediaWiki计数器
·ibruce.info·
不蒜子 | 不如
■■Loading:《hugo 装修日志 02》■■ - 天堂错误文件
■■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>
·naturaleki.one·
■■Loading:《hugo 装修日志 02》■■ - 天堂错误文件
Hugo 表情包 Shortcode - Error Logs
Hugo 表情包 Shortcode - Error Logs
在前文 Hugo Markdown 里嵌入局部模板 中,描述了如何使用 Shortcode 使 Markdown 得以嵌入模板。 但是对于表情包,引入局部模板不是很明智的做法,本文将讲述如何定制自己的表情包 Shortcode。
·errlogs.gitlab.io·
Hugo 表情包 Shortcode - Error Logs
5分钟给Hugo博客增加搜索功能 | /dev/ttyS3 Blog
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) 的改进版。 ...
·ttys3.dev·
5分钟给Hugo博客增加搜索功能 | /dev/ttyS3 Blog