https://javakam.github.io/categories/GitHub/Recent content in GitHub on 风之旅人Hugo -- gohugo.iozh-cnMon, 23 Sep 2019 15:04:45 +0800https://javakam.github.io/2019/09/23/markdown-toc-dom/Mon, 23 Sep 2019 15:04:45 +0800https://javakam.github.io/2019/09/23/markdown-toc-dom/<h1 id="github支持-markdown-目录生成"><a href="#github%e6%94%af%e6%8c%81-markdown-%e7%9b%ae%e5%bd%95%e7%94%9f%e6%88%90" class="header-anchor"></a>GitHub支持 Markdown 目录生成 </h1><h2 id="csdn"><a href="#csdn" class="header-anchor"></a>CSDN </h2><p><a class="link" href="https://blog.csdn.net/JavaKam/article/details/101020144" target="_blank" rel="noopener" >https://blog.csdn.net/JavaKam/article/details/101020144</a></p> <h2 id="参考项目"><a href="#%e5%8f%82%e8%80%83%e9%a1%b9%e7%9b%ae" class="header-anchor"></a>参考项目: <br> </h2><p><a class="link" href="https://github.com/vsch/flexmark-java" target="_blank" rel="noopener" >flexmark-java</a> <br> <a class="link" href="https://github.com/i5ting/i5ting_ztree_toc" target="_blank" rel="noopener" >i5ting_ztree_toc</a> <br> <a class="link" href="https://github.com/YuraAAA/Markdown-Toc-Generator/" target="_blank" rel="noopener" >https://github.com/YuraAAA/Markdown-Toc-Generator/</a> <br> <a class="link" href="https://github.com/zhang0peter/markdown2html" target="_blank" rel="noopener" >https://github.com/zhang0peter/markdown2html</a></p> <h2 id="效果图"><a href="#%e6%95%88%e6%9e%9c%e5%9b%be" class="header-anchor"></a>效果图 </h2><p><img alt="Image text" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://javakam.github.io/files/markdown-toc/效果图1.png"><br> <img alt="Image text" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://javakam.github.io/files/markdown-toc/效果图2.png"><br></p> <h2 id="使用方式"><a href="#%e4%bd%bf%e7%94%a8%e6%96%b9%e5%bc%8f" class="header-anchor"></a>使用方式 </h2><p>1.下载 <a class="link" href="https://github.com/javakam/markdown-toc-dom/releases" target="_blank" rel="noopener" >github-markdown-toc.jar</a> 2.安装 Java 运行环境; 3.双击运行</p> <h2 id="可以用--或--开头才会生成目录--不写也行"><a href="#%e5%8f%af%e4%bb%a5%e7%94%a8--%e6%88%96--%e5%bc%80%e5%a4%b4%e6%89%8d%e4%bc%9a%e7%94%9f%e6%88%90%e7%9b%ae%e5%bd%95--%e4%b8%8d%e5%86%99%e4%b9%9f%e8%a1%8c" class="header-anchor"></a>可以用 <strong>[TOC]</strong> 或 <strong>[toc]</strong> 开头才会生成目录 , 不写也行&hellip; </h2><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">[TOC] </span></span><span class="line"><span class="cl"># Heading **some bold** </span></span><span class="line"><span class="cl">## Heading 1.1 _some italic </span></span><span class="line"><span class="cl">### Heading 1.1.1 </span></span><span class="line"><span class="cl">### Heading 1.1.2 **_some bold italic_** </span></span><span class="line"><span class="cl">#### Heading 1.1.2.1 **_some bold italic_666** </span></span><span class="line"><span class="cl">##### Heading 1.1.2.1.1 **_some bold 2222** </span></span></code></pre></div><h3 id="效果"><a href="#%e6%95%88%e6%9e%9c" class="header-anchor"></a>效果 </h3><div class="toc"> <h1>目录</h1> <ul> <li><a href="#heading-some-bold">Heading <strong>some bold</strong></a> <ul> <li><a href="#heading-11--some-italic">Heading 1.1 _some italic</a> <ul> <li><a href="#heading-111">Heading 1.1.1</a></li> <li><a href="#heading-112--some-bold-italic">Heading 1.1.2 <strong><em>some bold italic</em></strong></a> <ul> <li><a href="#heading-1121---some-bold-italic-666">Heading 1.1.2.1 <strong>_some bold italic_666</strong></a> <ul> <li><a href="#heading-11211---some-bold-2222">Heading 1.1.2.1.1 <strong>_some bold 2222</strong></a></li> </ul> </li> </ul> </li> </ul> </li> </ul> </li> </ul> </div> <hr> <h2 id="支持html文件生成目录"><a href="#%e6%94%af%e6%8c%81html%e6%96%87%e4%bb%b6%e7%94%9f%e6%88%90%e7%9b%ae%e5%bd%95" class="header-anchor"></a>支持html文件生成目录 </h2><p><a class="link" href="https://javakam.github.io/demos/markdown-toc.html" >在线示例</a></p>https://javakam.github.io/2019/09/23/first-github-blog/Mon, 23 Sep 2019 14:55:39 +0800https://javakam.github.io/2019/09/23/first-github-blog/<h1 id="github--jekyll"><a href="#github--jekyll" class="header-anchor"></a>GitHub + Jekyll </h1><p>参考项目 👉 <a class="link" href="https://github.com/ShawnTeoh/shawnteoh.github.io" target="_blank" rel="noopener" >https://github.com/ShawnTeoh/shawnteoh.github.io</a></p>