首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >hexo-tips:快捷小贴士插件

hexo-tips:快捷小贴士插件

作者头像
姓王者
发布2025-02-28 17:44:25
发布2025-02-28 17:44:25
7900
代码可运行
举报
文章被收录于专栏:姓王者的博客姓王者的博客
运行总次数:0
代码可运行

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

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

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

npm安装

npm i hexo-tips

配置config

代码语言:javascript
代码运行次数:0
运行
复制
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'

使用方法

通用格式

代码语言:javascript
代码运行次数:0
运行
复制
:::name

content

:::

比如说

代码语言:javascript
代码运行次数:0
运行
复制

                    
                        ⚠
                         这是一个警告提示

                    
                
 
这是一个警告提示

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

样式展示

这是一个警告提示

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

这是一个危险提示

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

💡

这是一个小贴士

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

💬

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

👍

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

📝

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

ℹ️

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

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

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

🐛

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

📋

这是一个待办事项

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

🔍

这是一个示例框

代码语言:javascript
代码运行次数:0
运行
复制
console.log('示例代码');

💭

这是一个引用框

引用他人的观点或内容

🔗

这是一个链接框 Hexo官网

💻

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

🔄

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-01-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • npm安装
    • 配置config
    • 样式展示
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档