markdown 相关问题

Markdown是一种纯文本格式化语法，旨在使用相同名称的工具将其转换为HTML。 Markdown通常用于格式化自述文件，在在线论坛中编写消息，以及使用纯文本编辑器创建富文本。

Django项目中Markdown到HTML的转换

我正在进行一个使用Python、Django、HTML 和Markdown 的项目。我必须开发一个类似于维基百科的网站，实际上该项目称为百科全书。我的目标是让访问/wik...

python django django-views markdown

回答 1 投票 0

如何让 mkdocs 支持多个位置的 Markdown 文档？

MkDocs 是一个很棒的基于 Markdown 语言的文档工具。但是，目前它仅支持一个特定位置的文档，如本文档所示（请参阅 mkdocs 配置）：

markdown mkdocs

回答 1 投票 0

MyST-Parser：自动链接/链接错误跟踪器问题的引用

我使用 sphinx w/ MyST-Parser 进行降价，并且我想要 GitHub 或 GitLab 风格的自动链接 (linkfying) 作为参考。有没有办法让 MyST 渲染参考：第346章用文档来说，这...

markdown python-sphinx docutils

回答 1 投票 0

如何使用 R 在 Jupyter 的 Markdown 中使用内联代码

如何在 Jupyter 中使用 R 在 Markdown 中使用内联代码？代码单元 <- 8 MARKDOWN CELL The Number is {{n}} What would be the correct syntax in Jupyter Markdown for R? Is it even possible?

r markdown jupyter-notebook jupyter

回答 2 投票 0

如何从 Markdown 创建可编辑的 Powerpoint，最好使用 pandoc？

我正在使用 pandoc 将 markdown 转换为 powerpoint。生成的文件是可编辑的，但 pandoc 渲染的文本和图像不可编辑。我在 Windows 上使用 gitbash 的 pandoc 3.4 潘多克我...

markdown pandoc powerpoint-2013

回答 1 投票 0

为动态加载的div调用markdownit()

<p></p><div data-babel-preset-ts="false" data-lang="js" data-hide="false" data-console="true" data-babel="false" data-babel-preset-react="false"> <div> <pre><code><!doctype html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js" integrity="sha512-SYfDUYPg5xspsG6OOpXU366G8SZsdHOhqk/icdrYJ2E/WKZxPxze7d2HD3AyXpT7U22PZ5y74xRpqZ6A2bJ+kQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> window.onload = function() { var md = window.markdownit(); var div = document.getElementsByClassName('markdown'); for(var i = 0; i < div.length; i++) { var content = div[i].innerHTML; document.getElementsByClassName('markdown')[i].innerHTML = md.render(content); } } </script> </head> <body> <div class="markdown"> # h1 Heading ## h2 Heading ### h3 Heading #### h4 Heading ##### h5 Heading ###### h6 Heading + one + two + two and half + three + three and half + three point seventy five </div> </body> </html></code></pre> </div> </div> <p></p> <p>这是如何在页面加载后为特定 div 调用 markdownit() 的示例。</p> <p>在我的页面上，div 标签会在某些用户操作后动态加载。如何为具有 id="markdown" 属性的新兴 div 调用 markdownit() ？</p> </question> <answer tick="false" vote="0"> <p>您可以重用您的 <pre><code>md</code></pre> 对象并在您想要的内容上调用 <pre><code>render</code></pre> 并将结果传递给您创建的 div 的 <pre><code>innerHTML</code></pre>。下面是一个示例，页面加载后 100 毫秒后，创建了一个新的 <pre><code>div</code></pre>，并且该过程成功应用于它。</p> <p></p><div data-babel-preset-ts="false" data-lang="js" data-hide="false" data-console="true" data-babel="false" data-babel-preset-react="false"> <div> <pre><code><!doctype html> <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js" integrity="sha512-SYfDUYPg5xspsG6OOpXU366G8SZsdHOhqk/icdrYJ2E/WKZxPxze7d2HD3AyXpT7U22PZ5y74xRpqZ6A2bJ+kQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> window.onload = function() { var md = window.markdownit(); var div = document.getElementsByClassName('markdown'); for(var i = 0; i < div.length; i++) { var content = div[i].innerHTML; document.getElementsByClassName('markdown')[i].innerHTML = md.render(content); } setTimeout(function() { document.body.innerHTML += ` <div id="markdown"> # h1 Heading ## h2 Heading ### h3 Heading #### h4 Heading ##### h5 Heading ###### h6 Heading + one + two + two and half + three + three and half + three point seventy five </div>`; document.getElementById("markdown").innerHTML = md.render(document.getElementById("markdown").innerHTML); }, 100); } </script> </head> <body> <div class="markdown"> # h1 Heading ## h2 Heading ### h3 Heading #### h4 Heading ##### h5 Heading ###### h6 Heading + one + two + two and half + three + three and half + three point seventy five </div> </body> </html></code></pre> </div> </div> <p></p> </answer> </body></html>

javascript html markdown

回答 0 投票 0

将两个 HTML 元素居中对齐并在 markdown 中并排显示

