diff --git a/app/src/protyle/hint/extend.ts b/app/src/protyle/hint/extend.ts
index ce27e9686..c20dd3cb7 100644
--- a/app/src/protyle/hint/extend.ts
+++ b/app/src/protyle/hint/extend.ts
@@ -131,10 +131,30 @@ export const hintSlash = (key: string, protyle: IProtyle) => {
         value: "> " + Lute.Caret,
         html: `<div class="b3-list-item__first"><svg class="b3-list-item__graphic"><use xlink:href="#iconQuote"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.quote}</span>${getHotkeyOrMarker(window.siyuan.config.keymap.editor.insert.quote.custom, ">")}</div>`,
     }, {
-        filter: [window.siyuan.languages.callout, "callout", "ts", "提示", "tishi"],
-        id: "callout",
+        filter: [window.siyuan.languages.callout, "callout", "ts", "提示", "tishi", "note"],
+        id: "calloutNote",
         value: `> [!NOTE]\n> ${Lute.Caret}`,
-        html: `<div class="b3-list-item__first"><svg class="b3-list-item__graphic"><use xlink:href="#iconCallout"></use></svg><span class="b3-list-item__text">${window.siyuan.languages.callout}</span></div>`,
+        html: `<div class="b3-list-item__first"><span class="b3-list-item__graphic">✏️</span><span class="b3-list-item__text">${window.siyuan.languages.callout} - <span style="color: var(--b3-theme-primary)">Note</span></span></div>`,
+    },{
+        filter: [window.siyuan.languages.callout, "callout", "ts", "提示", "tishi", "tip"],
+        id: "calloutTip",
+        value: `> [!TIP]\n> ${Lute.Caret}`,
+        html: `<div class="b3-list-item__first"><span class="b3-list-item__graphic">💡</span><span class="b3-list-item__text">${window.siyuan.languages.callout} - <span style="color: var(--b3-theme-success)">Tip</span></span></div>`,
+    },{
+        filter: [window.siyuan.languages.callout, "callout", "ts", "提示", "tishi", "important"],
+        id: "calloutImportant",
+        value: `> [!IMPORTANT]\n> ${Lute.Caret}`,
+        html: `<div class="b3-list-item__first"><span class="b3-list-item__graphic">❗</span><span class="b3-list-item__text">${window.siyuan.languages.callout} - <span style="color: var(--b3-callout-important)">Important</span></span></div>`,
+    },{
+        filter: [window.siyuan.languages.callout, "callout", "ts", "提示", "tishi", "warning"],
+        id: "calloutWarning",
+        value: `> [!WARNING]\n> ${Lute.Caret}`,
+        html: `<div class="b3-list-item__first"><span class="b3-list-item__graphic">⚠️</span><span class="b3-list-item__text">${window.siyuan.languages.callout} - <span style="color: var(--b3-callout-warning)">Warning</span></span></div>`,
+    },{
+        filter: [window.siyuan.languages.callout, "callout", "ts", "提示", "tishi", "caution"],
+        id: "calloutCaution",
+        value: `> [!CAUTION]\n> ${Lute.Caret}`,
+        html: `<div class="b3-list-item__first"><span class="b3-list-item__graphic">🚨</span><span class="b3-list-item__text">${window.siyuan.languages.callout} - <span style="color: var(--b3-theme-error)">Caution</span></span></div>`,
     }, {
         filter: [window.siyuan.languages.code, "code block", "代码块", "daimakuai", "dmk"],
         id: "code",