<h2>Overview:</h2>
<p>The "demo-code" plugin for VuePress is designed to display both demo and code using a specific syntax. It allows users to fold code, support online editing through platforms like Codepen, JSFiddle, and CodeSandbox, and is designed for long code. It also includes features like sticky fold buttons and auto-scrolling to the top when code is folded.</p>
<h2>Features:</h2>
<ul>
<li><strong>One source code</strong>: Users can display both the demo and code using a specific syntax.</li>
<li><strong>Foldable code</strong>: The plugin allows users to fold the code for easier reading.</li>
<li><strong>Support online editing</strong>: Users can edit the code online using platforms like Codepen, JSFiddle, and CodeSandbox.</li>
<li><strong>Designed for long code</strong>: The plugin is designed to handle long code efficiently.</li>
<li><strong>Sticky fold button</strong>: The fold button remains visible even when scrolling.</li>
<li><strong>Auto scroll to top when folding code</strong>: When code is folded, the page automatically scrolls to the top.</li>
</ul>
<h2>Summary:</h2>


Buptsteve

Vuepress Plugin Demo Code