惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
爱范儿
爱范儿
博客园 - 三生石上(FineUI控件)
Vercel News
Vercel News
M
MIT News - Artificial intelligence
L
LangChain Blog
大猫的无限游戏
大猫的无限游戏
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Microsoft Azure Blog
Microsoft Azure Blog
J
Java Code Geeks
Recent Announcements
Recent Announcements
Stack Overflow Blog
Stack Overflow Blog
人人都是产品经理
人人都是产品经理
IT之家
IT之家
F
Fortinet All Blogs
博客园 - 聂微东
U
Unit 42
Martin Fowler
Martin Fowler
腾讯CDC
博客园_首页
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
量子位
阮一峰的网络日志
阮一峰的网络日志
博客园 - Franky

eallion's Blog

春假清明自驾游 Ubuntu 25.10 安装和配置 秋假 彩礼 2025 博客变化 预制菜 联邦礼仪之一 重拾写博客的乐趣 少儿 TED - 时间管理大师 n8n 之同步博客到 Mastodon n8n 之备份 Mastodon 嘟文 如何备份 Mastodon Docker 部署 Mastodon NAS 折腾记 Windows 11 安装软件 博客排版 - 挤压中文标点符号 Hugo 博客集成 Mastodon 独立博客自省问卷 15 题 Chrome 插件更新:网址净化器 在 Hugo 中使用 Shiki 炒菜万能公式 uBlacklist 订阅合集 读《中文互联网正在加速崩塌》 CSS 和 JS 实现博客热力图 受灾小记 那,他吃什么?! Mastodon 同步到 Memos Hugo 外部链接跳转提示页面 联邦宇宙及 Mastodon 简介 2024 博客变化
Artalk 无评论随机显示诗词
Charles Chin · 2023-07-04 · via eallion's Blog

# 前言

Artalk 无评论时随机显示诗词(今日诗词或一言等)的效果,如本博客截图所示:

在本博客现阶段如果没有换主题或评论系统,随便找一篇没有评论的文章都可以看到实际效果。

要实现这个效果非常简单。
我无意中发现,在 Artalk 的管理后台的 前端配置无评论显示文字 可以插入 HTML 代码。
不知道这是开发者的有意或无意,让这一个需要 JS 侵入性实现的功能变得简单。
感谢我的灵机一动。

# 方法

打开 Artalk 管理后台,找到 前端配置 再找到 无评论显示文字
输入:

<img alt="今日诗词" src="https://v2.jinrishici.com/one.svg?font-size=22&color=LightSlateGray">

如图所示:

API 来自 今日诗词

  1. 图片形式调用

需要注意的是,颜色目前只接收英文单词, 查看所有颜色英文单词。目前有 140 种颜色被浏览器支持。

# 技巧

为什么选中 LightSlateGray 作为文字的颜色呢?
我发现在其他博客引用了我的 Memos 时,他们的博客有 等多种配色。
API 默认的颜色,在他们的网页上要么太突兀,要么看不清。
我自己试了好几个颜色,显示结果都不太满意,然后我就问了一下 ChatGPT。

什么颜色的文字能同时在 #22272e 和 #FFFFFF 这两种背景色下都能优雅的显示,要求这种颜色必须具备浏览能识别的英文名称

为什么要以 #22272e 作为暗黑模式的代表色呢?它是 GitHub Dimmed 的背景色。

现在的结果虽然不完美,但是能用了。
低代码实现了这一功能。没有 JS 侵入网页。不用单独写 CSS 兼容。

# 其他

我在很多很多我能参与到的网页或应用中都嵌入了今日诗词的 API。是不是会有装逼的嫌疑,我反省了一下,我觉得不是,因为我每刷新的一句诗,我都会默读一下。