Hexo移除图片默认 alt 属性
发表于|更新于|前端
|浏览量:
Hexo 生成图片时,若未手动设置 alt,默认使用文件名作为替代文本,可能导致无意义内容。若希望彻底移除所有 <img> 标签的 alt 属性,在主题或者根目录的scripts/remove-img-alt.js里加入以下代码,
1 | hexo.extend.filter.register('after_render:html', function (str) { return str.replace(/<img(.*?)alt=".*?"(.*?)>/g, '<img$1$2>'); }); |
此代码在 HTML 渲染后移除所有 alt。
注意:这会一并删除手动添加的有意义 alt,请按需使用。
scripts这个文件夹需要自己创建,Hexo 的规则是:
- 只要在 Hexo 根目录或主题目录(和
_config.yml同一层级)下有scripts/目录,里面放的.js文件会在生成站点时自动执行。
文章作者: gloamfox
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 暮色之狐!
相关推荐

2026-03-23
图片压缩与格式优化指南
太大的图片不仅会影响加载速度,而且会让捉襟见肘的网站流量变得更多,为此有必要在上传图片前先确认下图片的大小,如果图片太大建议先进行一下图片的压缩。 图片压缩那么如何压缩图片呢?个人使用的是一个在线的网站工具:tinypng.com,完全免费,可以批量压缩 20 张图片,最大 5MB。 该网站还提供了: API ,开发者可以调用它来为自己的产品提供图片压缩服务,但每月只能调用 500 次。 Mac 的桌面端工具 TinyPNG4Mac,开源在 GitHub,可以压缩超过 5M 的图片。 webp / avif 格式webp 和 avif 格式比起传统的 jpg 格式体积更小,也是目前非常主流的图片格式。 WebP 使用了更优的图像数据压缩算法,能带来更小的图片体积。例如微信文章里的很多图片都是 webp 格式。avif 格式压缩的更厉害,体积更小。一些主流网站使用的图片就是avif格式的。 但是这两种格式得考虑兼容性问题,读者可以去 caniuse.com 搜索各大浏览器的兼容情况。 感兴趣的同学可以参考以下博客进行了解 什么是WebP?使用WebP格式的图片提供网...

2026-03-25
Hexo 插件:自动转换 Markdown 相对路径链接
在本地用 Markdown 写文章时,我们常用相对路径引用其他文章,例如: 1[Hexo永久链接最佳实践:终极方案与优化指南](./Hexo永久链接最佳实践:终极方案与优化指南.md) 但 Hexo 在生成静态页面时,会将上述语法直接转换为: 1<a href="./Hexo永久链接最佳实践:终极方案与优化指南.md" target="_blank"></a> 由于浏览器无法解析 .md 文件路径,导致超链接失效。 解决方案在 Hexo 项目根目录下创建 scripts/fix-relative-links.js 文件,并添加以下代码: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991...

2026-03-25
uniCloud加速GitHub Pages博客访问
GitHub Pages 提供了免费、便捷的静态网页托管服务,让我们可以轻松地将博客部署在 GitHub 上。然而,由于网络原因,国内访问 GitHub 的速度往往不尽如人意,严重影响博客的加载体验。 有没有一种既经济又能显著提升访问速度的方案呢?uniCloud 前端网页托管 就是一个不错的选择。它提供了免费的云服务空间,对于个人博客来说,资源配额完全够用,并且在国内的访问速度非常理想。 👉 uniCloud 前端网页托管官方文档 在之前的文章 从零到一键发布:Obsidian + Hexo + GitHub Pages 个人博客搭建指南 中,我们已经实现了将 Hexo 博客自动部署到 GitHub Pages。本文将在此基础上进行改造:将生成的静态网页从推送至 <用户名>.github.io 仓库,改为部署到 uniCloud 的云存储空间中,从而实现国内访问加速。 操作步骤创建 uniCloud 服务空间 访问 uniCloud Web 控制台,注册并登录账号。 点击 新建服务空间,创建一个新的云环境。 在云服务商选择中,建议选择 支付宝云 / 阿里...

2026-04-07
Hexo插件:Obsidian tabs语法兼容
在Obsidian中,我使用了tabs插件来显示多个页签的切换功能,这种展示方式非常直观且实用。然而,这种语法并非Markdown原生支持,因此当文章发布到Hexo平台后,无法正常展示。 以下是一个示例的tabs语法: 1234567tab: Claude Pro / Max订阅规定月费,适合高频使用者首次启动时浏览器弹窗登录推荐给日常开发使用的用户tab: API key(按量付费)用多少付多少在Anthropic Console获取Key 为了解决这个问题,我编写了一个Hexo插件。首先,在Hexo目录下创建一个名为hexo-obsidian-tabs.js的文件,然后将以下内容复制到该文件中: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100...

2026-03-18
从零到一键发布:Obsidian + Hexo + GitHub Pages 个人博客搭建指南
前言我一直使用 Obsidian 管理笔记,它很好地满足了我的写作需求。但我始终渴望拥有一个属于自己的博客——一方面希望将积累的知识分享出去,获得反馈;另一方面,通过维护博客倒逼自己持续写作和总结,提升表达能力。 本文将完整记录我搭建博客的过程,并重点解决从 Obsidian 写作到博客发布的自动化流程。如果你也想打造一个“赛博小窝”,希望我的经验能给你带来一些参考。 搭建方案我的博客基于以下工具组合实现: 写作端: Obsidian,笔记的写作组织工具。 同步插件:Enveloppe:将本地文章同步到GitHub的Obsidian插件。 博客框架: Hexo:博客站点使用的框架。 主题:hexo-theme-matery:简洁美观的响应式主题。 托管平台:GitHub Pages:免费静态网页托管。 由于我不希望公开所有文章的源文件,我创建了两个 GitHub 仓库: 私有仓库 hexo-project – 存放 Hexo 博客配置、主题和文章源文件。 公共仓库 <用户名>.github.io – 存放 Hexo 生成的静态文件,供 GitHub Pages...

2026-04-07
Hexo插件:Obsidian标注语法兼容
1234> [!info] 这是标注的标题> 这是一个标注块。> 它支持 **Markdown**、[[内部链接|内部链接]] 和 [[插入文件|嵌入]]!> ![[Engelbart.jpg]] 然而,当这些标注内容发布到Hexo博客时,无法正常显示。虽然Hexo本身支持类似的标注语法: 1{% note class_name %} Content (md partial supported) {% endnote %} 但为了保持Obsidian的编辑体验,我们需要一个插件来解决这个问题。 解决方案在Hexo博客的scripts目录下创建hexo-obsidian-tabs.js文件,并将以下内容复制到文件中: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980...
公告
此博客为记录工作学习总结所用,供网友阅读参考,如有侵权,请通知我,我会核实后进行处理。



