Lruihao.github.io
博客构建档（HTML & Markdown）
Install / Use
/learn @Lruihao/Lruihao.github.ioREADME
菠菜眾長
Hugo FixIt 作者，喜欢瞎折腾、造轮子、写东西，分享一些前端开发中的所见、所闻、所思。
共计 297 篇文章 by Lruihao.
2026
<details open> <summary>共计 1 篇文章</summary>- 03-06 一个轻量化 Tooltip 组件。
2025
<details> <summary>共计 14 篇文章</summary>- 12-24 A Christmas Easter Egg by JavaScript.
- 08-30 Command line tool for generating a changelog from git tags and commit history
- 08-16 让 Mermaid 图表自动跟随系统深浅色
- 08-05 黑盒出关・三把钥匙定江湖
- 08-04 Code Playground
- 07-22 A custom web component that embeds caniuse.com browser compatibility data for a specific feature.
- 07-19 A custom element for viewing and interacting with JSON data.
- 06-18 CSS @layer：构建更高效、更可维护的样式层级
- 06-11 Vue.js History 模式下的 NGINX 配置与 API 代理
- 04-10 The webfont package for the MMT typeface.
- 04-09 API proxies powered by Vercel.
- 01-20 CSS Flexbox 布局指南
- 01-14 Generate a list of all hugo-fixit theme components.
- 01-08 A Hugo theme component with asciinema-embed shortcode.
2024
<details> <summary>共计 38 篇文章</summary>- 12-06 震惊！CSS 竟然能获取视口尺寸？
- 12-02 🌐 A component for site automatic translation.
- 11-22 Amazon 如何让服务器享受着持续集群安全？
- 11-05 🐟 A canvas implemented animation effect of small fish swimming.
- 10-06 自动获取 GitHub README 内容添加到 Hugo 文章
- 09-13 不使用任何框架，只使用原生 HTML、CSS 和 JavaScript 的一些小 demo。
- 09-04 ⚙️ Versioning, change-log and release tool. (Superseded by https://github.com/Lruihao/auto-changelog-plus)
- 08-22 Hugo theme component for ATOM feed custom Output Format.
- 08-22 Hugo theme component for JSON feed custom Output Format.
- 08-07 Mobile devtools component powered by vConsole and eruda.
- 07-29 现代 CSS 解决方案：CSS 四舍五入数值单位
- 07-21 A Hugo theme component with reward-log or sponsor-log shortcode.
- 07-17 Git 统计代码量
- 07-15 现代 CSS 解决方案之异形元素怎么设置阴影？
- 07-14 🔖 Embed bookmark of FixIt Docs.
- 07-14 CSS 实现时间轴、背景图 loading 和渐变边框
- 07-07 探索 Amazon S3 的无限存储潜力
- 06-28 标准滚动条控制规范
- 06-28 A Hugo theme component with caniuse shortcode.
- 06-13 如何实现 VSCode 编辑器窗口边界拖拽类似功能
- 06-09 架构之基：从根儿上了解设计原则
- 06-06 怎么生成暗黑模式和明亮模式的 SVG 图片？
- 05-20 坐高铁去柳州吃螺狮粉
- 04-17 利用 Vercel 反代 Gravatar 实现镜像加速
- 04-17 Gravatar Proxy powered by Vercel.
- 04-09 🐙 Display your GitHub projects in the FixIt theme and generate blog posts from readme.
- 04-04 临时决定再写一个小工具 - 网站预览图生成器
- 04-02 用五天时间给自己制作一个封面图生成工具
- 03-28 🛠 Create awesome cover images for your blog posts quickly.
- 03-26 写文档时英文标题什么时候要大写？
- 02-29 实现类似于 Element UI 表格的溢出文本提示功能
- 02-21 聊聊 Chrome 新增的 sizes="auto" 属性
- 02-09 2023 年度总结
- 01-21 强大的脑图可视化工具
- 01-17 记一次 Debug 第三方包的过程
- 01-17 为什么很多教程中都有 foo bar？
- 01-11 git submodule: already exists in the index
- 01-10 给 el-card 添加折叠功能
2023
<details> <summary>共计 35 篇文章</summary>- 12-22 尝试在 Python 中使用 Amazon Titan 文本模型
- 11-28 用 Node.js 开发一个轻量脚手架
- 11-20 🛠️ A node-based tooling for FixIt site initialization.
- 11-18 探索 AWS 云上一站式解决方案免费使用
- 10-22 SSH 提交签名验证
- 10-12 如何给 npm 包打补丁？
- 10-12 拖拽式仪表盘系列总结
- 10-12 拖拽式仪表盘 - 组件开发
- 10-12 拖拽式仪表盘 - 模板使用
- 10-12 拖拽式仪表盘 - 组件配置文档
- 10-12 拖拽式仪表盘 - 布局模板文档
- 10-12 拖拽式仪表盘 - 功能需求分析
- 10-11 给你的 Markdown 挑挑刺
- 10-08 认知复杂度（Cognitive Complexity）
- 09-26 写作技巧：如何搭建文章的框架结构？
- 09-25 如何让 Element UI 表头、表尾、横向滚动条吸顶吸底固定？
- 09-17 封装 Vue FullScreenToggler 组件
- 09-15 JS 实现全屏和退出全屏
- 09-15 中文翻译的常见问题
- 09-14 在 Vue 项目中更优雅地使用 icon
- 09-14 VSCode 添加用户代码片段，自定义用户代码片段
- 09-02 CSS 如何实现网格背景效果？
- 08-26 将 Hugo 博客部署到亚马逊云服务器
- 08-08 Vue2 and element-ui related demos
- 07-20 用魔法打败魔法 - ElBacktop Fix
- 06-14 A plugin includes a set of directives to make the header, footer and horizontal scrollbar sticky or make highly adaptive of Element UI (Vue 2) tables.
- 06-14 使用 Node.js 自动创建 Vue 的路由
- 06-12 解决 SourceTree 提交时候 husky 命令失败问题
- 06-03 Vue2 + tailwindcss 初始化
- 03-14 新手向：Vue 2.0 的建议学习顺序
- 02-28 🎶 A Hugo theme component with a NetEase Cloud random comment shortcode.
- 02-12 浏览器 IMG 图片原生懒加载 loading="lazy"
- 02-05 浏览器渲染原理
- 02-04 中文技术文档的写作规范
- 01-11 [浏览器原理 -
