Eallion
博客排版 - 挤压中文标点符号
·520 字·2 分钟
代码
Cjk-Punctuation
博客
标点
排版
本文介绍了如何解决中文标点符号排版时出现的挤压问题。默认情况下,连续的中文全角标点会占用较多空间。为了解决这个问题,可以使用一些 JS 插件或 CSS 属性来实现标点挤压。其中推荐了「赫蹏」(heti)和 ethantw/Han 这两个 JS 插件,以及使用 OpenType 字体的 halt 功能来将全角字符显示为半角形式。此外,在进行中英文混合排版时也需要注意设置 HTML 全局属性 lang,并引入相应的 JS 脚本和自定义 CSS 样式文件。最后,在文章标签上添加 Heti 标签即可让挤压标点插件生效。
Hugo 博客集成 Mastodon
·2287 字·5 分钟
代码
Hugo-Blog-Embed-Mastodon
Mastodon
长毛象
博客
本文介绍了如何将 Hugo 博客集成到 Mastodon 中。作者首先解释了 API 和 RSS 两种方式可以用来集成 Mastodon,然后详细介绍了使用 API 和 JS 的方法。他使用了一个名为 mastodon-embed-timeline 的 JS 包进行集成,并提供了安装步骤。接下来,作者说明了如何创建一个新的模板文件并修改其中的 CSS 和 JS 引入部分以及配置 Mastodon 参数。最后,作者指导读者在 content 目录下创建一个页面,并插入渲染 Mastodon 容器所需的 HTML 代码。文章给出了具体示例和技巧,帮助读者实现 Hugo 博客与 Mastodon 的集成。
独立博客自省问卷 15 题
·1459 字·3 分钟
日志
15-Questions-About-Blog
日志
博客
问卷
这篇文章是关于独立博客的自省问卷,共有 15 个问题。作者回答了每个问题,并附上了解释。其中包括博客更新频率、原创性、对他人的帮助程度、主题和程序的更换与开发等内容。作者还提到了对自己博客域名和流量统计的感受,以及通过广告赚钱和浏览别人博客的目的等。最后,作者总结说内容是最重要的,并表示通过写博客认识新朋友是一种新收获。
Chrome 插件更新:网址净化器
·518 字·2 分钟
代码
Chrome-Plugin-Update-Url-Cleaner
Chrome
Extension
插件
扩展
网址
净化
这篇文章介绍了一个名为网址净化器的 Chrome 插件。该插件可以将当前标签页的网址转换成干净的网址。作者在 15 年前开发了一款电商插件,用于净化淘宝链接。他发现当时美工和客服对 URL 机制不太了解,导致店铺装修和发送给客户的链接过长。因此,他重新开发了这个插件,并进行了更新迁移至 Manifest V3、更改插件名称、添加设置白名单功能以及更新图标等操作。目前内置白名单默认支持多个常见网站,并且支持国际化(i18n)。最后,作者还提到在发布 2.0.0 版本后学习到 CSS 属性 field-sizing 并进行优化,并发布了 2.0.1 版本。感兴趣的读者可以前往 Chrome Web Store 安装体验该插件。
在 Hugo 中使用 Shiki
·1050 字·3 分钟
代码
Hugo-Syntax-Highlight-Shiki
Hugo
Highlight
Shiki
高亮
本文介绍了如何在 Hugo 中使用 Shiki 代码语法高亮器。Shiki 是一款美观而强大的代码语法高亮器,基于 TextMate 的语法和主题,并能为几乎所有主流编程语言提供准确且快速的语法高亮。与其他代码语法高亮器不同,Shiki 是纯静态的,无需引入庞大的 JS 资源。文章详细介绍了在 Hugo 项目中安装和配置 Shiki 的步骤,包括安装相关插件、设置 Hugo 配置文件以及创建.rehyperc 文件来配置高亮主题等。此外,还提供了适配暗黑模式和生成 Shiki 所需命令行操作等内容。最后还介绍了如何在 GitHub Actions 中使用 Shiki 进行部署,并给出了相应的工作流程示例。
炒菜万能公式
·523 字·2 分钟
分享
Guide-to-Cooking
炒菜
做饭
这篇文章介绍了一个万能炒菜公式。作者指出,做菜没有固定的用量,而是根据个人口味和情况来调整。对于炒任何菜,可以先爆香蒜末,然后加入蔬菜炒软后放盐;对于炒任何肉,可以提前腌制 15 分钟,并在油中爆香蒜末后下锅;对于煲任何汤,可以加入料酒、姜片、葱段等调味品;对于辣炒类菜肴,则可添加白糖、生抽、姜片等调料;凉拌类则可使用生抽、白糖、醋等配料进行拌匀;韩式拌饭酱需要混合白糖、生抽、辣椒粉等材料制作成调味汁。最后还介绍了其他一些常见的调味汁如雪碧一勺 + 芝麻一勺 + 韩式辣酱一勺以及芝麻一勺 + 芝麻酱一勺 + 盐一勺 + 小米辣两颗等。
uBlacklist 订阅合集
·920 字·2 分钟
代码
Ublacklist-Subscription-Compilation
Ublacklist
Google
内容农场
搜索
插件
扩展
这是一个uBlacklist插件的订阅地址合集,用于屏蔽中文SEO垃圾站,如机器翻译、AI生成的内容。通过Github Actions每周自动更新。插件可防止指定的网站出现在搜索引擎结果中,可以添加规则或点击工具栏图标屏蔽指定的网站。规则可使用匹配模式或正则表达式指定,并可通过云存储跨设备同步。支持的搜索引擎有Google、Bing、Brave、DuckDuckGo、Ecosia、Qwant、SearX、Startpage、Yahoo! JAPAN和Yandex。安装插件后,设置订阅黑名单列表并添加订阅地址。还可进行其他设置,如在谷歌搜索结果中屏蔽特定网站。
读《中文互联网正在加速崩塌》
·266 字·1 分钟
日志
Chinese-Internet-Is-Accelerating
Daily
Read
这篇文章《中文互联网正在加速崩塌》在微信公众号发布后,因违规迅速被删除,显示了中文互联网审查的严格性。文章通过自身短暂的存在,印证了其标题的预言。尽管原文已被删除,但网络存档仍可供查阅。对此事件的读后感是,中文互联网和中文本身存在诸多问题,一些人认为中文互联网不值得被救赎,甚至将其比作粪坑。同时,文章的标题反映了一个普遍观点,即中文互联网正在走向衰败,这一观点在不少人心中已成为共识。
CSS 和 JS 实现博客热力图
·2924 字·6 分钟
代码
Blog-Heatmap
Code
GitHub
Heatmap
Contributions
本文介绍了使用 CSS 和 JS 实现博客热力图的方法。通过获取最近一年的文章数据,并根据字数和发布日期生成相应的小方块,不同颜色代表不同级别的字数。同时,还添加了鼠标悬停时显示文章标题、字数等信息的功能。作者对比了几种类似库,并选择了适合自己需求的 heatmap.js 来实现热力图效果。最后给出了完整代码以及 HTML 和 CSS 样式部分。
受灾小记
·1324 字·3 分钟
日志
Disaster-of-House
Daily
Disaster
House
2024 年 4 月 16 日早上,作者接到妈妈电话说家被台风吹跑了。作者回家后发现房顶被吹走,决定自己掏钱盖新房。村里共有 8 户受灾,但只是厢房的房顶被吹走。重建过程中遇到天气不好的情况,最终在村民帮助下完成了重建。期间姑父为帮忙而杀鸡、鸭,并做了三锅菜。整个经历让作者感觉像是梦境一样,同时也意识到生活中的困难和挑战并没有停止。
那,他吃什么?!
·1041 字·3 分钟
日志
What-Does-He-Eat
3Body
3BodyProblem
三体
奈飞
Netflix
奈飞版《三体》第一季的结尾定格在把云天明送入太空这段情节中。这是我最喜欢的一段情节之一。《三体》我读了两遍,2016 年开车通勤时在喜马拉雅听了一遍。之后又读了一遍。全书让我感怀至深,久久无法忘怀的,就是维德故意告诉程心是云天明送她星星后,他们却“杀死”了他,决定“只送大脑”时,然后她呆呆地说的那句话:——“那,他吃什么?!”
Mastodon 同步到 Memos
·2432 字·5 分钟
代码
Mastodon-Sync-to-Memos
Mastodon
Memos
Webhook
脚本
文章介绍了如何使用 Shell 脚本将 Mastodon 上的内容同步到 Memos。作者使用 Shell 脚本实现了这一功能,并提供了详细的配置和操作步骤。脚本会检查最新的 Mastodon 内容,并将其发布到 Memos 上,同时记录 Mastodon ID 和 Memos ID 的绑定关系。同时,作者还分享了自己在使用过程中遇到的问题和解决方案,并给出了具体示例和代码。
Hugo 外部链接跳转提示页面
·1522 字·4 分钟
代码
Hugo-Redirect-Landing-Page
Hugo
博客
跳转
折腾
文章介绍了作者为了合规和自我审查,在博客中迁移评论系统并清理链接,通过跳转页面实现外部链接的跳转。作者使用 Hugo 内置模板_render-link.html_进行 base64 编码,并提供了代码示例。同时,作者还介绍了如何创建一个中转页面模板_go.html_以及相关样式和脚本的设置。最后,文章指出这种方法只适用于渲染 Markdown 内容文档,并对自定义 HTML 链接做了说明。
联邦宇宙及 Mastodon 简介
·5571 字·12 分钟
日志
Fediverse
Fediverse
Mastodon
ActivityPub
联邦宇宙
长毛象
文章介绍了联邦宇宙(Fediverse)和 Mastodon 的概念。联邦宇宙是由一系列自由软件组成的网络,用户可以在不同实例上注册账号并进行互相关注、评论和点赞。Mastodon 是使用 ActivityPub 协议的一个开源社交网络软件,用户可以通过选择支持该协议的实例来加入联邦宇宙。文章还提到了其他联邦宇宙软件如 Misskey 和 GoToSocial,并分享了自建 Mastodon 实例的经验。
2024 博客变化
·1354 字·3 分钟
日志
2024-Blog-Refactor
Daily
博客
副标题:面向死亡编程。作者在 2023 年底回顾一年,围绕“如果我死了,我的博客怎么办”主题调整个人博客,包括转移域名实现自动续费,使用 GitHub 作为数据源,资源静态化,使用 Git Submodules 独立升级主题,重定向主站到 www 域名等,目的是在自己去世后,博客内容能最大程度保留和继续可访问。
部署动态生成 OG Image 的 API
·1085 字·3 分钟
日志
Og-Image-Api
Daily
文章介绍了部署动态生成 OG Image 的 API,作者使用 @vercel/og 包和 Next.js 应用来生成 Open Graph 图片。然而,由于不支持中文和字体大小限制,作者决定手动生成 OG Image,并分享了压缩字体的方法。文章还提供了具体操作步骤和自定义修改的地方,并推荐了其他相关工具和插件。最后,作者分享了自己目前使用的手动生成 OG Image 工具链接。
再看《星际穿越》
·310 字·1 分钟
日志
Interstellar
日志
星际穿越
《星际穿越》是一部深度治愈的电影,讲述了爱超越时间和空间的力量。作者在 2015 年第一次看时受到震撼,但无法具体说出原因。2017 年再次观看后,作者意识到爱是最伟大的力量,并能感受到它超越光速存在的特性。文章还提及亲子关系不完美、孩子成长过程中会面临挑战等内容。作者相信命运并接受一切,但认为当前的体验不能被轮回所消磨。
实感
·2100 字·5 分钟
分享
Shigan
生
死
实感
文章讨论了现代年轻人心理承受能力差的原因,指出他们缺乏实感。作者认为实感是与世界产生联系的能力,而现在的孩子被限制在学习和竞争中长大,无法体验到生活中的碰撞和疼痛。此外,互联网使他们过早地接触到成人世界的不美好,导致对未来没有期待。作者呼吁重视感性,并表示这是发展问题需要通过发展解决。最后,作者相信中国会有文艺复兴文化启蒙,并富裕起来。
无题
·107 字·1 分钟
日志
20231004
生活
Blog
文章描述了一个家庭的日常生活场景。母亲养鸡,父亲在竹椅上沉思,种草烟。竹椅是已故爷爷坐过的,秋天凉意微拂,夜晚安静宁祥。文章以简洁的语言描绘了平凡而温馨的家庭生活场景,并传递出一种深度睡眠和禅意的感觉。
自部署 GitHub 风格的 Reactions 点赞功能
·864 字·2 分钟
代码
Self-Hosted-Github-Flavored-Reactions
Hugo
Blog
Reactions
文章介绍了如何自部署 GitHub 风格的点赞功能。作者提到了各种实现方式,包括博客系统、评论系统、API 和第三方服务等。然后介绍了一个名为 emaction 的项目,提供了前端和后端代码,并给出了部署步骤。首先需要在 Cloudflare 上创建数据库,然后克隆代码并安装依赖包。接着修改配置文件中的数据库 ID,并登录 Wrangle 授权访问数据库并创建数据表。最后将项目部署到 Cloudflare Worker,并在前端使用时引入 JS 模块即可实现点赞功能。