@bbki.ng/site 0.0.28 → 0.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/package.json +3 -3
- package/src/articles/bbking-manual.mdx +1 -82
- package/src/articles/index.ts +1 -1
- package/src/demo/DemoBox.tsx +1 -1
- package/src/main.css +0 -153
package/CHANGELOG.md
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bbki.ng/site",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.31",
|
|
4
4
|
"description": "code behind bbki.ng",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"url": "git+https://github.com/bbbottle/bbki.ng.git"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@bbki.ng/components": "workspace:2.1.
|
|
19
|
+
"@bbki.ng/components": "workspace:2.1.21",
|
|
20
20
|
"@supabase/supabase-js": "^1.30.6",
|
|
21
21
|
"classnames": "2.3.1",
|
|
22
22
|
"react": "^18.0.0",
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
"swr": "^1.2.1"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@bbki.ng/stylebase": "workspace:0.0.
|
|
30
|
+
"@bbki.ng/stylebase": "workspace:0.0.16",
|
|
31
31
|
"@mdx-js/mdx": "2.0.0-next.9",
|
|
32
32
|
"@mdx-js/react": "^1.6.22",
|
|
33
33
|
"@tailwindcss/typography": "^0.5.0",
|
|
@@ -4,85 +4,4 @@ tags:
|
|
|
4
4
|
- bbki.ng
|
|
5
5
|
---
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
import { Link, Img } from '@bbki.ng/components';
|
|
9
|
-
|
|
10
|
-
## 目录
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
## 域名
|
|
14
|
-
bbki.ng 是在 [upper link](https://upperlink.ng/) 购买的尼日利亚域名。
|
|
15
|
-
|
|
16
|
-
## 接口
|
|
17
|
-
<Link external to="https://api.bbki.ng">api.bbki.ng</Link>
|
|
18
|
-
|
|
19
|
-
## 标识使用
|
|
20
|
-
|
|
21
|
-
<Link external to="https://zjh-im-res.oss-cn-shenzhen.aliyuncs.com/zip/LOGOs.zip">下载</Link>
|
|
22
|
-
|
|
23
|
-
<Img {...OSS_PHOTOS.logoPreview} renderedWidth={200} removeBlurBgAfterLoad />
|
|
24
|
-
|
|
25
|
-
### 目的
|
|
26
|
-
|
|
27
|
-
以下规范用于保证网站标识使用时,能得到最佳视觉效果。
|
|
28
|
-
|
|
29
|
-
### 规范
|
|
30
|
-
|
|
31
|
-
#### 颜色
|
|
32
|
-
|
|
33
|
-
<Img {...OSS_PHOTOS.logoColors} renderedWidth={600} removeBlurBgAfterLoad />
|
|
34
|
-
|
|
35
|
-
#### 尺寸
|
|
36
|
-
标识宽高不得小于 24 像素。
|
|
37
|
-
|
|
38
|
-
#### 禁区
|
|
39
|
-
|
|
40
|
-
禁区宽度为图标宽度的一半
|
|
41
|
-
|
|
42
|
-
<Img {...OSS_PHOTOS.logoExcludesZone} renderedWidth={300} />
|
|
43
|
-
|
|
44
|
-
#### 合法变体
|
|
45
|
-
|
|
46
|
-
##### 纯色背景
|
|
47
|
-
|
|
48
|
-
<Img {...OSS_PHOTOS.logoVariants} renderedWidth={600} removeBlurBgAfterLoad />
|
|
49
|
-
|
|
50
|
-
##### 图片背景
|
|
51
|
-
<Img {...OSS_PHOTOS.validLogoExample} renderedWidth={300} />
|
|
52
|
-
|
|
53
|
-
#### 非法误用
|
|
54
|
-
|
|
55
|
-
- 禁止旋转
|
|
56
|
-
- 禁止前景背景色出现合法变体外的组合
|
|
57
|
-
- 禁止拉伸、压缩
|
|
58
|
-
- 禁止使用描边形式
|
|
59
|
-
- 禁止修改增删
|
|
60
|
-
- 禁止图标越过禁区
|
|
61
|
-
- 禁止添加文字
|
|
62
|
-
- 禁止添加投影
|
|
63
|
-
|
|
64
|
-
#### 错误示例
|
|
65
|
-
|
|
66
|
-
<Img {...OSS_PHOTOS.badLogoExamples} renderedWidth={600} removeBlurBgAfterLoad />
|
|
67
|
-
|
|
68
|
-
## 快捷键
|
|
69
|
-
|
|
70
|
-
在浏览本站的过程中,需要频繁在路由间跳转,除了点击超链接的方式,也可以直接按下对应的快捷键进行跳转。下表是快捷键说明。
|
|
71
|
-
|
|
72
|
-
| 快捷键 | 含义 | 描述 |
|
|
73
|
-
| :----- | :--------- | :----------------------------- |
|
|
74
|
-
| `h` | help | 跳转到本文 |
|
|
75
|
-
| `i` | index | 跳转到首页 |
|
|
76
|
-
| `c` | content | 跳转到目录页 |
|
|
77
|
-
| `shift + t` | tags | 跳转到标签列表 |
|
|
78
|
-
| `f` | forward | 前进一页 |
|
|
79
|
-
| `b` | back | 后退一页 |
|
|
80
|
-
| `s` | source | 查看本站源代码 |
|
|
81
|
-
|
|
82
|
-
跳转到目标页面后,按下 tab 可方便地进一步选择目标链接。
|
|
83
|
-
|
|
84
|
-
## 维护者
|
|
85
|
-
### 最近在干嘛?
|
|
86
|
-
<Link to="/now">动态</Link>
|
|
87
|
-
### 联系
|
|
88
|
-
b@bbki.ng
|
|
7
|
+
301 -> https://docs.bbki.ng
|
package/src/articles/index.ts
CHANGED
package/src/demo/DemoBox.tsx
CHANGED
|
@@ -6,7 +6,7 @@ export const DemoBox = (props: {
|
|
|
6
6
|
}) => {
|
|
7
7
|
return (
|
|
8
8
|
<div
|
|
9
|
-
className="grid place-items-center md:p-32 border-gray-400 aspect-square border border-dotted"
|
|
9
|
+
className="grid place-items-center md:p-32 border-gray-400 aspect-square border border-dotted aspect-1"
|
|
10
10
|
style={props.style || {}}
|
|
11
11
|
>
|
|
12
12
|
{props.children}
|
package/src/main.css
CHANGED
|
@@ -1,156 +1,3 @@
|
|
|
1
1
|
@tailwind base;
|
|
2
2
|
@tailwind components;
|
|
3
3
|
@tailwind utilities;
|
|
4
|
-
@layer utilities {
|
|
5
|
-
/* Chrome, Safari and Opera */
|
|
6
|
-
.no-scrollbar::-webkit-scrollbar {
|
|
7
|
-
display: none;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.no-scrollbar {
|
|
11
|
-
-ms-overflow-style: none; /* IE and Edge */
|
|
12
|
-
scrollbar-width: none; /* Firefox */
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
@layer base {
|
|
17
|
-
.blur-cover {
|
|
18
|
-
background-color: rgba(255, 255, 255, 0.5);
|
|
19
|
-
backdrop-filter: blur(7px);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.prose pre {
|
|
23
|
-
color: #24292f !important;
|
|
24
|
-
background-color: #f6f8fa !important;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
a:focus {
|
|
28
|
-
@apply outline-none;
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
/* syntax highlight */
|
|
32
|
-
/*!
|
|
33
|
-
Theme: GitHub
|
|
34
|
-
Description: Light theme as seen on github.com
|
|
35
|
-
Author: github.com
|
|
36
|
-
Maintainer: @Hirse
|
|
37
|
-
Updated: 2021-05-15
|
|
38
|
-
Outdated base version: https://github.com/primer/github-syntax-light
|
|
39
|
-
Current colors taken from GitHub's CSS
|
|
40
|
-
*/
|
|
41
|
-
|
|
42
|
-
.hljs {
|
|
43
|
-
color: #24292e;
|
|
44
|
-
background: #ffffff;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.hljs-doctag,
|
|
48
|
-
.hljs-keyword,
|
|
49
|
-
.hljs-meta .hljs-keyword,
|
|
50
|
-
.hljs-template-tag,
|
|
51
|
-
.hljs-template-variable,
|
|
52
|
-
.hljs-type,
|
|
53
|
-
.hljs-variable.language_ {
|
|
54
|
-
/* prettylights-syntax-keyword */
|
|
55
|
-
color: #d73a49;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.hljs-title,
|
|
59
|
-
.hljs-title.class_,
|
|
60
|
-
.hljs-title.class_.inherited__,
|
|
61
|
-
.hljs-title.function_ {
|
|
62
|
-
/* prettylights-syntax-entity */
|
|
63
|
-
color: #6f42c1;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
.hljs-attr,
|
|
67
|
-
.hljs-attribute,
|
|
68
|
-
.hljs-literal,
|
|
69
|
-
.hljs-meta,
|
|
70
|
-
.hljs-number,
|
|
71
|
-
.hljs-operator,
|
|
72
|
-
.hljs-variable,
|
|
73
|
-
.hljs-selector-attr,
|
|
74
|
-
.hljs-selector-class,
|
|
75
|
-
.hljs-selector-id {
|
|
76
|
-
/* prettylights-syntax-constant */
|
|
77
|
-
color: #005cc5;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.hljs-regexp,
|
|
81
|
-
.hljs-string,
|
|
82
|
-
.hljs-meta .hljs-string {
|
|
83
|
-
/* prettylights-syntax-string */
|
|
84
|
-
color: #032f62;
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
.hljs-built_in,
|
|
88
|
-
.hljs-symbol {
|
|
89
|
-
/* prettylights-syntax-variable */
|
|
90
|
-
color: #e36209;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
.hljs-comment,
|
|
94
|
-
.hljs-code,
|
|
95
|
-
.hljs-formula {
|
|
96
|
-
/* prettylights-syntax-comment */
|
|
97
|
-
color: #6a737d;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
.hljs-name,
|
|
101
|
-
.hljs-quote,
|
|
102
|
-
.hljs-selector-tag,
|
|
103
|
-
.hljs-selector-pseudo {
|
|
104
|
-
/* prettylights-syntax-entity-tag */
|
|
105
|
-
color: #22863a;
|
|
106
|
-
}
|
|
107
|
-
|
|
108
|
-
.hljs-subst {
|
|
109
|
-
/* prettylights-syntax-storage-modifier-import */
|
|
110
|
-
color: #24292e;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.hljs-section {
|
|
114
|
-
/* prettylights-syntax-markup-heading */
|
|
115
|
-
color: #005cc5;
|
|
116
|
-
font-weight: bold;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.hljs-bullet {
|
|
120
|
-
/* prettylights-syntax-markup-list */
|
|
121
|
-
color: #735c0f;
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
.hljs-emphasis {
|
|
125
|
-
/* prettylights-syntax-markup-italic */
|
|
126
|
-
color: #24292e;
|
|
127
|
-
font-style: italic;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
.hljs-strong {
|
|
131
|
-
/* prettylights-syntax-markup-bold */
|
|
132
|
-
color: #24292e;
|
|
133
|
-
font-weight: bold;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
.hljs-addition {
|
|
137
|
-
/* prettylights-syntax-markup-inserted */
|
|
138
|
-
color: #22863a;
|
|
139
|
-
background-color: #f0fff4;
|
|
140
|
-
}
|
|
141
|
-
|
|
142
|
-
.hljs-deletion {
|
|
143
|
-
/* prettylights-syntax-markup-deleted */
|
|
144
|
-
color: #b31d28;
|
|
145
|
-
background-color: #ffeef0;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.hljs-char.escape_,
|
|
149
|
-
.hljs-link,
|
|
150
|
-
.hljs-params,
|
|
151
|
-
.hljs-property,
|
|
152
|
-
.hljs-punctuation,
|
|
153
|
-
.hljs-tag {
|
|
154
|
-
/* purposely ignored */
|
|
155
|
-
}
|
|
156
|
-
}
|