From bd3839f6480bfdca67a900992eff21e76140fc6a Mon Sep 17 00:00:00 2001
From: jaywcjlove <398188662@qq.com>
Date: Wed, 2 Nov 2022 01:41:57 +0800
Subject: [PATCH] doc: update `CONTRIBUTING.md`.
---
CONTRIBUTING.md | 15 +++++++++++++++
scripts/style.css | 17 ++++++++++++++++-
2 files changed, 31 insertions(+), 1 deletion(-)
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index a790bdb..421c1fe 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -61,6 +61,21 @@ Contributing 贡献
- SVG 图标尺寸 `<svg height="1em" width="1em"`
- SVG 图标颜色使用继承颜色值 `<svg fill="currentColor"`
+#### 提示配置
+
+```markdown
+[Django](./docs/djiango.md)<!--rehype:style=background: rgb(12 75 51/var(\-\-bg\-opacity));&class=contributing-->
+```
+
+添加 `contributing` 类名，会在卡片下方添加 _`👆待完善需要您的参与`_
+
+
+```markdown
+[Django](./docs/djiango.md)<!--rehype:style=background: rgb(12 75 51/var(\-\-bg\-opacity));&class=tag&data-lang=Python-->
+```
+
+添加 `class=tag&data-lang=Python` 类名和参数，会在卡片右上角标记 _`Python`_
+
## 本地开发
```bash
diff --git a/scripts/style.css b/scripts/style.css
index 48147b7..c5f200c 100644
--- a/scripts/style.css
+++ b/scripts/style.css
@@ -365,7 +365,7 @@ body.home .max-container a.home-button:visited:hover {
gap: 2rem;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
-.home-card a.contributing {
+.home-card :is(a.contributing, a.tag) {
position: relative;
}
.home-card a.contributing::after {
@@ -380,6 +380,21 @@ body.home .max-container a.home-button:visited:hover {
.home-card a.contributing:hover:after {
color: var(--color-fg-muted);
}
+.home-card a.tag::before {
+ content: attr(data-lang);
+ display: block;
+ position: absolute;
+ font-size: 10px;
+ right: 6px;
+ top: 6px;
+ background: rgba(255 255 255 / 0.3);
+ border-radius: 3px;
+ padding: 1px 3px 2px 3px;
+ transition: all 0.3s;
+}
+.home-card a.tag:hover:before {
+ background: rgba(255 255 255 / 0.2);
+}
[data-color-mode*='light'] body .home-card a {
--text-opacity: 0.75;