Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
Eticeweng authored May 10, 2024
1 parent 5eaa13b commit d26d66a
Showing 1 changed file with 3 additions and 28 deletions.
31 changes: 3 additions & 28 deletions README.md
Original file line number Diff line number Diff line change
@@ -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条,且会在重启和到达上限时的时候清空

Expand Down

0 comments on commit d26d66a

Please sign in to comment.