26 lines
15 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>超级Markdown | ZiuChen</title>
<meta name="description" content="Unlimited Progress.">
<meta name="generator" content="VitePress v1.6.3">
<link rel="preload stylesheet" href="/assets/style.CRcg9NyL.css" as="style">
<link rel="preload stylesheet" href="/vp-icons.css" as="style">
<script type="module" src="/assets/app.BD1ReLYx.js"></script>
<link rel="preload" href="/assets/inter-roman-latin.Di8DUHzh.woff2" as="font" type="font/woff2" crossorigin="">
<link rel="modulepreload" href="/assets/chunks/theme.DJcRJiQb.js">
<link rel="modulepreload" href="/assets/chunks/framework.abbEBnpT.js">
<link rel="modulepreload" href="/assets/project_Markdown_index.md.CyMCNCOd.lean.js">
<link rel="icon" href="/logo.png">
<script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
<script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
</head>
<body>
<div id="app"><div class="Layout" data-v-fd6e12b1><!--[--><!--]--><!--[--><span tabindex="-1" data-v-035c6c82></span><a href="#VPContent" class="VPSkipLink visually-hidden" data-v-035c6c82>Skip to content</a><!--]--><!----><!----><div class="VPLocalNav empty fixed" data-v-fd6e12b1 data-v-17e59805><div class="container" data-v-17e59805><!----><div class="VPLocalNavOutlineDropdown" style="--vp-vh:0px;" data-v-17e59805 data-v-24201ec3><button data-v-24201ec3>Return to top</button><!----></div></div></div><!----><div class="VPContent" id="VPContent" data-v-fd6e12b1 data-v-8e7769f4><div class="VPDoc" data-v-8e7769f4 data-v-152d3a48><!--[--><!--]--><div class="container" data-v-152d3a48><!----><div class="content" data-v-152d3a48><div class="content-container" data-v-152d3a48><!--[--><!--]--><main class="main" data-v-152d3a48><div style="position:relative;" class="vp-doc _project_Markdown_" data-v-152d3a48><div><div class="title" data-v-a3e87460><img src="data:image/webp;base64,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" alt="logo" style="margin:0 auto;" data-v-a3e87460><p style="text-align:center;" data-v-a3e87460>✨ 强大的Markdown编辑器</p><!--[--><a class="link" href="javascript:;" data-v-a3e87460 data-v-04a5294c>🕶️ 在线体验</a><a class="link" href="javascript:;" data-v-a3e87460 data-v-04a5294c>👨🏻‍💻 开源地址</a><a class="link" href="javascript:;" data-v-a3e87460 data-v-04a5294c>🚀 快捷键一览</a><a class="link" href="javascript:;" data-v-a3e87460 data-v-04a5294c>🚚 更新日志</a><!--]--></div><br><div class="img-slider"><div class="swiper"><!--[--><!--]--><div class="swiper-wrapper"><!--[--><!--]--><!--[--><div class="swiper-slide" data-swiper-slide-index="0"><!--[--><img src="/assets/img1.ae04kUBO.webp"><!--]--><!----></div><div class="swiper-slide" data-swiper-slide-index="1"><!--[--><img src="/assets/img2.Dn_eTrGv.webp"><!--]--><!----></div><div class="swiper-slide" data-swiper-slide-index="2"><!--[--><img src="/assets/img3.TsolDUfw.webp"><!--]--><!----></div><!--]--><!--[--><!--]--></div><!----><!----><!----><!--[--><!--]--></div></div><h2 id="🔰-开始使用" tabindex="-1">🔰 开始使用 <a class="header-anchor" href="#🔰-开始使用" aria-label="Permalink to &quot;🔰 开始使用&quot;"></a></h2><ul><li>由ByteMD强力驱动功能丰富、性能强劲</li><li>支持GFM扩展语法、脚注、Gemoji、KaTeX数学公式、Mermaid图表</li><li>支持通过Frontmatter设置多种主题、代码高亮样式</li><li>支持多级目录,目录支持无限嵌套</li><li>支持通过粘贴/拖拽的方式批量上传图片、支持截取屏幕截图</li><li>支持Markdown文件的批量导入、批量导出</li><li>支持插件多开,同时编辑/参考多个文章</li><li>支持实时同步预览、自动保存</li></ul></div></div></main><footer class="VPDocFooter" data-v-152d3a48 data-v-7dccd6b5><!--[--><!--]--><div class="edit-info" data-v-7dccd6b5><div class="edit-link" data-v-7dccd6b5><a class="VPLink link vp-external-link-icon no-icon edit-link-button" href="https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/project/Markdown/index.md" target="_blank" rel="noreferrer" data-v-7dccd6b5><!--[--><span class="vpi-square-pen edit-link-icon" data-v-7dccd6b5></span> Edit this page on GitHub<!--]--></a></div><div class="last-updated" data-v-7dccd6b5><p class="VPLastUpdated" data-v-7dccd6b5 data-v-a462baf3>Updated Date: <time datetime="2025-08-02T05:12:13.000Z" data-v-a462baf3></time></p></div></div><nav class="prev-next" aria-labelledby="doc-footer-aria-label" data-v-7dccd6b5><span class="visually-hidden" id="doc-footer-aria-label" data-v-7dccd6b5>Pager</span><div class="pager" data-v-7dccd6b5><a class="VPLink link pager-link prev" href="/project/JSRunner/" data-v-7dccd6b5><!--[--><span class="desc" data-v-7dccd6b5>Previous page</span><span class="title" data-v-7dccd6b5>超级JavaScript</span><!--]--></a></div><div class="pager" data-v-7dccd6b5><a class="VPLink link pager-link next" href="/works/" data-v-7dccd6b5><!--[--><span class="desc" data-v-7dccd6b5>Next page</span><span class="title" data-v-7dccd6b5>个人作品</span><!--]--></a></div></nav></footer><!--[--><!--]--></div></div></div><!--[--><!--]--></div></div><footer class="VPFooter" data-v-fd6e12b1 data-v-f2508a02><div class="container" data-v-f2508a02><p class="message" data-v-f2508a02>Released under the MIT License.</p><p class="copyright" data-v-f2508a02>Copyright © 2022-PRESENT ZiuChen</p></div></footer><!--[--><!--]--></div></div>
<script>window.__VP_HASH_MAP__=JSON.parse("{\"article_vue demi 做了什么?.md\":\"BBo2yIg5\",\"article_【2023】青训营 - 前端练习题汇总解析.md\":\"Bk1uFLes\",\"article_【字节跳动】前端面试题总结.md\":\"3xqbWFJW\",\"article_【快手】深入理解前端面试题.md\":\"CRzeg11s\",\"article_【用友金融】前端面试题总结.md\":\"BrYvxc06\",\"article_一文读懂事件冒泡与事件捕获.md\":\"CiK30UkR\",\"article_一文读懂伪类与伪元素.md\":\"DMjnu6-B\",\"article_一文读懂函数中this指向问题.md\":\"BpEbHczO\",\"article_从0实现一个年度报告.md\":\"CPkcQTqv\",\"article_彻底搞懂对象的数据属性描述符、存储属性描述符.md\":\"CQ8gIqRd\",\"article_浅析defineproperty与proxy实现的双向绑定.md\":\"BoqGnt5C\",\"article_深入javascript数据类型.md\":\"CEJYZgOi\",\"article_深入vue3源码看看vue.use后究竟发生了什么.md\":\"Cdu_58a-\",\"article_深入理解proxy与reflect.md\":\"Ceyp9mO-\",\"article_深入理解浏览器缓存机制.md\":\"C2VWJ1u6\",\"article_深入理解浏览器运行原理.md\":\"CWlX-iCy\",\"demos_promiseify-post-message_index.md\":\"B3VIkBdQ\",\"demos_promiseify-post-message_inner.md\":\"BioPm91v\",\"index.md\":\"g8OMvjF8\",\"note_css.md\":\"Ch-yDv1h\",\"note_front-end engineering.md\":\"BimCnMEM\",\"note_javascript.md\":\"Ck0DbU3f\",\"note_javascriptenhanced.md\":\"BXDzvmnS\",\"note_mysql.md\":\"VvYSA8NO\",\"note_react hooks.md\":\"xuWf-omq\",\"note_react router.md\":\"BfpPNEWT\",\"note_react.md\":\"D4edxjhk\",\"note_redux.md\":\"BhtzfWlB\",\"note_rust.md\":\"CKKauEi-\",\"note_ssr.md\":\"FDfCOI__\",\"project_clipboardmanager_guide_index.md\":\"b4hI69eN\",\"project_clipboardmanager_index.md\":\"CVpyvTGY\",\"project_clipboardmanager_log_index.md\":\"CWT_DO0g\",\"project_clipboardmanager_statement_index.md\":\"DJW_YE7h\",\"project_jsrunner_index.md\":\"DzAEKsSB\",\"project_jsrunner_log_index.md\":\"CSI4Ului\",\"project_markdown_index.md\":\"CyMCNCOd\",\"project_markdown_log_index.md\":\"CuKs4PXU\",\"project_markdown_shortcut_index.md\":\"B5_1LKLS\",\"self_index.md\":\"BWWTarHM\",\"works_index.md\":\"CDuGKFmo\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"ZiuChen\",\"description\":\"Unlimited Progress.\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"logo\":\"/logo.png\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"我的项目\",\"items\":[{\"text\":\"超级剪贴板\",\"link\":\"/project/ClipboardManager/\"},{\"text\":\"超级JavaScript\",\"link\":\"/project/JSRunner/\"},{\"text\":\"超级Markdown\",\"link\":\"/project/Markdown/\"}]},{\"text\":\"开源作品\",\"items\":[{\"text\":\"个人作品\",\"link\":\"/works/\"}]},{\"text\":\"学习笔记\",\"items\":[{\"text\":\"JavaScript基础\",\"link\":\"/note/JavaScript\"},{\"text\":\"CSS基础\",\"link\":\"/note/CSS\"},{\"text\":\"JavaScript进阶\",\"link\":\"/note/JavaScriptEnhanced\"},{\"text\":\"前端工程化\",\"link\":\"/note/Front-end Engineering\"},{\"text\":\"服务端渲染\",\"link\":\"/note/SSR\"},{\"text\":\"React基础\",\"link\":\"/note/React\"},{\"text\":\"React Hooks\",\"link\":\"/note/React Hooks\"},{\"text\":\"Redux\",\"link\":\"/note/Redux\"},{\"text\":\"React Router\",\"link\":\"/note/React Router\"},{\"text\":\"MySQL\",\"link\":\"/note/MySQL\"},{\"text\":\"Rust\",\"link\":\"/note/Rust\"}]},{\"text\":\"个人介绍\",\"link\":\"/self/\"}],\"sidebar\":[{\"text\":\"我的项目\",\"items\":[{\"text\":\"超级剪贴板\",\"link\":\"/project/ClipboardManager/\"},{\"text\":\"超级JavaScript\",\"link\":\"/project/JSRunner/\"},{\"text\":\"超级Markdown\",\"link\":\"/project/Markdown/\"}]},{\"text\":\"开源作品\",\"collapsed\":true,\"items\":[{\"text\":\"个人作品\",\"link\":\"/works/\"}]},{\"text\":\"文章归档\",\"collapsed\":true,\"items\":[{\"text\":\"Vue Demi 做了什么?\",\"link\":\"/article/Vue Demi 做了什么?.md\"},{\"text\":\"【2023】青训营 - 前端练习题汇总解析\",\"link\":\"/article/【2023】青训营 - 前端练习题汇总解析.md\"},{\"text\":\"【字节跳动】前端面试题总结\",\"link\":\"/article/【字节跳动】前端面试题总结.md\"},{\"text\":\"【快手】深入理解前端面试题\",\"link\":\"/article/【快手】深入理解前端面试题.md\"},{\"text\":\"【用友金融】前端面试题总结\",\"link\":\"/article/【用友金融】前端面试题总结.md\"},{\"text\":\"一文读懂事件冒泡与事件捕获\",\"link\":\"/article/一文读懂事件冒泡与事件捕获.md\"},{\"text\":\"一文读懂伪类与伪元素\",\"link\":\"/article/一文读懂伪类与伪元素.md\"},{\"text\":\"一文读懂函数中this指向问题\",\"link\":\"/article/一文读懂函数中this指向问题.md\"},{\"text\":\"从0实现一个年度报告\",\"link\":\"/article/从0实现一个年度报告.md\"},{\"text\":\"彻底搞懂对象的数据属性描述符、存储属性描述符\",\"link\":\"/article/彻底搞懂对象的数据属性描述符、存储属性描述符.md\"},{\"text\":\"浅析defineProperty与Proxy实现的双向绑定\",\"link\":\"/article/浅析defineProperty与Proxy实现的双向绑定.md\"},{\"text\":\"深入JavaScript数据类型\",\"link\":\"/article/深入JavaScript数据类型.md\"},{\"text\":\"深入Vue3源码看看Vue.use后究竟发生了什么\",\"link\":\"/article/深入Vue3源码看看Vue.use后究竟发生了什么.md\"},{\"text\":\"深入理解Proxy与Reflect\",\"link\":\"/article/深入理解Proxy与Reflect.md\"},{\"text\":\"深入理解浏览器缓存机制\",\"link\":\"/article/深入理解浏览器缓存机制.md\"},{\"text\":\"深入理解浏览器运行原理\",\"link\":\"/article/深入理解浏览器运行原理.md\"}]}],\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/ZiuChen\"},{\"icon\":{\"svg\":\"<svg width=\\\"36\\\" height=\\\"28\\\" viewBox=\\\"0 0 36 28\\\" fill=\\\"none\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><path fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M17.5875 6.77268L21.8232 3.40505L17.5875 0.00748237L17.5837 0L13.3555 3.39757L17.5837 6.76894L17.5875 6.77268ZM17.5863 17.3955H17.59L28.5161 8.77432L25.5526 6.39453L17.59 12.6808H17.5863L17.5825 12.6845L9.61993 6.40201L6.66016 8.78181L17.5825 17.3992L17.5863 17.3955ZM17.5828 23.2891L17.5865 23.2854L32.2133 11.7456L35.1768 14.1254L28.5238 19.3752L17.5865 28L0.284376 14.3574L0 14.1291L2.95977 11.7531L17.5828 23.2891Z\\\" fill=\\\"#1E80FF\\\"/></svg>\"},\"link\":\"https://juejin.cn/user/1887205216238477\"}],\"editLink\":{\"pattern\":\"https://github.com/ZiuChen/ZiuChen.github.io/edit/main/docs/:path\",\"text\":\"Edit this page on GitHub\"},\"footer\":{\"message\":\"Released under the MIT License.\",\"copyright\":\"Copyright © 2022-PRESENT ZiuChen\"},\"lastUpdatedText\":\"Updated Date\",\"search\":{\"provider\":\"algolia\",\"options\":{\"appId\":\"LFZ2CPWWUG\",\"apiKey\":\"b4fd296ea5e467b3ac4a582160ff3122\",\"indexName\":\"ziuchenio\"}}},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
</body>
</html>