我正在使用 github 风格的 markdown 来格式化我的 github 个人资料，我想在个人资料视图旁边显示图像。这是我到目前为止所取得的成就：使用此降价代码： ... 我正在使用 github 风格的 markdown 来格式化我的 github 个人资料，我想在个人资料视图旁边显示图像。这是我迄今为止所取得的成就：使用此降价代码： <details> <summary>Hello, friend</summary> <p> <img src="https://github.com/AleixMT/AleixMT/assets/23342150/a802e799-cfcf-4add-ae22-0aa96bbecb6c" alt="lol-haha" style="height:3.8cm;"> <img src="https://komarev.com/ghpvc/?username=aleixmt&label=Profile%20views&color=0e75b6&style=flat" alt="aleixmt" style="display:inline-block;vertical-align: middle;"> </p> </details> 这段代码还添加了一个下拉菜单来查看图像，我实际上不需要它。我想要的是轮廓视图计数器位于图像高度的中间，仍在其右侧，因此它的位置更高。我应该这样看：有人可以帮助我吗？我对 HTML 和 Markdown 完全陌生，我不知道对齐两个元素会如此困难。祝福前端程序员。还要注意，这两个元素必须显示在页面的中央。不要使用CSS来格式化元素，添加行内样式，因为在markdown中不支持显式CSS。另外请测试您的解决方案，因为我一直在使用其他解决方案，但它们不适用于 github 风格的 markdown： CSS - 将 css 中的两个图像并排居中 Markdown 和图像对齐并排并居中划分有没有一种方法可以在不使用 CSS 的情况下并排对齐两个 HTML 元素？如何？（我的代码与此类似）在 CSS 中并排垂直居中对齐图像和文本（这看起来不错，但不起作用..）非常感谢。编辑：我终于能够按照要求使用具有内联 CSS 样式的表格来解决我的问题。查看此处以查看最终结果。 .bro-code{ display:flex; align-items:center; } <p class="bro-code"> <img src="https://github.com/AleixMT/AleixMT/assets/23342150/a802e799-cfcf-4add-ae22-0aa96bbecb6c" alt="lol-haha" style="height:3.8cm;"> <img src="https://komarev.com/ghpvc/?username=aleixmt&label=Profile%20views&color=0e75b6&style=flat" alt="aleixmt" style="display:inline-block;vertical-align: middle;"> </p> 这个问题没有提供解决我问题的答案。幸运的是，我在这里找到了解决方案。我想我已经使用了表格布局。我仅使用内联 CSS 样式的解决方案代码是：  <div id="image-table" align="center"> <table> <tr> <td style="padding:10px"> <img src="https://github.com/AleixMT/AleixMT/assets/23342150/a802e799-cfcf-4add-ae22-0aa96bbecb6c"/> </td> <td style="padding:10px"> <img src="https://komarev.com/ghpvc/?username=aleixmt&label=Profile%20views&color=0e75b6&style=flat"/> </td> </tr> </table> </div> 它看起来是这样的：我希望这对某人有帮助。我会将这个问题标记为已解决。您可以将这两个组件放入表格中： td { vertical-align:center } <table> <tr> <td> <img src="https://github.com/AleixMT/AleixMT/assets/23342150/a802e799-cfcf-4add-ae22-0aa96bbecb6c" alt="lol-haha" style="height:3.8cm;"> </td> <td> <img src="https://komarev.com/ghpvc/?username=aleixmt&label=Profile%20views&color=0e75b6&style=flat" alt="aleixmt" style="display:inline-block;vertical-align: middle;"> </td> </tr> </table> 编辑1：我以前使用过一个表格，但根据@Sdili_81，不推荐这样做编辑 2：恢复到原始答案，因为此解决方案在此特定用例中不起作用。 <div style="display: flex; justify-content: center; align-items: center; gap: 10px;"> <a href="https://www.linkedin.com/in/xxxxxxxxx"> <img width="30" src="https://upload.wikimedia.org/wikipedia/commons/e/e9/Linkedin_icon.svg" alt="LinkedIn"/> </a> <a href="https://www.xing.com/profile/xxxxxxxxxxxxxx"> <img width="30" src="https://upload.wikimedia.org/wikipedia/fr/d/d2/Xing_logo.png" alt="Xing"/> </a> </div>

javascript html css markdown

回答 4 投票 0

Markdown语法可以用CFG解析吗？

Markdown 支持嵌套列表，由每行开头的空格（缩进）长度指示。这与Python类似。使用上下文无关构建解析器似乎很困难

parsing markdown grammar context-free-grammar

回答 1 投票 0

nh3 和 mark_safe 在 django markdown 中的用法

我在 Django 项目中使用 nh3 库来清理渲染的 Markdown 的 HTML。我还实现了围栏代码块和代码块突出显示。如果我不在我上使用mark_safe...

django markdown sanitization

回答 1 投票 0

使用 Pandoc 和 Lua 过滤掉不需要的类

我希望能够根据传入的类列表，使用 Pandoc 从命令行过滤 markdown。规则是：如果某个元素具有不在传递的 i 中的一个或多个类...