跳过正文
  1. Blogs/

Artalk 无评论随机显示诗词

·595 字·2 分钟· ·
代码 Artalk-No-Comment-Text Hugo Blog Artalk 评论
作者
大大的小蜗牛
机会总是垂青于有准备的人!
目录

前言
#

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。是不是会有装逼的嫌疑,我反省了一下,我觉得不是,因为我每刷新的一句诗,我都会默读一下。


Load Giscus
or