Hugo

Hugo图片显示优化 Hugo 默认会直接渲染 Markdown 图片。对于尺寸较大的图片，可以通过图片渲染钩子统一添加容器，再使用 CSS 改善图片的显示效果。 本文以 PaperMod 主题为例，使用纯 CSS 实现图片悬停放大，不引入 JavaScript 或第三方库。这样可以避免 CDN 加载失败对页面功能造成影响。 ...

Hugo添加站点流量统计 本文介绍Hugo如何添加不蒜子Busuanzi站点访问量与阅读量统计。 步骤 Hugo官方对于网站调整，推荐将主题相关文件复制到网站根目录，通过覆盖顺序优先应用根目录下的效果配置，本文亦如此。 ...

Hugo美化404页面 默认的404页面只有文字，今天发现一个超可爱的 Logo 集合ServiceLogos，于是偷过来了。 步骤 修改Nginx配置 Nginx增加如下网站配置： 1 2 3 4 5 6 7 8 9 10 11 12 # index.html fallback location / { try_files $uri $uri/ =404; } # 自定义错误页面 error_page 404 /404.html; error_page 403 /403.html; location ~ ^/(404|403)\.html$ { root /www/public; internal; } 这段Nginx配置包含了几个部分，下面我逐一解释： ...

Hugo添加友链页面 友链是博客扩大影响力的好工具，本文介绍如何为Hugo博客添加友链页面。 步骤 内联 html 实现 配置友链页面链接在《Hugo搭建个人博客（2）》的config.yml中有提到，对应如下配置： 1 2 3 4 - identifier: links name: 🤝友链 url: links weight: 60 为了保持简单，便于修改，可以内联 html 实现。 ...

Hugo图片大小自适应 Hugo中插入图片时不会自适应图片大小，图片尺寸不统一会影响内容可读性，本文介绍图片大小自适应的配置。 步骤 编辑assets/css/extended/blank.css，如果文件不存在执行以下指令复制一个： ...

Hugo代码块折叠 严格来说不算折叠，只是限制了代码块最大高度，不过效果还不错。 步骤 以下均在博客站点根目录操作。 css控制布局 首先新增一个code.css到assets/css/extended/code.css，作用是通过css限制代码块最大高度，可根据博客布局自己调整。 ...

Hugo丢失css导致显示异常问题解决 F12查看控制台，报错Failed to find a valid digest in the 'integrity' attribute for resource，表现为网页只剩文字和图标，排版消失。本地部署或者IP访问正常，通过域名访问异常。 ...

Hugo添加数学公式支持 刚好要用，索性解决了，基于KaTeX。差不多算完美支持数学公式，行内和行间公式都不需要修改或添加Shortcodes可以直接解析。唯一的缺点是*这种和markdown语法本身存在双重定义的符号，需要进行转义\*。 ...

Hugo使用Nginx反代开启HTTPS 网站嘛，虽然用HTTP不影响访问，但是浏览器提示不安全，看着败兴。简要介绍一下Hugo怎么使用Nginx反代实现HTTPS。文章内容源自Sulv大佬的《hugo博客部署到腾讯云轻量级服务器》 ...