markdown 相关问题

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

悬停本地图像上的 VsCode 语言服务器协议不起作用

我正在使用 vscode 中客户端的语言服务器协议在 csharp 中创建外部语言服务器。 在该语言中,存在对图像文件(png)的引用,我希望...

回答 1 投票 0

如何在 GitHub 的自述文件 markdown 文件中使标题可折叠?

如何在 GitHub 的自述文件 markdown 文件中使标题可折叠。我希望它的标题不是任何特定的文本,而是标题。

回答 3 投票 0

授权图像src嵌入到角度应用程序的markdown组件中

我正在创建的角度应用程序遇到这个问题,我有一个 Markdown 组件和一个上传图像并使用图像标签将其附加到 Markdown 内容的功能。 我正在创建的角度应用程序遇到这个问题,我有一个 Markdown 组件和一个上传图像并使用图像标签将其附加到 Markdown 内容的功能。 <img src="http://whatever.com?filename=myimage.jpg"/> 问题在于,响应图像的 API 端点需要像应用程序的其余部分一样进行身份验证,因此图像只能由登录的用户看到。 我尝试了拦截器,但我当然认为这基本上不会起作用,因为它超出了 Angular Http 客户端请求。 在这里寻求一些想法,谢谢 HTML <img> 标签不允许向加载图像的请求添加标头。但是,您可以编写一个自定义管道,通过 HttpClient 加载图像,并从响应中生成一个 base64 字符串。这允许您直接或使用拦截器添加请求标头: @Pipe({ name: 'authenticatedImage', standalone: true, }) export class AuthenticatedImagePipe implements PipeTransform { private http = inject(HttpClient); transform(src: string): Observable<string> { return this.http.get(src, { responseType: 'blob', // add headers here if necessary, or better use an interceptor }).pipe( switchMap( (data: Blob) => new Observable<string>(observer => { const reader = new FileReader(); if (data) { reader.readAsDataURL(data); } reader.onload = () => { const result = reader.result as string; observer.next(result); observer.complete(); }; reader.onerror = error => observer.error(error); if (!data|| reader.error) { observer.error(new Error('Image could not be loaded')); } }), ), ); } } 并像下面这样使用它: <img [src]="'http://whatever.com?filename=myimage.jpg' | authenticatedImage | async"/> 关于此方法的一些注意事项: 如果您从其他域加载图像,您现在需要处理 CORS,因为 fetch/XHR 请求比 img 请求具有更高的安全标准 如果图片加载失败,则根本不会显示图片,而原生img会显示“图片损坏”符号

回答 1 投票 0

Pycharm如何双击Markdown高亮?

在 pycharm 中,如果我双击显示 python 代码的窗口中的令牌,则该令牌出现在窗口中的每个位置都会突出显示。 它还在排水沟中突出显示,这使得它......

回答 1 投票 0

Python Markdown2 围栏代码块缩进问题

上下文: 我正在使用 python 为 markdown 文件构建一个静态站点生成器。 我选择使用 Markdown2 库将 *.md 文件转换为 html 文章,效果非常好。我用的是markdow...

回答 2 投票 0

这个 mkdocs.yml 配置到底有什么问题?

我正在开发一个 MkDocs 项目并尝试调整 markdown_extensions 设置。请看一下并告诉我出了什么问题,因为我实在找不到错误。 注意:我已经安装了req...

回答 1 投票 0

Django项目中Markdown到HTML的转换

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

回答 1 投票 0

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

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

回答 1 投票 0

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

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

回答 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?

回答 2 投票 0

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

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

回答 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>&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js&#34; integrity=&#34;sha512-SYfDUYPg5xspsG6OOpXU366G8SZsdHOhqk/icdrYJ2E/WKZxPxze7d2HD3AyXpT7U22PZ5y74xRpqZ6A2bJ+kQ==&#34; crossorigin=&#34;anonymous&#34; referrerpolicy=&#34;no-referrer&#34;&gt;&lt;/script&gt; &lt;script&gt; window.onload = function() { var md = window.markdownit(); var div = document.getElementsByClassName(&#39;markdown&#39;); for(var i = 0; i &lt; div.length; i++) { var content = div[i].innerHTML; document.getElementsByClassName(&#39;markdown&#39;)[i].innerHTML = md.render(content); } } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;markdown&#34;&gt; # 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 &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</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>&lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;script src=&#34;https://cdnjs.cloudflare.com/ajax/libs/markdown-it/13.0.1/markdown-it.min.js&#34; integrity=&#34;sha512-SYfDUYPg5xspsG6OOpXU366G8SZsdHOhqk/icdrYJ2E/WKZxPxze7d2HD3AyXpT7U22PZ5y74xRpqZ6A2bJ+kQ==&#34; crossorigin=&#34;anonymous&#34; referrerpolicy=&#34;no-referrer&#34;&gt;&lt;/script&gt; &lt;script&gt; window.onload = function() { var md = window.markdownit(); var div = document.getElementsByClassName(&#39;markdown&#39;); for(var i = 0; i &lt; div.length; i++) { var content = div[i].innerHTML; document.getElementsByClassName(&#39;markdown&#39;)[i].innerHTML = md.render(content); } setTimeout(function() { document.body.innerHTML += ` &lt;div id=&#34;markdown&#34;&gt; # 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 &lt;/div&gt;`; document.getElementById(&#34;markdown&#34;).innerHTML = md.render(document.getElementById(&#34;markdown&#34;).innerHTML); }, 100); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class=&#34;markdown&#34;&gt; # 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 &lt;/div&gt; &lt;/body&gt; &lt;/html&gt;</code></pre> </div> </div> <p></p> </answer> </body></html>

回答 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 样式的解决方案代码是: <!-- Eliot Alderson + profile visits counter --> <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>

回答 4 投票 0

Markdown语法可以用CFG解析吗?

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

回答 1 投票 0

nh3 和 mark_safe 在 django markdown 中的用法

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

回答 1 投票 0

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

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

回答 1 投票 0

不和谐的 Markdown 表格

我想在简单的不和谐消息中发布一个降价表,但这不起作用。这是我想测试的一些降价表: |月 |储蓄| | -------- | -------- | |一月...

回答 1 投票 0

如何将 Markdown 文档批量转换为 HTML?

我正在用 Markdown 编写一些文档,并为文档的每个部分创建一个单独的文件。 我希望能够一次性将所有文件转换为 HTML,但我找不到任何人...

回答 7 投票 0

用于在 Markdown 中高亮显示 Solidity 语法的 VSCode 插件?

我找不到任何为 Markdown 代码块提供 Solidity 语法高亮显示的 VS Code 插件。 (我尝试了 Markdown All in One 插件,或 mardownlint)。 ”“坚固性看起来只是灰色的。 一个

回答 1 投票 0

最简单的静态站点生成器,用于带有导航的 Markdown 文件

这听起来可能是很多人问过的问题,但我认为我的用例有些独特。我在遍历所有各种静态站点生成器和 jekyll 主题时遇到了麻烦。 她...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.