我开发了一个快捷小贴士插件

样式当然都是Copilot帮我写的,我自己才懒得设计颜色:)

github仓库:xingwangzhe/hexo-tips: Use tooltips more conveniently in hexo
npm仓库:hexo-tips

npm安装

npm i hexo-tips

配置config

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
hexo_tips:
warning:
icon: '⚠'
style:
border: '#ffb100'
light:
background: '#fff8e6'
dark:
background: '#3d371f'
danger:
icon: '⛔'
style:
border: '#ff4545'
light:
background: '#ffeded'
dark:
background: '#3d2222'
tip:
icon: '💡'
style:
border: '#409eff'
light:
background: '#e6f4ff'
dark:
background: '#1f2f3d'
mention:
icon: '💬'
style:
border: '#b45fff'
light:
background: '#f3e6ff'
dark:
background: '#2f1f3d'
recommend:
icon: '👍'
style:
border: '#67c23a'
light:
background: '#e6ffe6'
dark:
background: '#1f3d1f'
note:
icon: '📝'
style:
border: '#9e9e9e'
light:
background: '#f5f5f5'
dark:
background: '#363636'
info:
icon: 'ℹ️'
style:
border: '#03a9f4'
light:
background: '#e3f2fd'
dark:
background: '#1f313d'
success:
icon: '✅'
style:
border: '#4caf50'
light:
background: '#e8f5e9'
dark:
background: '#1f3d24'
error:
icon: '❌'
style:
border: '#f44336'
light:
background: '#ffebee'
dark:
background: '#3d1f22'
bug:
icon: '🐛'
style:
border: '#e91e63'
light:
background: '#fce4ec'
dark:
background: '#3d1f2a'
todo:
icon: '📋'
style:
border: '#9c27b0'
light:
background: '#f3e5f5'
dark:
background: '#2f1f3d'
example:
icon: '🔍'
style:
border: '#ff9800'
light:
background: '#fff3e0'
dark:
background: '#3d311f'
quote:
icon: '💭'
style:
border: '#607d8b'
light:
background: '#eceff1'
dark:
background: '#1f292d'
link:
icon: '🔗'
style:
border: '#3f51b5'
light:
background: '#e8eaf6'
dark:
background: '#1f2137'
code:
icon: '💻'
style:
border: '#616161'
light:
background: '#fafafa'
dark:
background: '#363636'
update:
icon: '🔄'
style:
border: '#009688'
light:
background: '#e0f2f1'
dark:
background: '#1f3734'
star:
icon: '⭐'
style:
border: '#ffd700'
light:
background: '#fffde7'
dark:
background: '#3d3a1f'
time:
icon: '⌛'
style:
border: '#795548'
light:
background: '#efebe9'
dark:
background: '#332824'

使用方法

通用格式

1
2
3
4
5
:::name

content

:::

比如说

1
2
3
4
5

                    



这是一个警告提示


当然,内部格式支持markdown格式

样式展示


这是一个警告提示

  • 用于提醒用户需要注意的内容
  • 适合展示警告信息


这是一个危险提示

用于展示危险操作或重要警告

💡

这是一个小贴士

  1. 用于展示提示信息
  2. 可以包含有用的建议

💬

这是一个提及框
引用或参考其他内容时使用

👍

这是一个推荐框
推荐有价值的内容或最佳实践

📝

这是一个笔记框
记录重要笔记或要点

ℹ️

这是一个信息框
展示一般性的信息


这是一个成功提示
表示操作成功或完成


这是一个错误提示
展示错误信息或失败原因

🐛

这是一个Bug提示
用于标记已知问题或Bug

📋

这是一个待办事项

  • [ ] 第一个任务
  • [ ] 第二个任务

🔍

这是一个示例框

1
console.log('示例代码');

💭

这是一个引用框

引用他人的观点或内容

💻

这是一个代码框
使用等宽字体展示代码

🔄

这是一个更新提示
最后更新:2024-01-03


这是一个重点提示
特别重要的内容


这是一个时间提示
预计耗时:30分钟