我开发了一个快捷小贴士插件
样式当然都是Copilot帮我写的,我自己才懒得设计颜色:)
github仓库:xingwangzhe/hexo-tips: Use tooltips more conveniently in hexo npm仓库:hexo-tips
npm i hexo-tips
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'
使用方法
通用格式
:::name
content
:::
比如说
⚠
这是一个警告提示
这是一个警告提示
当然,内部格式支持markdown格式
⚠
这是一个警告提示
⛔
这是一个危险提示
用于展示危险操作或重要警告
💡
这是一个小贴士
💬
这是一个提及框 引用或参考其他内容时使用
👍
这是一个推荐框 推荐有价值的内容或最佳实践
📝
这是一个笔记框 记录重要笔记或要点
ℹ️
这是一个信息框 展示一般性的信息
✅
这是一个成功提示 表示操作成功或完成
❌
这是一个错误提示 展示错误信息或失败原因
🐛
这是一个Bug提示 用于标记已知问题或Bug
📋
这是一个待办事项
🔍
这是一个示例框
console.log('示例代码');
💭
这是一个引用框
引用他人的观点或内容
🔗
这是一个链接框 Hexo官网
💻
这是一个代码框 使用等宽字体展示代码
🔄
这是一个更新提示 最后更新:2024-01-03
⭐
这是一个重点提示 特别重要的内容
⌛
这是一个时间提示 预计耗时:30分钟