前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Artalk 无评论随机显示诗词

Artalk 无评论随机显示诗词

作者头像
eallion
发布2023-10-18 17:00:14
2250
发布2023-10-18 17:00:14
举报
文章被收录于专栏:大大的小蜗牛

前言

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

https://images.eallion.com/images/2023/07/artalk_no_comment_screenshot.png
https://images.eallion.com/images/2023/07/artalk_no_comment_screenshot.png

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

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

方法

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

1

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

如图所示:

https://images.eallion.com/images/2023/07/no_comment_text.png
https://images.eallion.com/images/2023/07/no_comment_text.png

API 来自 今日诗词

  1. 图片形式调用

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

技巧

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

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

https://images.eallion.com/images/2023/07/chatgpt_for_artalk_no_comment_color.png
https://images.eallion.com/images/2023/07/chatgpt_for_artalk_no_comment_color.png

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

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

其他

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-07-042,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • 方法
  • 技巧
  • 其他
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档