LR
Lruihao/lruihao.github.io
博客构建档（HTML & Markdown）
菠菜眾長
Hugo FixIt 作者，喜欢瞎折腾、造轮子、写东西，分享一些前端开发中的所见、所闻、所思。
共计 297 篇文章 by Lruihao.
2026
共计 1 篇文章
- 03-06 一个轻量化 Tooltip 组件。
2025
共计 14 篇文章
- 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
共计 38 篇文章
- 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
共计 35 篇文章
- 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 浏览器原理 - 事件循环
2022
共计 20 篇文章
- 12-17 2022 年度总结
- 12-15 安装 Homebrew 后导致系统中原有的 npm 和 npx 失效
- 10-10 基于 fex-team/kityminder-core 和 Vue2 封装的在线脑图编辑组件
- 09-30 🆕 A quick-start template base on Hugo Modules to create a Hugo FixIt site.
- 09-27 🆕 A quick-start template base on Git submodule to create a Hugo FixIt site.
- 09-04 Using frequently-used Hugo commands by shell.
- 08-31 Beego 安装及配置
- 08-13 语义版本控制（SemVer）
- 08-12 Commit Message Spec
- 08-12 electron 踩坑总结
- 08-08 前端页面内容加密总结
- 08-07 Node.js + GitHub Actions 自动刷新 CDN
- 08-07 不同系统的换行符的差异
- 07-31 自定义 ohmyzsh 主题
- 07-30 linux 文件权限
- 07-29 Mac 上的开发配置总结
- 07-23 📄 The open-source repo for fixit.lruihao.cn
- 07-05 Mac 配置 ADB
- 05-01 重新认识 JavaScript
- 04-30 关于 CSS 和 Scss 变量运算那些事
2021
共计 19 篇文章
- 12-22 Getting Things Done for ios App Reminders and Github issues
- 12-16 🔧 A clean, elegant but advanced blog theme for Hugo 一个简洁、优雅且高效的 Hugo 主题
- 10-05 Sublime 剪贴板图片粘贴插件 —— Markdown 必备
- 10-05 Hugo 添加知乎卡片式链接 Shortcodes
- 10-05 Hugo I18n 添加中文繁體翻譯
- 10-05 Hugo 友情連結模板
- 10-04 Hugo 本地管理 Shell 腳本
- 10-04 Hugo 使用 GitHub Actions 部署到 GithHb Pages 和 腾讯云 cos 桶
- 10-03 个人博客从 Hexo 迁移至 Hugo
- 09-08 Lruihao's Note
- 06-22 less&sass&scss
- 06-21 Lightbox
- 06-21 2020&2021 總結
- 05-24 Create watermark for webpage and automatic adjust when window resize.
- 05-23 Cell Watermark
- 03-04 Code Review 怎麼做？新手工程師如何提升「程式碼品質」
- 03-02 基于 leancloud-storage 实现的无后端记账本
- 03-01 你为什么吸烟？
- 02-28 基于 leancloud-storage 实现的无后端记账本
2020
共计 8 篇文章
- 07-25 cell-blog 功能介绍与安装
- 07-25 cell-blog 开发记录
- 04-17 基于 Laravel 7 开发，支持 Markdown 语法的博客
- 03-26 使用 Python 刷 csdn 访问量
- 03-25 Cron 表达式的基本语法
- 03-25 新冠疫情未返校未返工第 N 天之“自动打卡”
- 01-16 2019 年度总结
- 01-16 SQL 总结
2019
共计 71 篇文章
- 11-24 利用腾讯云为静态页面添加“动态”相册
- 11-23 解析腾讯云 cos 桶 xml 生成相册,同时也是图床的显示页面
- 11-14 RESTful
- 09-28 php 同时主动推送链接到百度，神马等站长平台
- 09-28 php 按行读取文件信息
- 09-26 沐目之，湘也。— 沐目体
- 09-19 设置网站运行时间
- 09-08 script 的三种加载方式 (async, defer)
- 08-15 Sublime Text3 快捷键大全
- 08-15 NetBeans IDE 开发设置
- 08-15 Web 开发规则，代码规范
- 07-19 简单评论模块--php 表单练习
- 07-15 php 函数学习
- 07-12 WAMPServer 自定义网站根目录等设置
- 06-21 python 实训总结Ⅱ
- 06-18 python 实训总结Ⅰ
- 05-26 判断三角形的黑盒测试
- 05-17 HustOJ 基础搭建教程
- 05-17 最大公约数（二进制算法）
- 05-16 宝塔面板安装 ImgURL 图床
- 05-11 python 实战：模拟 post 请求定时获取后台数据并打包发送至微信
- 05-10 条件注释判断浏览器版本<!--[if lt IE 9]>;
- 05-09 python 设置程序每天 8 点定时执行任务
- 05-09 安装 pyinstaller 出错的解决办法及 csdn 工具实例打包
- 05-08 java 实现一个单线程的资源下载器
- 05-07 Python 如何操作 Json？
- 05-07 python 发送 post 请求进行简单的接口测试
- 05-06 java 通过 URL 和 URLConnection 访问网页资源
- 05-02 文件加密解密（字节流）
- 05-01 模拟借书系统（java 异常练习）
- 04-27 用 MyQR 制作专属动态二维码 (py 和 exe 版本）
- 04-24 第一次面试经历
- 04-22 python 爬取网站图片（图片链接相似）
- 04-20 python 玩微信：初探 wxpy
- 04-20 基本 python 实现的爬取微信好友头像，并拼接成大图
- 04-19 用记事本编写第一个 java 程序
- 04-18 java 正则表达式练习
- 04-14 java 常用类
- 04-12 HDU 1009 FatMouse' Trade（贪心）
- 04-03 本地搭建网站服务器并穿透内网
- 03-30 前端面试题 - HTML+CSS
- 03-30 百钱百鸡（枚举法）
- 03-28 大数乘法
- 03-28 vps 配置 ssl 及 https 重定向
- 03-21 hexo-theme-next @modified LRH
- 03-21 Java 父类子类的对象初始化过程
- 03-21 ubuntu + windows 双系统默认启动项设置
- 03-19 宅音乐播放器
- 03-18 宝塔面板安装
- 03-18 web 汇总
- 03-16 java 泛型 test
- 03-15 eclipse 的基本使用
- 03-15 匿名类在可视化界面中的应用
- 03-15 模仿知乎卡片式链接
- 03-15 win10,ubuntu 双系统时间不一致
- 03-08 QQ 强制生成卡片式链接
- 03-04 磁盘存储器的管理
- 03-04 JS 验证码
- 02-01 还乡
- 01-31 Elegant and powerful theme for Hexo.
- 01-24 java 继承 test
- 01-22 利用腾讯云对象存储 COS 桶托管 hexo 博客
- 01-18 Arrays 类及基本使用
- 01-16 在搜索、文章底部、侧栏添加最近文章模块
- 01-15 java 猜数字小游戏（Math 类）
- 01-15 面向对象基础知识总结
- 01-14 java 水仙花数（循环）
- 01-14 java 录入数据
- 01-14 java 标识符
- 01-12 英语语法--主谓一致
- 01-12 2018 年度总结
2018
共计 91 篇文章
- 12-10 英语语法--形式倒装
- 12-10 英语语法--完全倒装
- 12-08 英语语法--部分倒装
- 11-24 hexo 插件及 next 内置样式集
- 11-17 通过 bat 批处理文件自动提交博客代码
- 11-12 博採眾長 app
- 11-11 caddy-两步搭建超简单云盘
- 11-09 next 添加支持 pdf
- 11-03 js 判断用户设备类型及平台
- 11-03 hexo 博客源码备份
- 10-30 Git 常用指令汇总
- 10-29 网站备案之旅
- 10-29 shell 脚本初体验
- 10-29 云服务器 CentOS 系统搭建 web 服务
- 10-28 使用 js 准确获取当前页面 url 网址信息及 301 重定向实战
- 10-26 windows 上搭建 web 服务器
- 10-26 使用 Git 上传代码到 github, coding 等仓库
- 10-23 termux 基本使用教程
- 10-17 ttf 字体压缩
- 10-15 linux 编程初体验
- 10-12 沐目体
- 10-09 流水线
- 10-08 计算机数据
- 09-27 网页夜间效果
- 09-26 网页离开时改变标题“崩溃欺骗”
- 09-22 linux/centos 下的安装 git
- 09-21 每一个优秀的人，都有一段沉默的时光
- 08-31 Vim 速查表
- 08-30 hexo next 主题添加字数统计（2018）
- 08-21 hexo d 出错
- 08-20 hexo 个性化 - next 主题动态显示 subtitle
- 08-15 “高逼格”C 语言画心
- 08-14 git index.lock
- 08-11 在 Android 上搭建 hexo 博客
- 08-10 石子阵列（组合数学）
- 08-10 Dreamoon and Stairs
- 08-10 Dreamoon and WiFi（组合数学）
- 08-10 The equation-SGU106（扩展欧几里得）
- 08-09 Leading and Trailing-lightoj1282（快速幂 + 对数运算）
- 08-09 Codeforces Round 502(Div.1 + Div.2)
- 08-08 欧拉函数
- 08-06 Heavy Transportation-poj1797(dijkstra 或最大生成树）
- 08-04 hexo 博客自定义 console log
- 08-03 Til the Cows Come Home-poj2387(dijkstra 判断重边）
- 08-03 最短路入门
- 08-02 牛客暑假多校第五场
- 08-02 食物链-poj1182（带权并查集经典模板）
- 08-01 小希的迷宫-HDU-1272（并查集 or 树性质）
- 08-01 How Many Answers Are Wrong-hdu3038（带权并查集）
- 07-31 Bear and Finding Criminals-Codeforces680B
- 07-31 Bear and Five Cards-Codeforces680A
- 07-31 how many tables-HDU-1213（并查集求连通域数目）
- 07-31 The-suspects-POJ-1611（并查集）
- 07-31 wireless network-POJ-2236（并查集）
- 07-31 Piles-with-stones
- 07-31 畅通工程-HDU-1232（并查集经典模板）
- 07-27 牛客练习赛 23
- 07-26 在线离线算法
- 07-24 HDU-1495-非常可乐（bfs 模拟倒水 or 数论）
- 07-23 hdu-2612-Find a way（双 bfs）
- 07-22 POJ-3278-Catch That Cow(bfs)
- 07-22 poj-2251-Dungeon Master（三维 bfs 最短路）
- 07-22 poj-1321 棋盘问题（dfs）
- 07-22 poj-1426-Find The Multiple(dfs)
- 07-22 Adjacent Replacements
- 07-22 poj-3984-迷宫问题 (bfs 路径）
- 07-22 Wannafly 挑战赛 20-染色
- 07-22 杨辉三角
- 07-22 hdu-1241-Oil Deposits (dfs)
- 07-22 BFS 求最短路
- 07-22 Educational Codeforces Round 47 (Rated for Div. 2)
- 07-22 深搜广搜
- 07-22 TaoTao 要吃鸡
- 07-18 Wannafly 挑战赛 18-序列
- 06-16 简单背包
- 06-15 18 湘潭邀请赛参赛队员代表发言
- 06-14 18 湘潭邀请赛总结
- 06-14 F.sorting
- 06-14 K.2018
- 06-14 B.Higher h-index
- 06-14 A.Easy h-index
- 06-14 sort 排序
- 06-14 位运算
- 06-14 C++ with STL
- 06-07 各种 Links 汇总与分享
- 06-03 戏子春秋
- 06-01 hexo+github 搭建个人博客及美化
- 05-31 hexo 添加图片，音乐，链接，视频
- 05-31 猴子与哪吒
- 05-28 博客构建档（HTML & Markdown）
- 05-28 Hello World