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@be475d1b6f 🚀

Browse Source
This commit is contained in:
ZiuChen
2023-03-22 13:16:58 +00:00
parent 3eb5241793
commit 846ab075b7
106 changed files with 294 additions and 294 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,9 +6,9 @@
<title>使用指南 | ZiuChen</title>
<meta name="description" content="Unlimited Progress.">
<link rel="preload stylesheet" href="/assets/style.edafdec9.css" as="style">
<link rel="modulepreload" href="/assets/chunks/VPAlgoliaSearchBox.e99f3213.js">
<link rel="modulepreload" href="/assets/app.8e95946e.js">
<link rel="modulepreload" href="/assets/project_ClipboardManager_guide_index.md.7bd5ad20.lean.js">
<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.50945d2a.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,9 +29,9 @@
<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-03-22T11:16:57.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("{\"index.md\":\"000d3e45\",\"article_【字节跳动】前端面试题总结.md\":\"6089d980\",\"article_【快手】深入理解前端面试题.md\":\"89ff59dd\",\"article_【用友金融】前端面试题总结.md\":\"abbd0d00\",\"article_一文读懂事件冒泡与事件捕获.md\":\"98f2f3d5\",\"article_一文读懂函数中this指向问题.md\":\"409a7639\",\"article_深入javascript数据类型.md\":\"3ac1dcef\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"b1a1cd78\",\"article_从0实现一个年度报告.md\":\"e99fa8a7\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"a35cf33f\",\"article_深入理解浏览器缓存机制.md\":\"bbf8fc4f\",\"article_深入理解浏览器运行原理.md\":\"5f602c82\",\"article_一文读懂伪类与伪元素.md\":\"7692a0fd\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"21570938\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"32d6d211\",\"article_深入理解proxy与reflect.md\":\"0f926381\",\"note_css.md\":\"a3a52a9a\",\"note_javascript.md\":\"da1c7541\",\"note_front-end engineering.md\":\"8687123e\",\"project_smartwordbreak_statement_index.md\":\"29bb14ef\",\"project_clipboardmanager_log_index.md\":\"3919e2d0\",\"project_clipboardmanager_statement_index.md\":\"fff5469f\",\"project_clipboardmanager_vip_index.md\":\"0d787abe\",\"project_markdown_index.md\":\"fa37b49a\",\"project_markdown_shortcut_index.md\":\"dee6435b\",\"project_smartwordbreak_index.md\":\"b4725086\",\"project_smartwordbreak_log_index.md\":\"f2c40ed9\",\"self_index.md\":\"7ee7f650\",\"works_contribution.md\":\"ab9d4baf\",\"works_opensource.md\":\"ff44faf8\",\"project_clipboardmanager_index.md\":\"1dd21f06\",\"note_ssr.md\":\"12035e81\",\"project_clipboardmanager_guide_index.md\":\"7bd5ad20\",\"note_javascriptenhanced.md\":\"6ca01e90\"}")</script>
<script type="module" async src="/assets/app.8e95946e.js"></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-03-22T13:15:35.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_guide_index.md\":\"50945d2a\",\"project_clipboardmanager_log_index.md\":\"e6988eef\",\"project_clipboardmanager_statement_index.md\":\"6c023b1c\",\"project_clipboardmanager_vip_index.md\":\"db9afe08\",\"project_markdown_index.md\":\"78ac4fdf\",\"project_markdown_shortcut_index.md\":\"90fc7407\",\"project_smartwordbreak_index.md\":\"ee90e5bf\",\"project_clipboardmanager_index.md\":\"3f3fa08e\",\"project_smartwordbreak_log_index.md\":\"74bcc641\",\"project_smartwordbreak_statement_index.md\":\"6aa9cccc\",\"self_index.md\":\"e951f290\",\"works_contribution.md\":\"f8e68123\",\"works_opensource.md\":\"8adbcaea\",\"article_【字节跳动】前端面试题总结.md\":\"7091e939\",\"article_【快手】深入理解前端面试题.md\":\"4fab1103\",\"article_【用友金融】前端面试题总结.md\":\"c46e3db6\",\"article_一文读懂事件冒泡与事件捕获.md\":\"43252dd6\",\"article_一文读懂伪类与伪元素.md\":\"9d77cf13\",\"article_从0实现一个年度报告.md\":\"f8884a07\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"104cbac3\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"0e076e0b\",\"note_javascriptenhanced.md\":\"f8a0d382\",\"article_一文读懂函数中this指向问题.md\":\"d777a1f7\",\"article_深入vue3源码，看看vue.use后究竟发生了什么？.md\":\"478ee36b\",\"article_深入javascript数据类型.md\":\"e16fbcd5\",\"article_深入理解proxy与reflect.md\":\"a25d98b8\",\"article_深入理解浏览器缓存机制.md\":\"a09442d3\",\"article_深入理解浏览器运行原理.md\":\"f79fefe9\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"cc8434d9\",\"index.md\":\"06c9f92c\",\"note_front-end engineering.md\":\"b7fee8a7\",\"note_ssr.md\":\"0b9b075e\",\"note_css.md\":\"b419684a\",\"note_javascript.md\":\"4d4f8777\"}")</script>
<script type="module" async src="/assets/app.ab8d0b9f.js"></script>
</body>
</html>