跳过正文

代码

博客排版 - 挤压中文标点符号
·520 字·2 分钟
代码 Cjk-Punctuation 博客 标点 排版
中文排版中连续全角标点会留下过多空白,可通过赫蹏或 Han 等工具优化标点挤压效果。OpenType 字体的 halt 特性也能实现半角显示,但需特定字体支持。推荐在博客中设置 lang 属性并引入 heti-addon.js 脚本,配合自定义 CSS 实现自动间距调整。关键步骤包括添加 heti 类名到文章容器,并启用 font-feature-settings: halt 样式。
Hugo 博客集成 Mastodon
·2287 字·5 分钟
代码 Hugo-Blog-Embed-Mastodon Mastodon 长毛象 博客
通过 JS 插件 mastodon-embed-timeline 可将 Mastodon 时间线集成到 Hugo 等静态博客中,支持 API 动态调用或静态渲染。安装时推荐使用 git submodule 方式,需在模板文件中引入 CSS 和 JS 并配置实例参数,最后创建独立页面渲染时间线容器。该方法兼顾加载速度与维护便利性,适合需要展示联邦宇宙动态的博主。
Chrome 插件更新:网址净化器
·518 字·2 分钟
代码 Chrome-Plugin-Update-Url-Cleaner Chrome Extension 插件 扩展 网址 净化
网址净化器是一款 Chrome 插件,可将复杂网址简化为仅含核心参数的干净链接,支持淘宝、京东、哔哩哔哩等平台及自定义域名。最初为解决淘宝链接冗长问题而开发,现重构为 Manifest V3 版本并扩展功能,包括白名单设置、多语言支持和 AI 生成图标。内置默认净化规则覆盖主流网站,近期通过 CSS 属性优化了交互细节。该工具开源且持续更新,适合需要简洁链接的用户!
在 Hugo 中使用 Shiki
·1050 字·3 分钟
代码 Hugo-Syntax-Highlight-Shiki Hugo Highlight Shiki 高亮
Shiki 是一款基于 VS Code 语法高亮引擎的代码高亮工具,支持多种编程语言和主题,无需维护自定义正则表达式或 CSS。在 Hugo 中配置 Shiki 只需几分钟,通过 @shikijs/rehype 插件实现纯静态高亮,适合本地或 GitHub Actions 部署。安装需 Node.js 和 Yarn,配置时关闭 Hugo 的 codeFences 并创建 .rehyperc 文件定义主题。
uBlacklist 订阅合集
·920 字·2 分钟
代码 Ublacklist-Subscription-Compilation Ublacklist Google 内容农场 搜索 插件 扩展
这是一个 uBlacklist 插件订阅合集,每周自动更新,用于屏蔽 Google 等搜索引擎中的中文 SEO 垃圾站和内容农场。插件支持多种搜索引擎,可通过匹配模式或正则表达式自定义规则,并支持云同步和公共订阅。安装后只需添加订阅地址即可生效,还能手动添加其他屏蔽规则。
CSS 和 JS 实现博客热力图
·2920 字·6 分钟
代码 Blog-Heatmap Code GitHub Heatmap Contributions
通过纯 CSS 和 JS 实现博客热力图,适配移动端并动态生成年度日历小方块,根据文章字数显示不同色深的色块,支持 Tooltip 展示文章标题、日期和字数统计,采用 GitHub 风格的配色方案并兼容深色模式!
Mastodon 同步到 Memos
·2432 字·5 分钟
代码 Mastodon-Sync-to-Memos Mastodon Memos Webhook 脚本
该脚本通过 Webhook 实现 Mastodon 嘟文同步到 Memos 的功能,支持跳过回复和转嘟,利用 AI 检测内容相似度避免重复,并通过 Sink 短网址服务生成跳转链接。配置需替换关键参数如 API 令牌和实例地址,脚本自动记录 ID 映射关系确保数据一致性。同步成功后会更新本地 JSON 文件并输出日志!
Hugo 外部链接跳转提示页面
·1522 字·4 分钟
代码 Hugo-Redirect-Landing-Page Hugo 博客 跳转 折腾
为规避外链风险,博客采用 Hugo 的 render-link.html 模板实现外链跳转,通过 base64 编码目标链接并添加白名单机制。核心步骤包括修改渲染模板、创建跳转页面布局及背景图适配,最终通过 /go/ 路径实现安全跳转。此方案仅适用于 Markdown 内容,需手动处理 Shortcodes 和自定义 HTML 链接!
自部署 GitHub 风格的 Reactions 点赞功能
·864 字·2 分钟
代码 Self-Hosted-Github-Flavored-Reactions Hugo Blog Reactions
通过 Cloudflare Workers 和 D1 数据库部署 GitHub 风格的点赞功能,前端使用 emaction.frontend 模块实现交互,无需复杂配置即可快速集成到网站中。
图床 CDN CNAME 接入 Cloudflare SaaS 实现分流
·3521 字·8 分钟
代码 Cdn-Cname-Cloudflare Hugo Blog Cname Cloudflare
通过 Cloudflare for SaaS 实现国内外流量分流,国内使用阿里云或腾讯云 CDN 及对象存储,境外则利用 Cloudflare CDN 和 R2 或 Backblaze B2 存储桶。无需将域名 NS 接入 Cloudflare,通过 CNAME 解析和 Worker 代理实现分区解析和资源访问,优化性能并降低成本。
利用 GitHub Actions 同步对象存储
·653 字·2 分钟
代码 S3-Sync Cdn Bucket Cos R2
为防范腾讯云 COS 存储风险,通过 GitHub Actions 结合 Rclone 工具将数据同步备份至 GitHub、Cloudflare R2 和 Backblaze B2 平台。该方案支持所有 S3 兼容协议的云存储,配置过程包括生成 Rclone 加密配置文件并上传至 GitHub Secrets,最终实现自动化定时同步与多平台冗余容灾。
博客 AI 摘要及优化
·1763 字·4 分钟
代码 Ai-Summary Hugo Blog AI Summary
AI 摘要功能能有效过滤低价值信息,但依赖第三方服务成本过高。通过本地化存储摘要数据并集成到静态博客中,既能保留功能又避免持续开销。具体方案包括将摘要存入 JSON 文件、修改 Hugo 模板实现动态渲染,并添加打字机动画提升体验。最终实现静态化部署,兼顾效率与可控性!
豆瓣同步到 Notion 和 Neodb
·781 字·2 分钟
代码 Douban-Sync Hugo 豆瓣 NeoDB Notion
豆瓣图片防盗链升级导致依赖其图片的服务失效,促使将观影记录迁移至开源平台 NeoDB。怡红公子的 drone-doumark 项目已支持同步到 NeoDB,同时发现现有教程可将豆瓣标记通过 RSS 同步至 Notion 和 NeoDB。过程中需注意豆瓣 RSS 仅显示最新 10 条活动记录,且需调整标记可见度参数为公开。Notion 集成功能位置已变更至 Connections 选项。
NeoDB API 创建观影页面
·2857 字·6 分钟
代码 Neodb Hugo Blog NeoDB Movie
将豆瓣观影数据迁移至 NeoDB 并静态化部署,通过 API 获取数据后本地存储为 JSON 文件,利用 Hugo 生成静态页面,结合自定义 CSS 和 JS 实现排序功能,并通过 GitHub Actions 自动化更新数据。SaaS 服务不可靠,自建方案更可控!
NeoDB 获取 Access Token
·719 字·2 分钟
代码 Neodb_token Hugo Blog NeoDB Token
注册 NeoDB 需先拥有 Mastodon 账号,现已支持邮箱登录。生成 Access Token 需在开发者中心创建应用并记录 Client ID,通过授权链接获取 AUTH_CODE,最后用 curl 请求换取有效期为 1 年的 Access Token。
Artalk 无评论随机显示诗词
·595 字·2 分钟
代码 Artalk-No-Comment-Text Hugo Blog Artalk 评论
Artalk 评论系统可通过管理后台的前端配置直接嵌入 HTML 代码实现无评论时随机显示诗词效果。使用今日诗词 API 的图片形式调用,并选择 LightSlateGray 颜色以适配明暗主题背景。该方法无需侵入性代码即可优雅实现功能,兼顾实用性与美观性。
Memos 配置 Artalk 评论系统
·963 字·2 分钟
代码 Artalk_for_memos Memos Artalk 嘀咕 评论
在 Memos v0.14.0 中成功集成 Artalk 评论系统,通过自定义 CSS 和 JS 脚本实现暗黑模式适配与界面优化。核心步骤包括修改后台样式、动态加载 Artalk 资源、独立页面评论功能嵌入,并需替换 CDN 链接和服务端配置。示例见 eallion.com/memos,完整方案参考相关技术文档!
Windows 安装 Rime 小狼毫五笔拼音输入法
·13297 字·27 分钟
代码 Weasel Rime 中州韻 Weasel 小狼毫 五笔
重新安装小狼毫输入法以解决微软五笔全角标点自动转换问题,通过配置五笔拼音方案和自定义短语提升输入效率,并分享符号表与用户文件夹结构供参考。
Umami Docker 部署及优化
·1542 字·4 分钟
代码 Umami Umami Blog
Umami 是一个轻量级开源网站统计工具,适合替代 Google Analytics 并支持自托管。推荐使用 Docker 安装,通过 Nginx 反代实现域名访问,并提供跟踪代码集成到网站。优化包括反广告屏蔽、CDN 部署跟踪代码以及 API 集成技巧。默认账号为 admin,密码为 umami,中文界面需手动切换!
Memos API 获取总条数
·103 字·1 分钟
代码 Memos-Total-Count 嘀咕 哔哔 Memos Talk
Memos 官方废弃了 amount API,建议通过解析 Json 返回数据的长度属性来统计总条数。示例代码通过 fetch 请求 stats 接口获取数据,计算数组长度后更新页面元素显示总数,并在页面加载时自动执行。错误处理保留了扩展空间。