🎨 Improve code snippet setting https://github.com/siyuan-note/siyuan/issues/12477

app/appearance/langs/en_US.json

@@ -1,4 +1,5 @@
 {
+  "visitCommunityShare": "Visit community share",
   "clearContextSucc": "The context has been cleared",
   "emptyMobilePlaceholder": "Record something",
   "emptyPlaceholder": "Write something, ' / ' for commands",
@@ -466,6 +467,7 @@
   "floatWindowMode1": "Press and hold <code class='fn__code'>${hotkey}</code>+Hover",
   "floatWindowMode2": "Do not trigger",
   "codeSnippet": "Code Snippet",
+  "codeSnippetTip": "Fine-tune the interface or functionality through code snippets",
   "expandDown": "Expand Down",
   "expandUp": "Expand Up",
   "goForward": "Go forward",

app/appearance/langs/es_ES.json

@@ -1,4 +1,5 @@
 {
+  "visitCommunityShare": "Visitar la comunidad compartida",
   "clearContextSucc": "Se ha borrado el contexto",
   "emptyMobilePlaceholder": "Grabar algo",
   "emptyPlaceholder": "Escribe algo, ' / ' para los comandos",
@@ -466,6 +467,7 @@
   "floatWindowMode1": "Presione y mantenga presionado <code class='fn__code'>${hotkey}</code>+Flotar",
   "floatWindowMode2": "No activar",
   "codeSnippet": "Fragmento de código",
+  "codeSnippetTip": "Ajusta la interfaz o la funcionalidad mediante fragmentos de código",
   "expandDown": "Expandir hacia abajo",
   "expandUp": "Expandir hacia arriba",
   "goForward": "Ir hacia adelante",

app/appearance/langs/fr_FR.json

@@ -1,4 +1,5 @@
 {
+  "visitCommunityShare": "Visiter le partage communautaire",
   "clearContextSucc": "Le contexte a été effacé",
   "emptyMobilePlaceholder": "Enregistrer quelque chose",
   "emptyPlaceholder": "Écrivez quelque chose, ' / ' pour les commandes",
@@ -466,6 +467,7 @@
   "floatWindowMode1": "Appuyez et maintenez <code class='fn__code'>${hotkey}</code>+Flotter",
   "floatWindowMode2": "Ne pas déclencher",
   "codeSnippet": "Extrait de code",
+  "codeSnippetTip": "Affiner l'interface ou les fonctionnalités grâce à des extraits de code",
   "expandDown": "Développer vers le bas",
   "expandUp": "Développer vers le haut",
   "goForward": "Suivant",

app/appearance/langs/ja_JP.json

@@ -1,4 +1,5 @@
 {
+  "visitCommunityShare": "コミュニティシェアを訪問",
   "clearContextSucc": "コンテキストがクリアされました",
   "emptyMobilePlaceholder": "何かを記録する",
   "emptyPlaceholder": "何か書いてください。コマンドの場合は「/」",
@@ -466,6 +467,7 @@
   "floatWindowMode1": "<code class='fn__code'>${hotkey}</code> を押しながらホバー",
   "floatWindowMode2": "表示しない",
   "codeSnippet": "コードスニペット",
+  "codeSnippetTip": "コード スニペットを通じてインターフェイスまたは機能を微調整します",
   "expandDown": "選択範囲を下に拡張",
   "expandUp": "選択範囲を上に拡張",
   "goForward": "進む",

app/appearance/langs/zh_CHT.json

@@ -1,4 +1,5 @@
 {
+  "visitCommunityShare": "訪問社區分享",
   "clearContextSucc": "上下文已清空",
   "emptyMobilePlaceholder": "記錄點什麼",
   "emptyPlaceholder": "寫點什麼，或按下 ' / ' 查看指令",
@@ -466,6 +467,7 @@
   "floatWindowMode1": "按住 <code class='fn__code'>${hotkey}</code>+懸停",
   "floatWindowMode2": "不觸發浮窗",
   "codeSnippet": "代碼片段",
+  "codeSnippetTip": "透過程式碼片段對介面或功能進行微調",
   "expandDown": "向下擴選",
   "expandUp": "向上擴選",
   "goForward": "前進",

app/appearance/langs/zh_CN.json

@@ -1,4 +1,5 @@
 {
+  "visitCommunityShare": "访问社区分享",
   "clearContextSucc": "上下文已清空",
   "emptyMobilePlaceholder": "记录点什么",
   "emptyPlaceholder": "写点什么，或按下 ' / ' 查看命令",
@@ -466,6 +467,7 @@
   "floatWindowMode1": "按住 <code class='fn__code'>${hotkey}</code>+悬停",
   "floatWindowMode2": "不触发浮窗",
   "codeSnippet": "代码片段",
+  "codeSnippetTip": "通过代码片段对界面或功能进行微调",
   "expandDown": "向下扩选",
   "expandUp": "向上扩选",
   "goForward": "前进",

app/src/config/appearance.ts

@@ -121,8 +121,13 @@ export const appearance = {
 <div class="b3-label fn__flex config__item">
     <div class="fn__flex-1 fn__flex-center">
         ${window.siyuan.languages.codeSnippet}
+        <div class="b3-label__text">${window.siyuan.languages.codeSnippetTip}</div>
     </div>
     <span class="fn__space"></span>
+    <a class="b3-button b3-button--outline fn__flex-center fn__size200${"zh_CN" !== window.siyuan.config.lang ? " fn__none" : ""}" target="_blank" href="https://ld246.com/tag/code-snippet">
+        <svg><use xlink:href="#iconUpload"></use></svg>${window.siyuan.languages.visitCommunityShare}
+    </a>
+    <span class="fn__space"></span>
     <button class="b3-button b3-button--outline fn__flex-center fn__size200" id="codeSnippet">
         <svg><use xlink:href="#iconSettings"></use></svg>${window.siyuan.languages.config}
     </button>