study/ZiuChen.github.io
1
0
Fork 0
mirror of https://github.com/ZiuChen/ZiuChen.github.io.git synced 2025-12-18 00:44:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

Deploying to gh-pages from @ ZiuChen/ZiuChen.github.io@09bb43e0c1 🚀

Browse Source
This commit is contained in:
ZiuChen
2023-04-17 08:17:30 +00:00
parent 83d10f7d64
commit e0302d68fc
111 changed files with 1256 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
project/ClipboardManager/guide/index.html
View File

@@ -8,7 +8,7 @@
<link rel="preload stylesheet" href="/assets/style.edafdec9.css" as="style">
<link rel="modulepreload" href="/assets/chunks/VPAlgoliaSearchBox.107ab7ad.js">
<link rel="modulepreload" href="/assets/app.ab8d0b9f.js">
<link rel="modulepreload" href="/assets/project_ClipboardManager_guide_index.md.0ec1e04e.lean.js">
<link rel="modulepreload" href="/assets/project_ClipboardManager_guide_index.md.187cd5f8.lean.js">
<link rel="icon" href="/logo.png">
<script id="check-dark-light">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
@@ -29,8 +29,8 @@
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C792EA;">match</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">[</span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">image</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">{</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#FFCB6B;">type</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">file</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">,</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#FFCB6B;">regex</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">.(?:jpg|jpeg|png)$</span><span style="color:#89DDFF;">&quot;</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">}],</span></span>
<span class="line"><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C792EA;">command</span><span style="color:#89DDFF;">&quot;</span><span style="color:#89DDFF;">:</span><span style="color:#A6ACCD;"> </span><span style="color:#89DDFF;">&quot;</span><span style="color:#C3E88D;">redirect:上传到图床</span><span style="color:#89DDFF;">&quot;</span></span>
<span class="line"><span style="color:#89DDFF;">}</span></span>
<span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><p>这个功能除了可以匹配图片，还可以将符合正则的图片文件匹配上，在匹配上的历史记录上展示<code>上传到图床</code>按钮，携带数据跳转到图床插件，一键上传。</p><p>需要注意的是，因为自定义功能按钮实现的是<strong>携带数据跳转不同插件</strong>，所以<code>redirect</code>后的内容并不应该是普通关键字（普通关键字仅能作为插件入口，而不能携带数据），而应该是<code>文本</code>/<code>图片</code>/<code>文件或文件夹</code>：</p><p><img src="/assets/gi4.e4051a3e.png" alt=""><img src="/assets/gi5.f517b425.png" alt=""></p><ul><li><code>id</code>: <code>String</code> 全局唯一 必须以<code>custom</code>开头 建议以时间戳为后缀</li><li><code>title</code>: <code>String</code> 鼠标悬停时展示的文本</li><li><code>icon</code>: <code>String</code> 展示在插件内的图标</li><li><code>match</code>: <code>&lt;String | Object&gt;[]</code> 匹配模式</li><li><code>command</code>: <code>String</code> 执行跳转的关键字 前缀<code>redirect:</code>是必须的</li></ul><p>在未来的版本更新中，<code>超级剪贴板</code>将开放更多自定义功能给高级用户，帮助你更高效率的管理、使用剪贴板。</p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><div class="edit-link" data-v-cc0f9778><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/project/ClipboardManager/guide/index.md" target="_blank" rel="noreferrer" data-v-cc0f9778 data-v-8dd200cc><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-cc0f9778><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-04-17T04:39:19.000Z" data-v-de6a4e1f></time></p></div></div><div class="prev-next" data-v-cc0f9778><div class="pager" data-v-cc0f9778><!----></div><div class="pager" data-v-cc0f9778><a class="pager-link next" href="/project/ClipboardManager/" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Next page</span><span class="title" data-v-cc0f9778>超级剪贴板</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-3af881ed data-v-8b655284><div class="container" data-v-8b655284><p class="message" data-v-8b655284>Released under the MIT License.</p><p class="copyright" data-v-8b655284>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"project_clipboardmanager_index.md\":\"b114e887\",\"project_clipboardmanager_log_index.md\":\"dfa3a0a0\",\"project_clipboardmanager_statement_index.md\":\"042c09b5\",\"project_clipboardmanager_vip_index.md\":\"ac57a810\",\"project_markdown_index.md\":\"962f24ad\",\"project_markdown_log_index.md\":\"0a9099fd\",\"project_markdown_shortcut_index.md\":\"4a82e756\",\"project_smartwordbreak_index.md\":\"031fca6c\",\"project_smartwordbreak_log_index.md\":\"9a0f5e77\",\"project_smartwordbreak_statement_index.md\":\"5f2cc014\",\"self_index.md\":\"b7876723\",\"works_contribution.md\":\"684e9218\",\"works_opensource.md\":\"55f6b500\",\"note_javascript.md\":\"b9212d28\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"4cd8991e\",\"article_【字节跳动】前端面试题总结.md\":\"e8edbefb\",\"article_【快手】深入理解前端面试题.md\":\"d2af855e\",\"article_【用友金融】前端面试题总结.md\":\"b76ce3fc\",\"article_一文读懂事件冒泡与事件捕获.md\":\"03c23783\",\"article_从0实现一个年度报告.md\":\"9dca0596\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"9b176b2a\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"e08ddd5c\",\"article_深入理解proxy与reflect.md\":\"0209a1e3\",\"article_深入理解浏览器缓存机制.md\":\"8d5de362\",\"article_深入理解浏览器运行原理.md\":\"9380286d\",\"index.md\":\"ad735af1\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"2aeef25a\",\"note_front-end engineering.md\":\"3c2274c5\",\"note_react.md\":\"7e023574\",\"article_深入javascript数据类型.md\":\"ba9615ca\",\"note_css.md\":\"5332045b\",\"note_javascriptenhanced.md\":\"addd568f\",\"article_一文读懂伪类与伪元素.md\":\"aefe5737\",\"article_一文读懂函数中this指向问题.md\":\"9e471304\",\"note_ssr.md\":\"a2182d15\",\"project_clipboardmanager_guide_index.md\":\"0ec1e04e\"}")</script>
<span class="line"></span></code></pre><div class="line-numbers-wrapper" aria-hidden="true"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br></div></div><p>这个功能除了可以匹配图片，还可以将符合正则的图片文件匹配上，在匹配上的历史记录上展示<code>上传到图床</code>按钮，携带数据跳转到图床插件，一键上传。</p><p>需要注意的是，因为自定义功能按钮实现的是<strong>携带数据跳转不同插件</strong>，所以<code>redirect</code>后的内容并不应该是普通关键字（普通关键字仅能作为插件入口，而不能携带数据），而应该是<code>文本</code>/<code>图片</code>/<code>文件或文件夹</code>：</p><p><img src="/assets/gi4.e4051a3e.png" alt=""><img src="/assets/gi5.f517b425.png" alt=""></p><ul><li><code>id</code>: <code>String</code> 全局唯一 必须以<code>custom</code>开头 建议以时间戳为后缀</li><li><code>title</code>: <code>String</code> 鼠标悬停时展示的文本</li><li><code>icon</code>: <code>String</code> 展示在插件内的图标</li><li><code>match</code>: <code>&lt;String | Object&gt;[]</code> 匹配模式</li><li><code>command</code>: <code>String</code> 执行跳转的关键字 前缀<code>redirect:</code>是必须的</li></ul><p>在未来的版本更新中，<code>超级剪贴板</code>将开放更多自定义功能给高级用户，帮助你更高效率的管理、使用剪贴板。</p></div></div></main><!--[--><!--]--><footer class="VPDocFooter" data-v-30dabfe4 data-v-cc0f9778><div class="edit-info" data-v-cc0f9778><div class="edit-link" data-v-cc0f9778><a class="VPLink link edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/project/ClipboardManager/guide/index.md" target="_blank" rel="noreferrer" data-v-cc0f9778 data-v-8dd200cc><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="edit-link-icon" data-v-cc0f9778><path d="M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"></path><path d="M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"></path></svg> Edit this page on GitHub<!--]--><!----></a></div><div class="last-updated" data-v-cc0f9778><p class="VPLastUpdated" data-v-cc0f9778 data-v-de6a4e1f>Updated Date: <time datetime="2023-04-17T08:16:29.000Z" data-v-de6a4e1f></time></p></div></div><div class="prev-next" data-v-cc0f9778><div class="pager" data-v-cc0f9778><!----></div><div class="pager" data-v-cc0f9778><a class="pager-link next" href="/project/ClipboardManager/" data-v-cc0f9778><span class="desc" data-v-cc0f9778>Next page</span><span class="title" data-v-cc0f9778>超级剪贴板</span></a></div></div></footer><!--[--><!--]--></div></div></div></div></div><footer class="VPFooter has-sidebar" data-v-3af881ed data-v-8b655284><div class="container" data-v-8b655284><p class="message" data-v-8b655284>Released under the MIT License.</p><p class="copyright" data-v-8b655284>Copyright © 2019-present Ziu Chen</p></div></footer><!--[--><!--]--></div></div>
<script>__VP_HASH_MAP__ = JSON.parse("{\"article_一文读懂事件冒泡与事件捕获.md\":\"c0843d84\",\"article_一文读懂伪类与伪元素.md\":\"42bbb80a\",\"article_一文读懂函数中this指向问题.md\":\"7c2ab506\",\"article_从0实现一个年度报告.md\":\"146d70f6\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"ba673327\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"b2c1191a\",\"note_ssr.md\":\"2967bad9\",\"project_clipboardmanager_guide_index.md\":\"187cd5f8\",\"project_clipboardmanager_index.md\":\"80066b9a\",\"project_clipboardmanager_log_index.md\":\"612bf0c4\",\"project_clipboardmanager_statement_index.md\":\"7d6e012c\",\"project_clipboardmanager_vip_index.md\":\"6b21597f\",\"project_markdown_index.md\":\"a75c298b\",\"project_markdown_shortcut_index.md\":\"bd371cb0\",\"project_markdown_log_index.md\":\"ba85d1eb\",\"note_react.md\":\"ba4aad97\",\"self_index.md\":\"87e5f675\",\"works_contribution.md\":\"a863266c\",\"works_opensource.md\":\"f826cac7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"91962f53\",\"project_smartwordbreak_index.md\":\"be5e066d\",\"project_smartwordbreak_log_index.md\":\"42bfff29\",\"project_smartwordbreak_statement_index.md\":\"12948446\",\"article_【用友金融】前端面试题总结.md\":\"4cf306b8\",\"article_【字节跳动】前端面试题总结.md\":\"ebc6ec33\",\"article_【快手】深入理解前端面试题.md\":\"7fd40c0f\",\"article_深入理解proxy与reflect.md\":\"18e48c1a\",\"article_深入理解浏览器运行原理.md\":\"7a16a0ad\",\"article_深入理解浏览器缓存机制.md\":\"56d7e2cb\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"1926b069\",\"note_javascript.md\":\"898c942b\",\"index.md\":\"affbdf32\",\"note_css.md\":\"0fed6901\",\"article_深入javascript数据类型.md\":\"422232dc\",\"note_front-end engineering.md\":\"d3c82bdf\",\"note_javascriptenhanced.md\":\"4b941a91\"}")</script>
<script type="module" async src="/assets/app.ab8d0b9f.js"></script>
</body>