From d26d66abcd18ff7457be3caab52967ccb7a735fd Mon Sep 17 00:00:00 2001 From: Eticeweng <43090280+Eticeweng@users.noreply.github.com> Date: Fri, 10 May 2024 10:57:19 +0800 Subject: [PATCH] Update README.md --- README.md | 31 +++---------------------------- 1 file changed, 3 insertions(+), 28 deletions(-) diff --git a/README.md b/README.md index 57e2738..aa6db3c 100644 --- a/README.md +++ b/README.md @@ -1,39 +1,14 @@ # LiteLoaderQQNT-Link-Preview 为聊天区域中的所有链接添加其网页标题和图标 适用于所有`http`或`https`协议的链接 -![{1E1A5269-A376-4d1c-B8DE-C6CA7612C804}](https://github.com/Eticeweng/LiteLoaderQQNT-Link-Preview/assets/43090280/0a4a4b7e-f43e-4a76-94e1-6f152e6c8610) +![image](https://github.com/Eticeweng/LiteLoaderQQNT-Link-Preview/assets/43090280/397cfb17-7fb8-4ea1-b5c7-89645ee47d2d) ### 样式 -截图中的为默认样式 -可以通过css修改默认样式 +上面截图中的为默认样式 +可以通过css自定义默认样式 正常读取的链接样式的class为`message-link-previewr` 读取失败的链接样式的class为`message-link-preview__error` -> (可选) 应用以下样式可以变得更美观(大概) -```css -span.link-preview-baked:hover > div.message-link-preview, -span.link-preview-baked:hover > div.message-link-preview__error { - filter: brightness(1.5); -} -div.message-link-preview, -div.message-link-preview__error { - font-family: system-ui !important; - background-color: #391452 !important; - padding: 1px 8px !important; -} -div.message-link-preview__error { - color: #ffa4a4 !important; -} -span.link-preview-baked > div.message-link-preview > img { - border-radius: 5px; - flex-shrink: 0; - filter: drop-shadow(0px 0px 3px); - scale: 120%; - margin-right: 5px; -} -``` -![{76E5AE33-DD87-4621-B54F-0CC8F25207F8}](https://github.com/Eticeweng/LiteLoaderQQNT-Link-Preview/assets/43090280/1474f685-f14c-45a3-a99a-bd65997dc92a) - ### 缓存 本插件会缓存读取结果,最大上限100条,且会在重启和到达上限时的时候清空