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

相关文章

静态博客评论系统的选择
·1823 字·4 分钟
代码 Comments Hugo Blog 博客 评论
启用 Waline
·972 字·2 分钟
日志 Waline Hugo Blog Waline Comment 评论
Typecho 迁移到 Hugo
·837 字·2 分钟
代码 Typecho-to-Hugo Hugo Blog Typecho 博客

LoadGiscusor