Markdown

关于markdown:解决-Obsidian-在粘贴代码时自动添加空行的问题

Obsidian 很好用，在粘贴内容时会主动进行 markdown 转换。然而这会在粘贴代码时生成很多额定的空行，十分困扰。我看到有人提出一个解决方案，说是关掉“HTML转换”开关。这个的确能够失效，但属于是“按下葫芦起了瓢” :) 其实这个问题很好解决：从 vscode 等编辑器中复制进去的代码其实是 html 格局，所以会被转换。只需常开一个 notepad ，粘贴进去，再剪切进去，再放进 obsidian 就能防止这个问题了。（吐槽一下 sf 的标签，“obsidian”没有也就罢了，竟然连“笔记”都没有。。）

关于markdown:github-readmemd-切换中英文

解决办法，在 markdown 中退出一个 a 标签实现跳转而后在同级目录下放好

关于markdown:JavaScript实现一个简单的Markdown语法解析器

什么是markdownMarkdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它容许人们应用易读易写的纯文本格式编写文档，而后转换成无效的 XHTML（或者HTML）文档。这种语言排汇了很多在电子邮件中已有的纯文本标记的个性。因为 Markdown 的轻量化、易读易写个性，并且对于图片，图表、数学式都有反对，许多网站都宽泛应用 Markdown 来撰写帮忙文档或是用于论坛上发表音讯。如 GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等，甚至还能被应用来撰写电子书。当初咱们所看的 segmentfault 的编辑器也是反对markdown语法的！上代码</!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/3.6.1/jquery.min.js"></script> <style> *{ padding: 0; margin: 0; font-family: system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif; } #app{ width: 810px; height: 400px; margin: 30px auto 0; padding: 20px 20px; background: #00965e; } #app .md-editor{ width: 400px; height: 400px; float: left; } #app .md-content{ width: 100%; height: 400px; outline: none; resize: none; padding: 10px 10px; font-size: 17px; border: none; background: #eee; } #app .md-html{ width: 400px; height: 400px; float: right; background: #eee; } #app code{ color: #666; padding: 2px 5px; background: #fff; border-radius: 5px; font-size: 14px; } </style></head><body><h3 style="text-align: center;margin-top: 100px;">JavaScript实现一个简略的MarkDown语法解析器</h3><div id="app"> <div class="md-editor"> <form> <textarea name="md-content" class="md-content" placeholder="在这里应用markdown语法编写"></textarea> </form> </div> <div class="md-html">这里会实时显示markdown语法的解析后果</div></div><script type="text/javascript">// 解析markdown语法为htmlfunction markdownToHTML(markdownContent) { // 解决题目 markdownContent = markdownContent.replace(/^#\s(.*)$/gm, '<h1>$1</h1>'); markdownContent = markdownContent.replace(/^##\s(.*)$/gm, '<h2>$1</h2>'); markdownContent = markdownContent.replace(/^###\s(.*)$/gm, '<h3>$1</h3>'); markdownContent = markdownContent.replace(/^####\s(.*)$/gm, '<h4>$1</h4>'); markdownContent = markdownContent.replace(/^#####\s(.*)$/gm, '<h5>$1</h5>'); markdownContent = markdownContent.replace(/^######\s(.*)$/gm, '<h6>$1</h6>'); // 解决加粗、斜体、删除线 markdownContent = markdownContent.replace(/\*\*(.*)\*\*/gm, '<strong>$1</strong>'); markdownContent = markdownContent.replace(/__(.*)__/gm, '<strong>$1</strong>'); markdownContent = markdownContent.replace(/\*(.*)\*/gm, '<em>$1</em>'); markdownContent = markdownContent.replace(/_(.*)_/gm, '<em>$1</em>'); markdownContent = markdownContent.replace(/~~(.*)~~/gm, '<del>$1</del>'); // 解决链接和图片 markdownContent = markdownContent.replace(/\[(.*?)\]$(.*?)$/gm, '<a href="$2">$1</a>'); markdownContent = markdownContent.replace(/!\[(.*?)\]$(.*?)$/gm, '<img src="$2" alt="$1">'); // 解决行内代码和代码块 markdownContent = markdownContent.replace(/`(.*?)`/gm, '<code>$1</code>'); markdownContent = markdownContent.replace(/```([\s\S]*?)```/gm, '<pre>$1</pre>'); // 解决换行 markdownContent = markdownContent.replace(/\n/g, "<br>"); return markdownContent;}// 实时解析markdown语法$("#app .md-editor .md-content").bind("input propertychange",function(event){ let md_content = $('#app .md-editor .md-content').val(); $('#app .md-html').html(markdownToHTML(md_content));});</script></body></html>实现原理实现起来非常简单，就是通过正则替换预约的字符来实现HTML的输入。 ...

关于markdown:Markdown学习

Markdown学习题目一级题目前加 #+空格，二级题目前加 ## +空格，三级题目前加 ###+空格，以此类推，最多能够有六级题目。字体文字加粗：前后两个** 文字斜体：前后一个右方括号+空格就是援用分割线图片超链接点击跳转到百度列表有序列表aaaabbbbccc无序列表1232345456表格nameagesex 代码java代码

关于markdown:Markdown常用语法示例

1.mdMarkdown格局的文件,作用是用来写笔记或者博客 2.无序列表加号空格的模式示意,如: + XXX1+ XXX2+ XXX3成果如下: XXX1XXX2XXX33.有序列表序号+英文符号点号+空格的模式示意,如: 1. XXX12. XXX23. XXX3成果如下: XXX1XXX2XXX34.题目应用井号来示意题目,如下: ## 示意二级题目### 示意三级题目#### 示意四级题目##### 示意五级题目###### 示意六级题目成果如下: 示意二级题目示意三级题目示意四级题目示意五级题目示意六级题目5.文字加粗应用前后各增加两个星号的模式对星号两头的文字进行加粗,如下: **这是须要加粗的文字**成果如下: 这是须要加粗的文字 6.文字斜体应用前后各增加一个*对须要歪斜的文字进行歪斜,如下: *这是须要歪斜的文字*成果如下: 这是须要歪斜的文字同理,又加粗又斜体,应用三个*即可,如下: ***这是须要加粗并歪斜的文字***成果如下 : 这是须要加粗并歪斜的文字 7.文字说明应用大于号+空格,对大于号后的文字进行阐明,如下: > 这是一段阐明文字成果如下: 这是一段阐明文字8.超链接应用中括号+小括号的模式创立超链接,中括号中内容是超链接的显示文本,小括号中的内容是超链接的地址,如下: [百度](https://www.baidu.com)成果如下: 百度 9.插入图片应用英文叹号+中括号+小括号的模式来插入图片,如下 ![这是一个插入图片测试]("图片门路")成果如下: 10.标识代码块应用前后各三个点号对代码块进行标识,须要高亮时,在代码块前三个点号后表明语言类型,如下(因编辑器问题,此处在Markdown代码前加了#): # ```python# print('hello world')# ```成果如下: print('hello world')11.去格局显示应用前后各一个点号,将须要一成不变显示的片段框起来,如下: `*这是一段须要一成不变显示的歪斜代码*`成果如下: *这是一段须要一成不变显示的歪斜代码*

关于markdown:Markdown-基础语法

简介 IntroductionMarkdown 是一种轻量级标记语言，创始人为 John Gruber。它容许人们应用易读易写的纯文本格式编写文档，而后转换成无效的 XHTML 或 HTML 文档。这种语言排汇了很多在电子邮件中已有的纯文本标记的个性。上面是 Markdown 的根本语法。语法 Syntax题目 Heading题目是每篇文章必须的格局，在 Markdown 中，想要增加题目只须要在文字前加#即可。#的个数决定了题目的级数，一共六级。 # 一级题目## 二级题目### 三级题目#### 四级题目##### 五级题目###### 六级题目段落与换行 Paragraph一个 Markdown 段落是由一个或多个间断的文本行组成，它的前后要有一个以上的空行。Markdown 的段落没有非凡的格局，能够间接编写文字。段落的换行是应用两个以上的空格加上回车。区块援用 QuoteMarkdown 标记区块援用是应用相似 Email 中>的援用形式。只需在每行的后面加上> ： > 这是一段援用成果：这是一段援用此外，区块援用能够嵌套，只有依据层级加上不同数量的>。 > 最外层>> 第一层嵌套>>> 第二层嵌套成果：最外层第一层嵌套第二层嵌套列表 List相似于 HTML，Markdown 反对有序列表和无序列表。列表容许嵌套。无序列表应用*、+、- 作为列表标记： * HTML* CSS* JavaScript等同于： + HTML+ CSS+ JavaScript也等同于： - HTML- CSS- JavaScript成果： HTMLCSSJavaScript有序列表应用数字后接一个英文句点： 1. Red2. Blue3. Green成果： RedBlueGreen值得注意的是，有序列表中列表标记的数字并不会决定输入后果的程序。例如： 3. Red1. Blue6. Green成果： ...

关于markdown:Ulysses-27Mac电脑上最好用的markdown编辑软件

Ulysses 27 for mac是os零碎上最弱小的Markdown写作工具，反对Markdown拼写查看、语音辨认、iCloud同步、版本治理等性能，并且能够导出为 PDF、word、RTF、TXT、Markdown、HTML 和 ePub等文件格式。它的目标是给富裕翻新精力的作家，小说家和作家最好的写作体验。 ulysses mac版中文名为“尤利西斯”这是一款弱小的具备全新Soulmen写作环境的超弱小文本编辑工具，Ulysses Mac版能够为您的Mac设施带来前所未有的编辑体验。Ulysses for mac它是采纳了革命性的性能加强，被称为“纯文本加强” 。，它联合了最好的局部最小标记（即MarkDown，Textile）性能，为OS X带来漂亮简略的文本编辑程序体验。

关于markdown:Mac版markdown写作工具Ulysses中文版

Ulysses Mac版中文名为“尤利西斯”这是一款面向 Mac、iPhone 和 iPad 的一站式写作工具。Ulysses Mac版提供令人愉悦、专一的写作体验，加上高效文稿治理、无缝连贯以及灵便导出，因而是各种写作人士的第一抉择。能够为您带来前所未有的编辑体验。

关于markdown:markdown编辑工具Ulysses-27中文版

如果您须要一款弱小的文本编辑器，那么ulysses for mac是您的不错抉择！ulysses for mac是Mac os x零碎上最弱小的Markdown写作工具，反对Markdown拼写查看、语音辨认、iCloud同步、版本治理等性能，并且能够导出为 PDF、word、RTF、TXT、Markdown、HTML 和 ePub等文件格式。它的目标是给富裕翻新精力的作家，小说家和作家最好的写作体验。装置点我

关于markdown:MarkDown公式指导手册

原文链接一、公式应用参考1．如何插入公式$\TeX$ 可应用行中公式放在文中与其它文字混编，或独自成行的独立公式。（1）行中公式能够用如下办法示意： $ 表达式 $例子： $ J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha} \text {，行内公式示例} $显示： $ J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha} \text {，行内公式示例} $ （2）独立公式能够用如下办法示意： $$ 表达式 $$例子： $$ J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha} \text{，独立公式示例} $$显示： $$J_\alpha(x) = \sum_{m=0}^\infty \frac{(-1)^m}{m! \Gamma (m + \alpha + 1)} {\left({ \frac{x}{2} }\right)}^{2m + \alpha} \text{，独立公式示例}$$ ...

关于markdown:MD-数学符号与公式表达

MD 数学符号与公式表白字母表达式字母表达式字母表达式$a$$a$$b$$b$$c$$c$$d$$d$$e$$e$$f$$f$$g$$g$$h$$h$$i$$i$$j$$j$$k$$k$$l$$l$$m$$m$$n$$n$$o$$o$$p$$p$$q$$q$$r$$r$$s$$s$$t$$t$$u$$u$$v$$v$$w$$w$$x$$x$$y$$y$$z$$z$ 字母表达式字母表达式字母表达式$A$$A$$B$$B$$C$$C$$D$$D$$E$$E$$F$$F$$G$$G$$H$$H$$I$$I$$J$$J$$K$$K$$L$$L$$M$$M$$N$$N$$O$$O$$P$$P$$Q$$Q$$R$$R$$S$$S$$T$$T$$U$$U$$V$$V$$W$$W$$X$$X$$Y$$Y$$Z$$Z$ 字母表达式字母表达式字母表达式$\alpha$$\alhpa$$\theta$$\theta$$\omicron$$\omicron$$\beta$$\beta$$\iota$$\iota$$\pi$$\pi$$\gamma$$\gamma$$\kappa$$\kappa$$\rho$$\rho$$\delta$$\delta$$\lambda$$\lambda$$\sigma$$\sigma$$\epsilon$$\epsilon$$\mu$$\mu$$\tau$$\tau$$\zeta$$\zeta$$\nu$$\nu$$\upsilon$$\upsilon$$\eta$$\eta$$\xi$$\xi$$\phi$$\phi$$\omega$$\omega$$\Gamma$$\Gamma$$\chi$$\chi$$\theta$$\theta$$\Theta$$\Theta$$\psi$$\psi$$\Lambda$$\Lambda$$\Xi$$\Xi$$\Phi$$\Phi$$\Sigma$$\Sigma$$\pi$$\pi$$\Pi$$\Pi$$\Psi$$\Psi$$\Omega$$\Omega$$\Psi$$\Psi$$\tau$$\tau$$\Upsilon$$\Upsilon$$\Phi$$\Phi$$\gamma$$\gamma$$\Delta$$\Delta$$\partial$$\partial$$\Game$$\Game$ 局部字母有变量专用模式，以\var...结尾小写大写变量显示\epsilonE\varepsilon$\epsilon$ $\mid$ $E$ $\mid$ $\varepsilon$\theta\Theta\vartheta$\theta$ $\mid$ $\Theta$ $\mid$ $\vartheta$\rhoP\varrho$\rho$ $\mid$ $P$ $\mid$ $varrho$\sigma\Sigma\varsigma$\sigma$ $\mid$ $\Sigma$ $\mid$ $\varsigma$\phi\Phi\varphi$\phi$ $\mid$ $\Phi$ $\mid$ $\varphi$关系运算符输出显示输出显示输出显示输出显示\pm$\pm$\times$\times$\div$\div$\mid$\mid$\nmid$\nmid$\cdot$\cdot$\circ$\circ$\ast$\ast$\odot$\odot$\otimes$\otimes$\oplus$\oplus$\leq$\leq$\geq$\geq$\neq$\neq$\approx$\approx$\equiv$\equiv$\sum$\sum$\prod$\prod$\coprod$\coprod$\backslash$\backslash$汇合运算符输出显示输出显示输出显示\emptyset$\emptyset$\in$\in$\notin$\notin$\subset$\subset$\supset$\supset$\subseteq$\subseteq$\supseteq$\supseteq$\cap$\cap$\cup$\cup$\vee$\vee$\wedge$\wedge$\uplus$\uplus$\top$\top$\bot$\bot$\complement$\complement$对数运算符号输出显示输出显示输出显示\log$\log$\lg$\lg$\ln$\ln$三角运算符号输出显示输出显示输出显示\backsim$\backsim$\cong$\cong$\angle A$\angle A$\sin$\sin$\cos$\cos$\tan$\tan$\csc$\csc$\sec$\sec$\cot$\cot$微积分运算符号输出显示输出显示输出显示\int$\int$\iint$\iint$\iiint$\iiint$\partial$\partial$\oint$\oint$\prime$\prime$\lim$\lim$\infty$\infty$\nabla$\nabla$逻辑运算符号输出显示输出显示输出显示\because$\because$\therefore$\therefore$\neg$\neg$\forall$\forall$\exists$\exists$\not\subset$\not\subset$\not$\not$\not>$\not>$\not=$\not=$\vdash$\vdash$戴帽符号输出显示输出显示输出显示\hat{xy}$\hat{xy}$\widehat{xyz}$\widehat{xyz}$\bar{y}$\bar{y}$\tilde{zy}$\tilde{zy}$\widetilde{xyz}$\widetilde{xyz}$\acute{y}$\acute{y}$\breve{y}$\breve{y}$\check{y}$\check{y}$\grave{y}$\grave{y}$\dot{x}$\dot{x}$\ddot{x}$\ddot{x}$\dddot{x}$\dddot{x}$若须要在特定符号顶部增加内容或公式，能够应用\overset{顶部内容}{失常内容}和\underset{底部内空}{失常内容}命令。欧拉公式$$Asin(\omega t + \phi)=\frac{A}{2j}(e^{j(\omega t + \phi)}-e^{-j(\omega t + \phi)})$$$$Asin(\omega t + \phi)=\frac{A}{2j}(e^{j(\omega t + \phi)}-e^{-j(\omega t + \phi)})$$ $$Asos(\omega t + \phi)\frac{A}{2}(e^{j(\omega t + \phi)}-e^{-j(\omega t + \phi)})$$$$Asos(\omega t + \phi)\frac{A}{2}(e^{j(\omega t + \phi)}-e^{-j(\omega t + \phi)})$$ ...

关于markdown:markdown转pdf简历模板

md2pdf resume 纯前端依据 Markdown 生成 PDF 简历我的项目借鉴自冷熊简历，但不依赖服务器生成 pdf，不便用户调整 css 款式Github我的项目地址、预览地址反对打印成 pdf（留神打印设置外面去掉页眉页脚）我的项目截图使用者能够随时在开发者工具提里调整 css 款式而后间接保留 pdf

关于markdown:MarkDown简明语法手册

原文链接更多语法请参见： MarkDown扼要语法公式 MarkDown高阶语法公式 1. 斜体和粗体应用和 * 示意斜体和粗体。示例：这是斜体，这是粗体。 2. 分级题目应用 === 示意一级题目，应用 --- 示意二级题目。示例：这是一个一级题目============================这是一个二级题目--------------------------------------------------### 这是一个三级题目你也能够抉择在行首加井号示意不同级别的题目 (H1-H6)，例如：# H1, ## H2, ### H3，#### H4。 3. 外链接应用 [形容](链接地址) 为文字减少外链接。示例：这是去往自己帐号的链接。 4. 无序列表应用 *，+，- 示意无序列表。示例：无序列表项一无序列表项二无序列表项三5. 有序列表应用数字和点示意有序列表。示例：有序列表项一有序列表项二有序列表项三6. 文字援用应用 > 示意文字援用。示例：野火烧不尽，春风吹又生。7. 行内代码块应用 \`代码` 示意行内代码块。示例：让咱们聊聊 html。 8. 代码块应用四个缩进空格示意代码块。示例：这是一个代码块，此行左侧有四个不可见的空格。9. 插入图像应用 !\[形容](图片链接地址) 插入图像。 ...

关于markdown:编写markdownit的插件和规则

前言最近看vuePress源码时发现在应用markdownLoader之余应用了大量的markdown-it插件，除了社区插件（如高亮代码、代码块包裹、emoji等），同时也自行编写了很多自定义插件（如内外链辨别渲染等）。文章联合源码和本人之前写过的插件来具体解读如何编写一个markdown-it插件。简介markdown-it是一个辅助解析markdown的库，能够实现从 # test 到 <h1>test</h1> 的转换，渲染过程和babel相似为Parse -> Transform -> Generate。 Parsesource通过3个嵌套的规定链core、block & inline进行解析： core core.rule1 (normalize) ... core.ruleX block block.rule1 (blockquote) ... block.ruleX inline (applied to each block token with "inline" type) inline.rule1 (text) ... inline.ruleX解析的后果是一个token列表，将传递给renderer以生成html内容。如果要实现新的markdown语法，能够从Parse过程动手：能够在md.core.ruler、md.block.ruler & md.inline.ruler中自定义规定，规定的定义方法有before、after、at、disable、enable等。 // @vuepress/markdown代码片段md.block.ruler.before('fence', 'snippet', function replace(state, startLine, endLine, silent) { //...});上述代码在md.block.ruler.fence之前退出snippet规定，用作解析 <<< @/filepath 这样的代码。具体代码就不详细分析了，个别parse阶段用到的状况比拟少，感兴趣的能够自行查看vuePress源码。 TransformToken通过[官网在线示例]（https://markdown-it.github.io/)拿 # test 举例，会失去如下后果： [ { "type": "heading_open", "tag": "h1", "attrs": null, "map": [ 0, 1 ], "nesting": 1, "level": 0, "children": null, "content": "", "markup": "#", "info": "", "meta": null, "block": true, "hidden": false }, { "type": "inline", "tag": "", "attrs": null, "map": [ 0, 1 ], "nesting": 0, "level": 1, "children": [ { "type": "text", "tag": "", "attrs": null, "map": null, "nesting": 0, "level": 0, "children": null, "content": "test", "markup": "", "info": "", "meta": null, "block": false, "hidden": false } ], "content": "test", "markup": "", "info": "", "meta": null, "block": true, "hidden": false }, { "type": "heading_close", "tag": "h1", "attrs": null, "map": null, "nesting": -1, "level": 0, "children": null, "content": "", "markup": "#", "info": "", "meta": null, "block": true, "hidden": false }]应用更底层的数据表示Token，代替传统的 AST。区别很简略： ...

关于markdown:解锁Markdown高级用法提升写作效率

背景工作、生存中有很多写文档的需要，如何能力进步写作效率？抉择适合的工具加失当的办法。上面分享一些工具和办法，为你的写作助力。写作工具对于我来说MarkDown+思维导图是一种效率极佳的写作形式。思维导图能够将我的思考清晰的展现，而后依照常识脉络欠缺文章内容。文章写作应用MarkDown ，MarkDown 编辑工具很多，通过应用比拟我最终抉择 Typora + MindNode 。 Typora 正式版本曾经开始付费，89元买断机制，免费版能够下载历史Beta版本。文档格局互转有的时候，咱们须要做文件的各种转换以满足展现场景，比方 Markdown转思维导图。 Mind to Markdown思维导图转换为 Markdown ，MindNode 和 XMind 这两个工具间接导出 Markdown格式文件即可。 Markdown to Mind应用 markmap 能够将 Markdown 转换为可视化、可交互的 HTML 格局的思维导图。本文转换进去的成果如下形式一：在线转换（https://markmap.js.org/repl）粘贴 markdown 到编辑区就能够导出Html或SVG。形式二：在 vscode 中应用，装置插件（https://marketplace.visualstu...）形式三：装置 markmap-cli 命令工具。 npm install -g markmap-cli# 转换markmap index.md -o index.html万能转换一个弱小的命令行工具 Pandoc，用于将文件从一种标记语言转换为另一种标记语言。罕用的标记语言包含 Markdown、ReStructuredText、HTML、LaTex、ePub 和 Microsoft Word DOCX。在线转换地址（https://pandoc.org/try）。 Mac上间接应用 brew 装置 brew install pandoc反对格局如下： Input formats: native, json, markdown, markdown+lhs, rst, rst+lhs, docbook, textile, html, latex, latex+lhs Output formats: native, json, html, html5, html+lhs, html5+lhs, s5, slidy, slideous, dzslides, docbook, opendocument, latex, latex+lhs, beamer, beamer+lhs, context, texinfo, man, markdown, markdown+lhs, plain, rst, rst+lhs, mediawiki, textile, rtf, org, asciidoc, odt, docx, epubMarkdown 转 Html ...

关于markdown:一款开源的Markdown转富文本编辑器的实现原理剖析

笔者平时写文章应用的都是Markdown，然而公布的时候就会遇到一些平台不反对Markdown的状况，重排是不可能重排的，所以都会应用一些Markdown转富文本的工具，比方markdown-nice，用的多了就会好奇是怎么实现的，于是就有了本篇文章。markdown-nice是一个基于React构建的我的项目，先来看一下它的整体页面：一个顶部工具栏，两头三个并列的区域，别离是编辑区域、预览区域、自定义主题区域，自定义主题区域默认是暗藏的。大体上就是一个Markdown编辑器，减少了一些对各个平台的适配而已。编辑器编辑器应用的是CodeMirror，具体来说是一个二次封装的组件React-CodeMirror：import CodeMirror from "@uiw/react-codemirror"; class App extends Component { render() { return ( <CodeMirror value={this.props.content.content} options={{ theme: "md-mirror",// 主题 keyMap: "sublime",// 快捷键 mode: "markdown",// 模式，也就是语言类型 lineWrapping: true,// 开启超长换行 lineNumbers: false,// 不显示行号 extraKeys: {// 配置快捷键 ...bindHotkeys(this.props.content, this.props.dialog), Tab: betterTab, RightClick: rightClick, }, }} onChange={this.handleThrottleChange} onScroll={this.handleScroll} onFocus={this.handleFocus} onBlur={this.handleBlur} onDrop={this.handleDrop} onPaste={this.handlePaste} ref={this.getInstance} /> )}}复制代码快捷键、命令markdown-nice通过extraKeys选项设置一些快捷键，此外还在工具栏中减少了一些快捷按钮：这些快捷键或者命令按钮操作文本内容的逻辑根本是统一的，先获取以后选区的内容：const selected = editor.getSelection()复制代码而后进行加工批改：**${selected}**复制代码最初替换选区的内容：editor.replaceSelection(**${selected}**)复制代码此外也能够批改光标的地位来晋升体验，比方加粗操作后光标地位会在文字前面，而不是*前面就是因为markdown-nice在替换完选区内容后还批改了光标的地位： export const bold = (editor, selection) => { editor.replaceSelection(**${selection}**); const cursor = editor.getCursor(); cursor.ch -= 2;// 光标地位向前两个字符 editor.setCursor(cursor);};复制代码表格Markdown的表格语法手写起来是比拟麻烦的，markdown-nice对于表格只提供了帮你插入表格语法符号的性能，你能够输出要插入的表格行列数： ...

关于markdown:地表最强-Markdown-文本编辑工具Obsidian

沈从文学生在给张兆和的情书中，有写道：“我一辈子走过许多中央的路，行过许多中央的桥，看过许多形态的云，喝过许多品种的酒，却只爱过一个正当最好年龄的人”。近十年，写文章或文档，用过十分多基于 Markdown 杰出的文本编辑工具，诸如 Sublime Text 、 Cmd Markdown 、 MarkEditor 、 Typora ， Arya 在线等等，直到遇见 Obsidian ，被弱小的性能、完满的设计所震撼、折服，堪称地表最强文本编辑工具。文章首发于：地表最强 Markdown 文本编辑工具——Obsidian｜悠然宜想亭。 Obsidian 是一个弱小的知识库、一款好用的笔记利用程序，位于纯文本 Markdown 文件的本地文件夹之上。其指标是：永远成为你第二个大脑。人脑是非线性的：人们总是从一个想法跳到另一个想法。你的第二个大脑应该同样工作。在 Obsidian 中，建设和追随连贯是无摩擦的。像园丁一样关照你的笔记；在一天完结时，坐下来惊叹于您本人的常识图谱。── 出自倾城之链 | Obsidian 。 Obsidian ，它不仅是极其好用的文本编辑工具，而且还是一款弱小的知识库；但，在这里就不对知识库作探讨，次要就其极致的文本编辑体验，联合本人短暂的实际体验，来跟敌人们分享下 Obsidian 的劣势：默认所见即所得（wysiwyg）的编辑模式；反对粘贴 HTML 主动转换为 Markdown；所有操作默认有快捷键，并且不便自行更改；利用关上极快，操作晦涩，所占用内存很少；100% 收费供集体应用，无需账户或注册；反对扩大，社区已奉献有近 600 个插件；要着重称誉的就是 Obsidian 的插件，这在 Markdown 编辑器工具中是少见的。首先，这种机制自身就很赞，不将所有性能，都集成于利用自身，而按需给予，善莫如是，使其能在轻量与弱小中均衡；其次，有了这种机制，即能容许用户染指，参加奉献，无疑是为产品功能丰富，提供了绝佳的路径。备注：Obsidian 插件，装置与应用，都十分不便；返回 Obsidian Plugins，检索您想要的插件；如果您已装置并关上 Obsidian，点击 Open in Obsidian，即可疾速在 Obsidian 中，关上该插件；点击 install 装置之后，再点击 enable 即可启用该插件（如下截图）。对于有须要按键能力作用的插件，您还能够批改快捷键以及其余设置参数。上面，跟大家分享些集体所喜爱的插件： ADVANCED TABLES ：改良的表格导航、格式化和操作Add improved navigation, formatting, and manipulation to markdown tables in ObsidianMarkdown 的表格语法比在 Word 中插入表格还要麻烦，一旦想要增改某个内容，更是劫难。该插件则大大简化了表格输出的流程。 ...

关于markdown:markdown语法

记录一下markdown语法留神点 # 这是一级题目## 这是二级题目*我是斜体*_我也是斜体_**我是粗体**__我也是粗体__～～我被划掉了～～<u>我有下划线</u>==我被高亮了==[我是图片]（这是我的链接）[我是图片][1][1]:URL<我是连贯>![我呈现了阐明图片打不开]（图片的绝对地址或者相对地址）> 利用援用题目>> 二级援用\ ```[反对语言] 我是代码\ ```成果如下这是一级题目这是二级题目我是斜体我也是斜体我是粗体我也是粗体～～我被划掉了～～<u>我有下划线</u>==我被高亮了== 我是代码[我是图片]（这是我的链接）我是图片 <我是链接> ![我呈现了阐明图片打不开]（图片的绝对地址或者相对地址）利用援用题目二级援用

关于markdown:Markdown-支持悄然上线Lightly-也能编写-Markdown-了

在反馈群用户们的呼声下，Lightly 的 Markdown 反对已悄悄上线了！无论是上传或是新建，大家都能够关上甚至随便应用 Markdown 语言编写文档。 Markdown 是什么？Markdown 是一种轻量级标记语言（lightweight markup language）。你能够应用 Markdown 对纯文字文本增加格局，随着文本在线上实现转换，其余用户即可间接浏览已增加格局的文本成果。和咱们比拟常见的 Word 文件解决利用相比，Markdown 并不通过按钮或快捷键来进行格局调整，你增加或批改的格局也不会像 Word 那样实时展现。Markdown 就是单纯的纯文本文件，你须要在文本前后增加相应的语法来扭转文本的格局： Markdown 文件在 Lightly 中显示的成果：为什么应用 Markdown？既然 Markdown 无奈像 Word 等所见即所得的排版文字处理软件那样应用，为什么还要抉择应用 Markdown 解决文本呢？无论是编写文档、笔记、邮件甚至是制作 PPT 和网站，都能够应用 Markdown 实现。对于相熟 GitHub 的程序员而言，简直所有的技术文档都是 Markdown 文件。相较个别的文本而言，Markdown 更加轻量编写。不仅占用的贮存小，还能够在不同操作系统中运行。例如，你不须要放心其余敌人的电脑上没有装置 Word，更不须要放心文件格式因为文字处理软件不同而受到影响。应用 Markdown 编写文档无需放心文本处理利用下架的问题，你只需用任意文本编辑器关上，即可读取或批改 Markdown 文件。Markdown 的这个个性对于书籍、论文等须要长期存档的文本而言，极大水平地进步了保障。Markdown 罕用语法：间接在 Lightly 中的 markdown-cheat-sheet.md 文件查看中文版的残缺 Markdown 语法：https://ca4ee02ebf-share.ligh... Markdown 的原理？Markdown 纯文本文件个别以 .md 或 .markdown 的格局贮存，Markdown 利用会将 Markdown 语法的代码转化为 HTML 格局，以便在浏览器中显示： ...

关于markdown:Mermaid-流程图入门

Markdown文档在开发中曾经必不可少了，但只有文字描述始终有些干燥，波及到做图表的话又须要切换到其余工具中，绘制好后再黏贴回来，如果要批改，万一源文件失落就更麻烦了。对于这种问题实际上也早有办法，就是在各种古代Markdown编辑器都能见到的Mermaid 渲染计划。 Mermaid 是一个基于 Javascript 的图表绘制工具，通过解析类 Markdown 的文本语法来实现图表的创立和动静批改。Mermaid 诞生的次要目标是让文档的更新可能及时跟上开发进度。Mermaid 反对的图表也很丰盛：流程图、时序图、类图、状态图、实体关系图、用户旅程图、甘特图、饼图、需要图、Git图。就以流程图为例，来理解一下如何在Markdown中绘图的。示例来先看看样子（官网在线编辑器地址：Online FlowChart & Diagrams Editor）： flowchart TD NodeA NodeB[NodeB] NodeA --> NodeB NodeA <--> NodeB NodeC(((start))) --Text--> NodeD{if} NodeD -->|No| NodeN((loop)) -..- NodeC NodeD -->|Yes| NodeY{{OK}} NodeY --> NodeF & NodeE --x NodeG & NodeH NodeH --> NodeI["中文与#quot;引号#quot;与空格"]渲染后是这样：根底语法既然是在Markdown中绘图，语法必定必不可少，但不必怕，流程图比较简单语法也很易学。与Markdown代码块一样，应用反引号语法填写mermaid标识绘图的代码区域开始，用三个反引号闭合。流程图首行要以flowchart开始，表明是流程图。流程图方向在flowchart之后加上空格能够传入参数，能够定义流程图方向。参数值TBTDBTRLLR阐明从上到下从上到下从下到上从右到左从左到右示例中的flowchart TD就是标识从上到下。节点节点：每一行输出任意字符都会被辨认为一个新节点。输出的字符将被作为节点的ID，同时默认作为节点名称显示。默认形态是矩形。形态除了矩形还有多种形态可选，在节点前面减少符号对即可。如示例中的NodeB[NodeB]，即是矩形。整顿了一份图形表：名称形态符号中输出字符作为展现的名称。默认能够不必引号，但如果须要应用本义符、或者括号，则须要用引号包裹。如示例中的最初节点NodeI["中文与#quot;引号#quot;与空格"]，即是应用了引号本义符。连接线语法结构大抵是：节点ID 连接线符号节点ID（示例中的NodeA <--> NodeB）。 ...

关于markdown:Markdown语法

在vscode中应用Markdown先要装置一些插件：Markdown Preview EnhancedPaste ImageLimfxCodeEXCode Spell Checker 一级题目: #一级题目二级题目：##二级题目三级题目： ###三级题目三个减号（---）或（三个*）示意分隔线高低之间空一行能力新起一个段落强调：两边加**示意加粗两边加*示意斜体主动编号：（1.后加空格即可）哈哈哈（在一级主动编号后缩进，能够主动生成二级）退出图片:选中图片，复制 → ctrl + alt + V或将曾经下载的图片导入文件夹输出 ! [] () 此时小括号内主动显示已有的图片，抉择即可插入在图片后的下一行打两个*两头就能够写入图片的题目插入公式：两行各自输出两个美元符号$（按两边ctrl+M),两头行即可输出limfx系列公式 $$\lim_{x\to\infin}f(x)$$ 表格：表格的第一行即为表头，两头增加竖线 | 示意距离表头下一行增加 ---|---|--- 示意向哪对齐---|---|--- 默认向左对齐---|---：|--- （左边有冒号）向右对齐---|：---：|--- （两边都有冒号）居中对齐猫猫狗狗吃吃1.011alt + shift + f 能够让md未预览的表格变参差链接：输出这是一个链接选中“链接”二字，ctrl+v 将复制的链接粘贴md会自动识别代码块：两行`之间就是代码块在第一行`后指定语言，代码块中的代码会高亮例如： System.out.println("hello");导出为PDF：MPE侧边预览 → 点击右键 → Chrome → PDF

关于markdown:阿里开发的这个网站让我写文章效率提高50

前言语雀是阿里开发的在线文档编辑与协同工具的网站，除了根底的文本格式：粗体、斜体、下划线、删除线、上标、下标、代码、色彩等，语雀还反对插入表格、思维导图、流程图、本地文件、优酷视频、高德地图等内容。所以无论是集体创作还是在团队应用都应用得非常宽泛（上面会介绍语雀应用的场景），然而本文章次要针对集体创作进行介绍。当然，吸引咱们应用语雀最重要的一点就是收费！！！2022年2月22日语雀也推出了iOS与Android挪动端版本，这也意味着咱们也能够应用手机很不便地就能够创作文章（本文章只介绍网页版的应用）。应用场景个人用户（本文重点介绍）新建知识库即可开始集体创作和常识治理：● 能够编写集体博客● 能够建设一个私密仓库，寄存集体笔记● 能够用来收集和整顿材料，构建本人的知识库小型组织实用于一些小团队、社团、社会组织、学生小组等在语雀上新建一个团队即可一群人一起创作知识库：● 能够编写团队博客● 能够个体写书、翻译书籍● 能够制作帮忙手册、产品阐明、API手册等● 能够收集整理感兴趣的常识● 能够团队内异步交换企业用户（本文不作介绍）实用于正规营运的企业和组织机构等在语雀上开明空间就能够开始构建专属知识库，积淀企业常识资产：● 能够进行我的项目文档的编写● 能够进行团队事物治理、常识积淀● 能够制作企业规章制度、流程 & 人事管理的流程● 能够制作产品说明书应用Markdown语法写文章在下面的介绍中能够晓得，应用语雀进行创作文章的时候是能够应用Markdown语法的。Markdown题目应用 # 号可示意 1-6 级题目，一级题目对应一个 # 号，二级题目对应两个 # 号，以此类推。在输出 # 后按空格键就能够生成对应级别的题目，示例如下：这时候在右边的纲要栏中会呈现各细分题目，点击也能够疾速定位跳到指定地位，应用起来非常不便： Markdown字体在文段前后退出 * （并在最初按空格键）则可将此文段变成斜体；在文段前后退出 ** （并在最初按空格键）则可将此文段变成粗体，示例如下： Markdown无序列表和有序列表有序列表的实现：数字 1 再加个 . 再按空格键无序序列的实现：- 再按空格键在无序列表的分支下，按下 tab 键，即可嵌套无序列表；在有序列表的分支下，按下 tab 键，即可嵌套有序列表，示例如下：Markdown区块在语雀中输出 > 者》再按空格键都能够实现块援用（也就是区块），然而不兼容Markdown语法中的嵌套区块和列表中应用区块，示例如下：这是一个区块。Markdown代码如果是段落上的一个函数或片段的代码能够用反引号把它包起来（`），再按空格键，示例如下：还能够用 ` 包裹一段代码，并指定一种语言（也能够不指定），上面以Java来示例：先输出这段代码，按下回车键即可指定语言来进行编译，如下：public class TestDemo1 { public static int countNegatives(int[][] grid) { int count=0; for (int i = 0; i < grid.length; i++) { int left=0; int right=grid[i].length-1; int mid=0; while(left<=right){ mid=left+(right-left)/2; if(grid[i][mid]<0){ right=mid-1; }else{ left=mid+1; } } count+=grid[i].length-1-right; } return count;}public static void main(String[] args) { int[][] array={{3,2},{1,0}}; int ret=countNegatives(array); System.out.println(ret);}} ...

关于markdown:用Markdown写Html和md也就图一乐真骚操作还得用来做PPT

前言和这篇文章一样，我就是用Markdown写的。置信各位平时也就用Markdown写写文档，做做笔记，转成XHtml、Html等，明天教大伙一招骚操作：用Markdown写PPT。绝大多数敌人做 PPT都是用的 PowerPoint 或者 KeyNote 吧？性能是比拟弱小，但你有没有遇到过这样的痛点：各种题目、段落的格局不对立，比方字体大小、行间距等等各个页面不太一样，而后得用格局刷来挨个刷一下。想给 PPT 做版本控制，而后就保留了各种复制版本，比方“一版”、“二版”、“终版”、“最终版”、“最终不改版”、“最终稳固不改版”等等，想必大家都见过相似这样的场景吧。想插入代码，然而插入之后发现格局全乱了或者高亮全没了，而后不得不截图插入进去。想插入个公式，而后发现 PPT、Keynote 对 Latex 兼容不太好或者配置略微麻烦，就只能本人从新敲一遍或者贴截图。想插入一个酷炫的交互组件，比方嵌入一个微博的网页页面实时拜访、插入一个能够交互的组件、插入一个音乐播放器组件，原生的 PPT 性能简直都不反对，这全得依赖于 PowerPoint 或者 KeyNote 来反对才行。如果你遇到这些痛点，那请你肯定要看上来。如果你没有遇到，那也请你看上来吧。好，说回正题，我列举了那么多痛点，那这些痛点咋解决呢？能！甚至解决方案更加轻量级，那就是用 Markdown 来做 PPT！你试过用 Markdown 写 PPT 吗？没有吧，试试吧，试过之后你就发现下面的性能几乎大海捞针。具体怎么实现呢？接下来，就有请明天的配角退场了！它就是——Slidev。什么是 Slidev？简而言之，Slidev 就是能够让咱们用 Markdown 写 PPT 的工具库，基于 Node.js、Vue.js 开发。利用它咱们能够简略地把 Markdown 转化成 PPT，而且它能够反对各种难看的主题、代码高亮、公式、流程图、自定义的网页交互组件，还能够不便地导出成 pdf 或者间接部署成一个网页应用。装置和启动上面咱们就来理解下它的根本应用啦。首先咱们须要先装置好 Node.js，举荐 14.x 及以上版本，装置办法见这里接着，咱们就能够应用 npm 这个命令了。而后咱们能够初始化一个仓库，运行命令如下： npm init slidev@latest这个命令就是初始化一个 Slidev 的仓库，运行之后它会让咱们输出和抉择一些选项，如图所示：比方上图就是先输出我的项目文件夹的名称，比方这里我取名叫做 slidevtest。总之一些选项实现之后，Slidev 会在本地 3000 端口上启动，如图所示：接着，咱们就能够关上浏览器 http://localhost:3000 来查看一个 HelloWorld 版本的 PPT 了，如图所示： ...

关于markdown:Markdown使用技巧

简介Markdown 是一种轻量级标记语言，它容许人们应用易读易写的纯文本格式编写文档。 Markdown 编写的文档能够导出 HTML 、Word、图像、PDF、Epub 等多种格局的文档。 Markdown 编写的文档后缀为 .md, .markdown。原文：菜鸟教程题目应用 = 和 - 标记一级和二级题目我展现的是一级题目=================我展现的是二级题目-----------------号标记# 一级题目## 二级题目### 三级题目#### 四级题目##### 五级题目###### 六级题目段落段落的换行是应用两个以上空格加上回车字体*斜体文本*_斜体文本_**粗体文本**__粗体文本__***粗斜体文本***___粗斜体文本___分隔线**** * ******- - -----------删除线如果段落上的文字要增加删除线，只须要在文字的两端加上两个波浪线 ~~ 即可，实例如下： RUNOOB.COMGOOGLE.COM~~BAIDU.COM~~下划线下划线能够通过 HTML 的 ** 标签来实现： <u>带下划线文本</u>脚注脚注是对文本的补充阐明。 Markdown 脚注的格局如下: [^要注明的文本]列表无序列表应用星号(*)、加号(+)或是减号(-)作为列表标记： * 第一项* 第二项* 第三项+ 第一项+ 第二项+ 第三项- 第一项- 第二项- 第三项有序列表应用数字并加上 . 号来示意，如： 1. 第一项2. 第二项3. 第三项列表嵌套列表嵌套只需在子列表中的选项增加四个空格即可： 1. 第一项： - 第一项嵌套的第一个元素 - 第一项嵌套的第二个元素2. 第二项： - 第二项嵌套的第一个元素 - 第二项嵌套的第二个元素区块Markdown 区块援用是在段落结尾应用 > 符号，而后前面紧跟一个空格符号： ...

关于markdown:Markdown基本语法

题目在单词或短语后面增加井号 # 。# 的数量代表了题目的级别。段落要创立段落，请应用空白行将一行或多行文本进行分隔。换行在一行的开端增加两个或多个空格，而后按回车键,即可创立一个换行()。简直每个 Markdown 应用程序都反对两个或多个空格进行换行，称为结尾空格（trailing whitespace) 的形式，但这是有争议的，因为很难在编辑器中间接看到空格，并且很多人在每个句子前面都会无意或无心地增加两个空格。因为这个起因，你可能要应用除结尾空格以外的其它形式来换行。侥幸的是，简直每个 Markdown 应用程序都反对另一种换行形式：HTML 的标签。字体粗体要加粗文本，请在单词或短语的前后各增加两个星号（asterisks）或下划线（underscores）。斜体要用斜体显示文本，请在单词或短语前后增加一个星号（asterisk）或下划线（underscore）。 .要同时用粗体和斜体突出显示文本，请在单词或短语的前后各增加三个星号或下划线。援用要创立块援用，请在段落前增加一个 > 符号。块援用能够嵌套。列表有序要创立有序列表，请在每个列表项前增加数字并紧跟一个英文句点。数字不用按数学顺序排列，然而列表该当以数字 1 起始。无序要创立无序列表，请在每个列表项后面增加破折号 (-)、星号 (*) 或加号 (+) 。缩进一个或多个列表项可创立嵌套列表。要在保留列表连续性的同时在列表中增加另一种元素，请将该元素缩进四个空格或一个制表符代码反引号 (`) 分隔线要创立分隔线，请在独自一行上应用三个或多个星号 (*)、破折号 (---) 或下划线 (___) ，并且不能蕴含其余内容。超链接超链接Markdown语法代码：超链接显示名起源：https://markdown.com.cn/basic...

关于markdown:git平台docsify布署markdown文件

git平台docsify布署markdown文件本地装置docsify 能够疾速帮你生成文档网站。不同于GitBook、Hexo的中央是它不会生成动态的 .html 文件，所有转换工作都是在运行时。// 首先装置nodehttps://gitlab.com/xuyq123/mynotes/-/blob/master/%E5%85%B6%E4%BB%96/nodejs%20&%20vue.md// 装置docsifynpm i docsify-cli -g docsify --version// 初始化docsify我的项目docsify init ./test// 运行docsify serve docshttp://localhost:3000 教程https://docsify.js.org/#/zh-cn/quickstarthttps://www.jianshu.com/p/4883e95aa903https://marked.js.org/demo/批改主题index.html <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/vue.css"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/buble.css"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dark.css"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/pure.css"><link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/themes/dolphin.css">给每个页面的开端加上 footerwindow.$docsify = { plugins: [ function(hook) { var footer = [ '<hr/>', '<footer>', '<span><a href="https://github.com/QingWei-Li">cinwell</a> ©2017.</span>', '<span>Proudly published with <a href="https://github.com/docsifyjs/docsify" target="_blank">docsify</a>.</span>', '</footer>' ].join(''); hook.afterEach(function(html) { return html + footer; }); } ]};gitlab布署docsify1、创立 .gitlab-ci.yml2、创立docs目录，将markdown文件放在此处。推送文件。3、推送文件。可参考此我的项目 https://gitlab.com/xuyq123/plain-docsify https://xuyq123.gitlab.io/plain-docsify 多级页面可参考 https://gitlab.com/xuyq123/myblog-docsify https://xuyq123.gitlab.io/myblog-docsify .gitlab-ci.ymlimage: ruby:alpinestages:- deploypages: stage: deploy script: - cp -r docs/. public - echo "deploying to pages for note" environment: name: note url: https://xuyq123.gitlab.io/plain-docsify artifacts: paths: - public only: - mastergithub布署docsify1、本地生成 docsify我的项目// 初始化docsify我的项目docsify init ./test// 运行docsify serve docs2、推送文件。3、开启github pages 地位：Setting - GitHub Pages - Save 抉择对应目录。前期更新文件，只需推送即可。可参考此我的项目 https://github.com/scott180/myblog-docsify/ https://scott180.github.io/myblog-docsify/gitee布署docsify在对应的 Gitee 仓库服务中抉择 Gitee Pages，抉择您要部署的分支，填写您要部署的分支上的目录，例如docs，填写实现之后点击启动即可。示例名称仓库备注plain-docsifygitlab plain-docsify 网页 <br/>github plain-docsify 网页笔记docsifymyblog-docsifygitlab myblog-docsify 网页 <br/>github myblog-docsify 网页笔记与博客docsify

关于markdown:gitlabgithubgitee布署mkdocs主题仓库

gitlab、github、gitee布署mkdocs主题仓库旧址布署mkdocs calligraphy 1、概述mkdocs作用在git平台创立mkdocs主题仓库，主动将markdown文件生成动态网页。官网 https://www.mkdocs.org/简介&主题 https://www.jianshu.com/p/c005c45abe85gitlab-mkdocs https://gitlab.com/pages/mkdocsgithub-mkdocs-theme https://github.com/mkdocs/mkdocs/wiki/MkDocs-Themespython装置及下载 https://gitlab.com/xuyq123/mynotes/-/blob/master/Python.mdmkdocs装置 pip install mkdocs2、gitlab布署mkdocsgitlab mkdocs主题仓库（推送文件主动布署）创立办法： 1、创立 mkdocs.yml、.gitlab-ci.yml文件。 2、创立docs目录，markdown文件放在此处。 3、推送到仓库。可fork此仓库 https://gitlab.com/xuyq123/plain-mkdocs https://xuyq123.gitlab.io/plain-mkdocs 留神：若部署失败，可在 CI/CD --> Jobs查看起因，批改 .gitlab-ci.yml 文件。本地调试：装置 python 及 mkdocs 相干命令 pip install mkdocs 装置mkdocs python -m pip install --upgrade pip 更新Python mkdocs new my-project mkdocs serve mkdocs build参考： https://cloud.tencent.com/developer/article/1662592 https://blog.csdn.net/qq_32332433/article/details/106148965 主题装置 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple mkdocs-Bootswatch 装置多个主题 pip install --trusted-host pypi.douban.com -i http://pypi.douban.com/simple/ mkdocs mkdocs-material 装置material主题 pip install --trusted-host pypi.douban.com -i http://pypi.douban.com/simple/ mkdocs mkdocs-gitbook 装置gitbook主题 pip install mkdocs-cluster pip install mkdocs-cinder pip install mkdocs-bootstrap4 主题品种 The available installed themes are: readthedocs, cluster, lumen, flatly, yeti, material, cosmo, litera, sandstone, darkly, lux, minty, superhero, gitbook, spacelab, cinder, pulse, mkdocs, cerulean, bootstrap, solar, journal, simplex, slate, materia, bootstrap4, ivory, cyborg, united主题总结 mkdocs 默认主题，速度极快。菜单横向。蓝边白底。不够好看。评级四星。 material 速度个别。菜单竖向，左侧整体文件构造，右侧文件目录。紫边白底。评级四星。 readthedocs 速度个别。菜单竖向。展现markdown文件目录构造。黑边白底。评级四星。 sandstone 加载挺快。菜单横向。黑边白底。评级四星。 litera 加载挺快。菜单横向。天蓝边白底。评级四星。 lumen 加载挺快。菜单横向。海蓝边白底。评级四星。 spacelab 加载挺快。菜单横向。深蓝边白底。评级四星。 cluster 加载挺快。菜单横向。灰边白底。评级四星。 slate 加载挺快。菜单横向。黑边黑底。评级四星。 simplex 加载挺快。菜单横向。深红边白底。评级四星。 united 加载挺快。菜单横向。橙红边白底。评级四星。 cinder 速度个别，不显示文件夹中的下拉文档。展现markdown文件目录构造。菜单横向。黑边白底。适宜单级目录文件。评级三星。 bootstrap4 速度相当慢。菜单横向。黑边白底。评级二星。 gitbook 速度个别。菜单竖向，灰边白底。有版权广告去不掉。评级二星。 ivory 速度相当慢。菜单竖向，黑边白底。评级二星。 3、github布署mkdocsgithub mkdocs主题仓库（mkdocs gh-deploy 一键布署）创立办法： 1、创立 mkdocs.yml、README.md、.gitignore文件。创立docs目录，markdown文件放在此处。 2、本地调试 mkdocs serve 拜访：http://127.0.0.1:8000/ 。推送上述三个文件。 3、一键布署 mkdocs gh-deploy （主动生成 gh-pages分支，公布GithubPages ）可fork此仓库 https://github.com/scott180/plain-mkdocs https://scott180.github.io/plain-mkdocs/前期更新文件，只需执行 mkdocs gh-deploy 。本地调试：装置 python 及 mkdocs 相干命令 mkdocs serve mkdocs gh-deploy 参考： https://www.cnblogs.com/paulwhw/p/12725523.html 4、gitee布署mkdocsgitee mkdocs主题仓库（GiteePages服务布署目录）创立办法： 1、创立 mkdocs.yml。创立docs目录，markdown文件放在此处。 2、本地调试 mkdocs serve 拜访：http://127.0.0.1:8000/ 。 3、mkdocs build 生成动态文件，于 site 文件夹中。 4、推送 mkdocs.yml 、docs、site到仓库。 5、开启GiteePages服务，抉择对应分支。可参考此仓库 https://gitee.com/xy180/plain-mkdocs http://xy180.gitee.io/plain-mkdocs/1/site 本地调试：装置 python 及 mkdocs 相干命令 mkdocs serve mkdocs build 参考： https://www.cnblogs.com/yywBlogW/p/11362889.html5、示例仓库地址备注gitlabplain-mkdocs 网页 <br/>plain-pip-mkdocs 网页 <br/>plain-mkdocs-gitbook 网页gitlab布署mkdocs：配置文件.gitlab-ci.yml。githubplain-mkdocs 网页 <br/>plain-pip-mkdocs 网页 <br/>plain-mkdocs-serve 网页github布署mkdocs：命令mkdocs gh-deploy 。giteeplain-mkdocs 网页1 网页2 网页3gitee布署mkdocs：mkdocs build 布署目录。note-mkdocsgitlab note-mkdocs 网页1 网页2 <br/>github note-mkdocs 网页<br/>gitee plain-mkdocs 网页集体笔记，含书法练习及java笔记。myblog-mkdocsgitlab myblog-mkdocs 网页 <br/>github myblog-mkdocs 网页<br/>gitee myblog-mkdocs我的博客

关于markdown:这款Markdown神器要收费啦

11月23日，Typora 正式公布 1.0 版本，正式版开始免费了，定价14.99美元。不过，Beta版本还是能够持续收费应用的。作为 Typora 的重度用户，明天给大家介绍一下这款 Markdown 神器。简介Typora 是一款反对实时预览的 Markdown 文本编辑器。特点所见即所得。输出Markdown标记后，会即时渲染成相应格局。大部分的Markdown编辑器都是一半是编辑窗口，一半是预览窗口，而Typora合二为一，更为简洁。反对 LaTeX 语法。反对图床性能。定制化主题。MarkdownMarkdown是一种轻量级标记语言，排版语法简洁，让使用者更多地关注内容自身而非排版。根底语法：代码高亮：输出 ` 后并输出语言名，换行，开始写代码，Typora 会主动实现代码高亮的成果（如下图）。图床Typora 里的图片是链接到本地图片的，如果将文档同步到其余平台，图片链接会生效。能够应用图床来保障文档在分享后图片仍能失常显示。我应用的是PicGo图床工具，具体配置办法如下： 1、下载 PicGo：https://github.com/Molunerfinn/PicGo/releases 2、抉择图床，设置相干参数。PicGo 反对多个图床平台，如七牛、阿里云OSS等。 3、设置 PicGo server。 4、关上 Typora 中的「文件-偏好设置-图像」选项，配置上传服务为 PicGo 和 PicGo 的门路。配置实现之后，当你在 Typora 中插入本地图片时，PicGo 会主动将图片上传图床并应用 Markdown 语法替换图片地址。 LaTeXTypora 反对 LaTeX 语法，能够往文档插入数学公式。数学公式有两种模式： inline 和 display。 inline（行间公式）：在注释插入数学公式，用$...$ 将公式括起来display（块间公式）：独立排列的公式，用 $$...$$将公式括起来，默认显示在行两头罕用语法：上面举几个例子：分段函数： $$f(n)= \begin{cases} n/2, & \text{if $n$ is even}\\ 3n+1,& \text{if $n$ is odd} \end{cases}$$ ...

关于markdown:Markdown-基本语法

Markdown 是一种纯文本格式的标记语言。通过简略的标记语法，它能够使一般文本内容具备肯定的格局。长处：因为是纯文本，所以只有反对 Markdown 的中央都能取得一样的编辑成果，能够让作者解脱排版的困扰。操作简略。毛病：须要学习一些语法 (简略，容易上手)。并不是所有的平台都反对 Markdown 编辑模式。一、题目在想要设置为题目的文字后面加 # 来示意，一个 # 是一级题目，二个 # 是二级题目，以此类推，最多反对六级题目。注：规范语法个别在 # 前面增加一个空格，再书写内容。 # 这是一级题目## 这是二级题目### 这是三级题目#### 这是四级题目##### 这是五级题目###### 这是六级题目效果图：这是一级题目这是二级题目这是三级题目这是四级题目这是五级题目这是六级题目二、字体加粗要加粗的文字左右别离用两个 * 包含起来斜体要歪斜的文字左右别离用一个 * 包含起来斜体加粗要歪斜加粗的文字左右别离用三个 * 包含起来删除线要加删除线的文字左右别离用两个 ~~ 包含起来三、援用在援用的文字前加 > 即可。援用能够嵌套，如：两个>> 三个>>> 多个>>>>>>> > 一级援用>> 二级援用>>>> 多级援用成果：一级援用二级援用多级援用四、分割线三个或三个以上的 - 或 * 都能够，两者成果是一样的。 ---***成果五、图片语法：![图片形容](图片地址)图片形容是当鼠标挪动到图片上时，所出现的文字内容，能够不加。 ![百度一下](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png)成果： Markdown 格局谋求的是简略、多平台对立，那么图片的贮存就是一个问题，须要用图床，提供对立的外链，这样就不必在不同的平台去解决图片的问题。图床：图床就是一个图片服务器，用来存储图片，以 URL 的模式来共其余平台获取图片。能够本人搭建，也能够应用他人搭建好后提供的服务。个别抉择图床要满足上面的条件：可靠性。数据是当今社会最为贵重的财产之一，因而在抉择存储的服务器时，可靠性是必须思考的因素。安全性。面对攻打、盗版、毁坏时爱护数据不受到损失，是另一个必须思考的因素。是否简略可用。越简略易用越好。价格是否正当。在满足前两条的条件下，价格越便宜越好，当然，收费最好。几个高速稳固的图床网站：https://sm.ms/ 、 https://moetu.org/ 、 https://www.z4a.net/ 、 https://www.superbed.cn/ 、 https://niupic.com/ 、 https://imgbb.com/ 、 https://upload.cc/ ... ...

关于markdown:markdown一阶谓词语法

渲染成果语法$$\exists$$$\exists$$$\forall$$$\forall$$$\vee$$$\vee$$$\land$$$\land$$$\Rightarrow$$$\Rightarrow$$$\neg$$$\neg$

关于markdown:M↓Markdown-使用手册

Markdown (M↓) 之旅PrefaceMarkdown是一种轻量级的标记语言，容许人们应用易读易写的纯文本格式编写文档，是写博客、论文的绝佳工具。Markdown能够被转为html，pdf，word格局文档。 1. 抉择 1.1 VSCode + Extension 1.2 Typora2. Markdown语法 2.1 文本款式 2.1.1 斜体·加粗·删除线 2.1.2 强调 2.2 题目 2.3 分段 2.4 援用 2.4.1 单行援用 2.4.2 多行援用 2.4.3 嵌套援用 2.5 列表list 2.5.1 无序列表 2.5.2 有序列表 2.5.3 嵌套列表 2.6 链接 2.6.1 间接链接 2.6.2 链接名 2.6.3 多个同名链接 2.7 图片 2.8 代码 2.8.1 单行代码 2.8.2 多行代码 2.9 表格1. 抉择这里介绍两种应用形式 1. 1. VSCode + ExtensionVisual Studio Code isn’t a dedicated Markdown editor, but has the functionality to be used as one all the same. VS Code provides Markdown editing capabilities out-of-the-box, but you can install an extension for even greater functionality, like shortcuts, creating a table of contents, and more.( Visual Studio Code 不是专用的 Markdown 编辑器，但具备雷同的性能。 VS Code 提供了开箱即用的 Markdown 编辑性能，但您能够装置扩大以取得更多功能，例如快捷方式、创立目录等 ) ...

关于markdown:将Markdown字符串转成HTML

简介应用以下插件，顺次实现：markdown字符串转HTML、主动生成目录(toc)、代码高亮等性能。 markdown-it：将markdown字符串转换成HTML字符串；html-react-parser：将下面HTML字符串转换成React，用在Node.js的web我的项目中展现最终排版；markdown-it-anchor：给HTML减少锚点，配合插件即可生成文档的目录(TOC)；markdown-it-toc-done-right：帮markdown主动生成目录(TOC)，依赖下面插件markdown-it-anchor；uslug：下面生成的目录(TOC)，有时候跳转会失败，起因就是markdown-it-anchor生成锚点id 与 markdown-it-toc-done-right 生成的herf 不匹配导致，uslug可解决此问题；分割线<hr/>无奈显示：最终HTML页面无奈显示分割线，起因是<hr/>没有高度导致，用css设置高度hr{ height: 1px;}即可显示。highlight.js：markdown中代码解析成HTML后，跟失常文字一样是没有色彩、关键字高亮等款式的，此插件即可解决代码款式问题。markdown-it性能：把markdown字符串转换为HTML字符串. # 装置npm i markdown-it# 应用// node.js, "classic" way:var MarkdownIt = require('markdown-it'), md = new MarkdownIt();var result = md.render('# markdown-it rulezz!');// node.js, the same, but with sugar:var md = require('markdown-it')();var result = md.render('# markdown-it rulezz!');markdown-it 源码 markdown-it 插件下载Live Demo：查看markdown字符串变HTML的成果markdown-it 中文文档html-react-parser性能：将HTML字符串转成React元素。 1、装置# npm装置npm install html-react-parser --save# yarn装置yarn add html-react-parser# CDN装置<script src="https://unpkg.com/react@17/umd/react.production.min.js"></script><script src="https://unpkg.com/html-react-parser@latest/dist/html-react-parser.min.js"></script><script> window.HTMLReactParser(/* string */);</script>2、应用# 将HTML字符串转换为HTMLconst parse = require('html-react-parser');parse('<p>Hello, World!</p>'); // React.createElement('p', {}, 'Hello, World!')# 将HTML字符串转换为HTML并替换其中属性parse('<p><br id="remove"></p>', { replace: ({ attribs }) => attribs && attribs.id === 'remove' && <></>});# 将HTML字符串转换为HTML并替换其中标签<main/>为<div/>import parse, { attributesToProps } from 'html-react-parser';const html = `<main class="prettify" style="background: #fff; text-align: center;" />`;const options = { replace: domNode => { if (domNode.attribs && domNode.name === 'main') { const props = attributesToProps(domNode.attribs); return <div {...props} />; } }};parse(html, options);// 替换后后果：<div class="prettify" style="background:#fff;text-align:center"></div>3、注意事项# 确保有父容器，否则会出错<ul> {parse(` <li>Item 1</li> <li>Item 2</li> `)}</ul>html-react-parser插件下载html-react-parser源码markdown-it-anchor性能：作为markdown-it的插件应用，帮忙markdown-it解析后的HTML，加上锚点(<h/>标签减少id属性)，再配合上markdown-it-toc-done-right插件，就能够为markdown主动生成目录(TOC)。 ...

关于markdown:Markdown语法详解

简介Markdown有两层意思：一是轻量级、纯文本语法格局的标记语言；二是编辑并解析markdown语法，展现最终文字排版成果的客户端。markdown使得文字排版标准化，能够轻松转换成HTML或其余格局。让你专一于文字内容，而无需浪费时间在文字排版上。题目语法：# markdown写法： # Heading level 1## Heading level 2### Heading level 3#### Heading level 4##### Heading level 5###### Heading level 6段落语法：空行宰割，造成段落 markdown写法：段落1。段落2。实际效果：段落1。段落2。换行语法：失常段落换行用 2空格+回车；表格中换行用<br>。 markdown写法： This is the first line. And this is the second line.This is the first line.<br>And this is the second line.实际效果： This is the first line. And this is the second line. This is the first line.And this is the second line. ...

关于markdown:githubmarkdowncss使用说明

一、简介及应用步骤将markdown字符串转换成html后，能够用此插件来扭转页面款式，使得页面出现为 github款式，款式成果看这里。 1、装置插件：$ npm install github-markdown-css 2、新建github-markdown.css文件，内容如下：.markdown-body { box-sizing: border-box; min-width: 200px; max-width: 980px; margin: 0 auto; padding: 45px;}@media (max-width: 767px) { .markdown-body { padding: 15px; }}3、import "github-markdown.css"到我的项目中；4、在markdown的父容器中减少markdown-body款式：<article class="markdown-body"> <h1>Unicorns</h1> <p>All the things</p></article>二、相干链接github-markdown-css应用阐明！

关于markdown:Markdown语法基础

本文蕴含的Markdown语法有：题目文字粗斜体划线脚注段落换行分隔符列表区块援用代码链接图片表格目录正文反对的HTML元素转义字符题目在Markdown 中题目能够应用两种形式来一种是用 =或-一种是用 #1. 应用=或- 至多用三个 =或- 代码示例: 一级题目===二级题目---2. 应用# 在想要设置为题目的文字后面加#来示意 #前面要加空格一个#是一级题目，二个#是二级题目，以此类推。反对六级题目。代码示例: # 一级题目## 二级题目### 三级题目#### 四级题目##### 五级题目###### 六级题目文字粗斜体在MarkDown里，粗、斜体有两种写法，一种是用 * ，一种是用 _ 包裹住你要扭转的内容在 * 或 _ 与内容要紧贴着，之前不能用空格一个*或一个_ 是斜体两个*或两个_ 是粗体三个*或三个_ 是粗斜体代码示例: *斜体文本* _斜体文本_**粗体文本** __粗体文本__***粗斜体文本*** ___粗斜体文本___示例成果: 斜体文本粗体文本粗斜体文本划线在MarkDown中没有上划线和下划线的本身语法，只有删除线(中划线)的语法，但能够通过其余形式实现上划线能够通过Latex公式实现删除线(中划线)下划线应用HTML语法或 Latex公式实现代码示例: $\overline{\text{上划线}}$~~删除线~~$\underline{\text{下划线}}$<u>下划线</u>示例成果: $\overline{\text{上划线}}$ 删除线 $\underline{\text{下划线}}$ <u>下划线</u> 脚注在MarkDown中反对增加脚注形式来对文本进行补充阐明。在须要增加注脚的文字后加上脚注名： 1 。而后在文本的任意地位(个别在最初)增加脚注：脚注主动生成在页面最最前面，在页面开端能够看到，并且脚注前方的链接能够间接跳转回到加脚注的中央。代码示例: 脚注示例，这是第一个脚注[^注脚名1]，这是第二个脚注[^注脚名2]，这是第三个脚注[^注脚名3][^注脚名1]:我是脚注一.[^注脚名2]:我是脚注二.[^注脚名3]:我是脚注三.示例成果: 脚注示例，这是第一个脚注2，这是第二个脚注3，这是第三个脚注4 段落换行在Markdown 段落没有非凡的格局当须要内容换行时，应用两个以上空格加上回车。当须要生成新的段落，只需空出一行即可多个空行只失效一个空行代码示例: 上一行内容下一行内容上一个段落下一个段落示例成果: 上一行内容下一行内容上一个段落下一个段落分隔符在Markdown 分隔符须要应用 * 或 - 或 _来建设 ...

关于markdown:语雀的开源替代品可私有部署无用户限制数据完全掌控

语雀文档是蚂蚁团体推出的一款私有云知识库产品，其用于集体笔记与常识创作，团队协同与常识积淀，适宜作为「集体笔记」、「专栏博客」、「我的项目文档」和「官网文档」来应用。置信很多敌人都用语雀来写文档。语雀的三个外围特色是：像书一样的知识库语雀的目录及纲要性能，让多篇文档结构化，造成一本本像书一样清晰易读的知识库，不便常识创作及积淀。业余好用的编辑器语雀自研编辑器，反对文档、表格、演示文稿、绘图四大文稿类型，具备 Markdown、代码块、LaTeX 公式、PlantUML 等业余编辑能力，同时反对本地视频、Office 文件、PDF 文件等内容的上传与在线预览，可满足多种业余岗位需要，让创作更高效。宁静愉悦的团队协同语雀提倡感性不打搅的异步高效协同，能够享受安安静静的专一工作。须要沟通协同时，微微一点分享就可告诉对方。在语雀，所有宁静有序，心流在愉悦中产生。这样一个知识库产品在国内互联网上几乎没有对手。语雀的长处那么多，然而也少有有余。正如俗话所说「汝之蜜糖，吾之砒霜」。语雀对于很多人来说的劣势——SaaS化的私有云在线云产品、用户所创作的所有内容都存储在语雀的服务器上，也正是另一部分用户眼中的劣势。尽管语雀声称本人「依靠蚂蚁团体多年平安技术积淀，同时取得国内外多种平安资格认证，为你的常识保驾护航。」然而对于有数据本地化存储和须要在内网环境应用的用户来说，还是很不不便。基于语雀的这点有余，上面给大家举荐一款可私有化部署在任何计算机上的开源的在线文档零碎——MrDoc。开源的在线文档零碎——MrDoc MrDoc 是基于 Python 开发的在线文档零碎，适宜作为集体和小型团队的公有云文档、云笔记和常识管理工具。致力于成为优良的私有化在线文档部署计划。 MrDoc 领有 8 大特点，别离是书写便捷、沉迷浏览、权限管控、导入导出、多端扩大、治理弱小、公有部署和继续更新。上面咱们来逐个介绍 MrDoc 的这些特点。多编辑器书写文档MrDoc 目前反对 Markdown 编辑器、富文本编辑器和在线表格编辑器，可能创立一般文档和在线表格文档，充沛满足各个群体的文档编辑需要。沉迷浏览和语雀文档一样，MrDoc 以文集作为文档的容器，同时反对多层级的纲要和目录编排，让文档内容结构化，造成像一本书一样的知识库。权限管控MrDoc 中的文集反对多种权限配置，能够设置为「公开」、「私密」、「拜访码」、「指定用户/用户组可见」、「登录用户可见」等，不便文集的创建者对文集的公开水平进行管制。导入导出与此同时，MrDoc 还反对 Markdown文档、Word文档、Excel文档的导入，不便用户将本地的文档转移到零碎。并且，MrDoc 还在踊跃染指支流的文档零碎，以不便线上平台的文档进行迁徙和转移。多端扩大除了 MrDoc Web端，MrDoc 还反对浏览器扩大。通过用户Token配置好浏览器扩大后，就能够将 MrDoc 化身为网页剪藏神器。治理弱小MrDoc 反对对文集、文档、文档模板、图片、附件、用户等等内容进行治理，不便站点管制和内容管制。公有部署MrDoc 是基于 Python 语言编写的 Web 利用，并且基于GPLv3开源协定托管在了 GitHub 和 Gitee 上。只有是可能运行 Python 的计算机上（Windows、Linux、macOS），都能够部署 MrDoc。 ...

关于markdown:使用markdown编写数学公式

应用markdown编写文档，应用它的反对数学公式，真的很不便欸！！！第一步，批改偏好设置，勾选内联公式选项文件 -> 偏好设置 -> Markdown -> 内联公式依照下图设置实现后，咱们就能够在Typora中欢快的输出公式了~ 一、输出希腊字母在行内输出：$ + esc，会呈现$$字样，在这两个美元符号之间输出LaTex语法，即可实现在行内插入公式。在行间输出：$$` + `回车`，会呈现一对`$$ $$的符号，在这一对符号之间输出LaTex语法，即可实现在行间插入公式。注：美元符号需在英文输入法下进行输出。希腊字母的LaTex语法见下图。你能够在本人的Typora编辑器中依照下面所讲的办法尝试输出一下代码，察看成果。留神：在理论输出的代码里请不要加上顿号，这里加顿号只是为了起一个示意性的分隔作用。 $\alpha$、$\beta$、$\chi$、$\Delta$、$\Gamma$、$\Theta$ $$ \alpha\beta\chi $$$\alpha$、$\beta$、$\chi$、$\Delta$、$\Gamma$、$\Theta$ $$\alpha\beta\chi$$ 二、插入一些数学的构造办法和下面是一样的，只有替换相应的LaTex语法即可。这里举几个例子，感受一下用法，剩下的能够在Typora编辑器中自行尝试。 $\frac{abc}{xyz}$ $$ \frac{abc123}{xyz123} $$举个例子,行内：$\frac{abc}{xyz}$ 行间输出： $$\frac{abc123}{xyz123}$$ 三、插入定界符 $|$、$\|$、$\Uparrow$$|$ $\|$ $\Uparrow$ 注：将上述定界符与\left和right组合应用能够使得定界符匹配其内容的高度。比方要构建一个如下的矩阵的行列式。 ![4-variable](/images/2020-12-14-mathtypora/4-variable.png) $$ \left|\begin{matrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{matrix} \right| $$显示成果如下: $$\left|\begin{matrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9\end{matrix} \right|$$ ...

关于markdown:Markdown入门语法笔记

Markdown入门语法笔记前言本文应用Typora编辑,汇总了Markdown根底语法.参考Markdown 教程|菜鸟教程题目应用 '#' 加空格增加题目,源码: # 一级题目## 二级题目### 三级题目#### 四级题目##### 五级题目###### 六级题目显示成果: 格局换行空行换行,源码: 第一行 stay hungry, stay foolish!第三行进取源自放弃饥饿，胜利在于守住初心。显示成果: 字体源码: *斜体***粗体*****斜粗体***显示成果: 下划线源码: <u>下划线</u>显示成果: 删除线源码: ~~删除线~~显示成果: 脚注脚注格局如下: [^要注明的文本]源码: 创立[^脚注][^脚注]:stay hungry, stay foolish!显示成果: 列表无序列表应用 '-' 或 '+' 或 '*' 加空格 ,源码: - 第一项- 第二项- 第三项+ 第一项+ 第二项+ 第三项* 第一项* 第二项* 第三项显示成果: 有序列表阿拉伯数字加 '.' 加空格, 源码: 1. 第一项2. 第二项3. 第三项显示成果: ...

关于markdown:快速入门上手Markdown

第一次接触Markdown是写代码初期看很多大佬的github，他们的我的项目肯定会有一份文件叫Readme.md的文件他们由一些简略好看的符号和汉字字母组成，编译之后成为一篇简略直观的文档深刻理解之后我才晓得，原来还有这样一种神奇的标记语言，能够写出这么难看的文档当然，在咱们记录一些技术文档或者写技术博客的时候，也常常会头疼，如何写一篇技术文档，可能同时以好看的格局公布到多个博客平台呢？ Markdown就能够解决咱们疾速书写和多个平台适配的痛点，他能够用一些简略的标记符，来格式化你的文档，并且保障不同平台对立的格局当然，因为各个平台的Markdown解析器的配置不同，解析后的一些款式，比方字体粗细，超链接色彩，代码块色彩之类的，可能会稍有不同能够说，Markdown就是为简略而生什么是Markdown？Markdown是一种轻量级标记语言，它容许人们应用易读易写的纯文本格式编写文档他是由John Gruber在2004年创造创立由Markdown编写的文档能够导出HTML 、Word、图像、PDF、Epub等多种格局的文档Markdown编写的文档后缀为.md或.markdown`留神!!!Markdown反对局部Html的语法，局部展现简单的内容能够用Html代码来写Markdown编辑器的抉择因为我集体是从js开始接触代码世界，所以我抉择的第一个编辑器是Hbuilder（留神官网曾经不提供更新版本下载），不过目前它曾经降级版本到HbuilderX，这不是一个专门的Markdown编辑器，然而他的外部集成了插件具备间接编写Markdown的性能，就我集体而言我感觉非常适合写Markdown文档，不仅不耽搁写代码，而且它的Markdown文本标注的色彩十分合乎我的审美。当然萝卜青菜各有所爱，还有以下一些Markdown编译器大家都能够试试各大博客网站的编写都是反对Markdown语法的，所以能够间接在网站上写，如：github，csdn，开源中国，掘金，思否之类的平台专门的Markdown编辑器，如： Mou MarkdownPad Typora Atom HaroopadSublimeText Cmd Markdown Byword CuteMarkEd Dillinger EpicEditor MarkdownEditor MarkPad Marxico最初，大部分的编译器都是能够装置Markdown编译器插件的，所以基本上能够间接在写代码的同时用Markdown写写技术文章哦我罕用的一些语法留神!!!这里是我本人平时写文档和技术博客罕用的一些Markdown标记，标注为我本人写文档应用的地位，不是这个标记的官网定义 # 大题目 ### 段落题目 #### 非凡tip（会加粗成为目录中的题目，慎用，我是因为橘黄色才用这个作tip）1. 有序列表 + 无序列表 > 援用（须要垂直间断应用）*文字* 歪斜**文字** 加粗***文字*** 加粗歪斜[内部链接题目](内部链接地址 "题目") 内部链接，题目就是相似脚注，鼠标悬浮后显示的文字 `单行代码` 行内代码块 ```*2 多行代码块（留神这里是两排```，两头写代码即可）[锚链接题目](#锚链接id) + <span id="#锚链接id"></span> 组合应用能够实现锚链接，在以后文章内跳转到指定地位 Markdown语法大全题目段落列表援用代码链接图片表格其余<span id="jumpId-title"></span> 题目次要是用来写整个文档的目录构造的，须要留神的是各级题目的字体大小对应h1-h6能够用下划线突出一下题目，不过我自己不喜爱这么标记，依据字符数量不同，标记线的长度不同# 一级题目## 二级题目### 三级题目#### 四级题目##### 五级题目###### 六级题目---- 标记线<span id="jumpId-p"></span> 段落在文字的开端增加两个空格或者下一行空一行，都能够实现换行应用*或者_组合来实现加粗或者歪斜*斜体文本*_斜体文本_**粗体文本**__粗体文本__***粗斜体文本***___粗斜体文本___应用上面这些符号都能够建设分割线，依据符号数量不同分割线长度不同**** * ******- - -----------在文字的前后加上~或者~~能够实现删除线~须要标注删除线的文字~~~须要标注删除线的文字~~让文字领有脚注，就是鼠标悬浮之后显示的文字[^须要注明的文字]: 悬浮后显示的文字<span id="jumpId-list"></span> 列表有序列表，间接用1. 2. 3.按程序标注上来即可，留神是数字加.1. 第一项2. 第二项3. 第三项无序列表，应用*或者+或者-按程序标注上来即可* 第一项* 第二项* 第三项+ 第一项+ 第二项+ 第三项- 第一项- 第二项- 第三项嵌套列表，列表嵌套只需在子列表中的选项后面增加四个空格即可。留神列表下也能够应用>来援用相干内容，留神援用换行须要在开端加两个空格哦1. 第一项： * 第一项嵌套的第一个元素 * 第一项嵌套的第二个元素 2. 第二项： + 第二项嵌套的第一个元素 + 第二项嵌套的第二个元素 3. 第三项 - 第三项嵌套的第一个元素 - 第三项嵌套的第二个元素 4. 援用内容 > 援用一（留神如果要换行就加两个空格，默认是不换行，会主动把上面援用内容拼接过去） > 援用二<span id="jumpId-use"></span> ...

关于markdown:Marp用-Markdown-写-PPT-成为可能

对于大多数人来说制作 PPT 体验并不是很好，其中最烦人的莫过于排版款式。而 Markdown 用简洁的语法代替排版，而不需像咱们用的字处理软件 Word 或 Pages 有大量的排版、字体设置。Markdown 让你只须要专一内容而不必关怀排版款式，Markdown 帮你解决排版款式。Markdown 次要用于代替 Word，是否能够将简洁易用的 Markdown 用于制作 PPT 呢？上面我将介绍仅须要简略的 Markdown 文档就能够生成幻灯片的工具：Marp。装置对于普通用户而言，现阶段应用 Marp 的最好形式就是通过其公布的 VS Code 插件，能够创立并导出为 PPTX、 PDF 和 HTML 的演示文稿。咱们能够先返回 VSCode 的网站下载并装置 VSCode。一旦进入 VSCode，点击 Extensions 选项卡并搜寻 Marp：按下装置按钮，几秒钟后你就能够装置了。装置实现后在电脑的任何中央创立一个文件夹（这里我取名 marp_slideshow），而后在 VSCode 中关上它并在外面创立了一个 slideshow.md 文件。应用 Markdown 制作最简略的幻灯片，只须要让编辑器晓得：它是幻灯片（不是文档）以及它该在哪里分页。通过在文档的结尾增加如下字段通知编辑器你正在应用 Marp ---marp: true--- 通过应用分割线语法 --- 来创立一个新的幻灯片（须要增加一个空行） ---根本应用创立第一张幻灯片通知编辑器正在应用 marp ---marp: true--- 关上预览当初能够点击 Preview 图标查看演示文稿增加内容增加如下内容，第二个元素有子元素，每个元素都有不同的款式。以下是如何应用粗体、斜体和行内代码的示例： # Welcome to MARP- It's an awesome VSCode extension for making presentations.- It's based on Markdown: - **Bold** - _Italic_ - `code` ...

关于markdown:程序员的文档方式markdown快速上手

1.前言没应用markdown之前，开发文档都是应用doc文档。然而doc文档不利于上传到gitHub或者gitee等代码托管平台，不易查看批改记录。而markdown她简略易上手，没有繁琐的格局和排版，且很不便查看批改记录。因而，markdown成为了泛滥开发者的首先。置信，大家都会应用她了，因而，这里只是做个简略的介绍，记录一下咱们的开发好帮手！ 2.劣势和doc相比，简略易上手，没有繁琐的格局和排版不便上传gitHub或gitee，易于查看批改记录很容易生成pdf或者html文档，便于转换很多网站均反对markdown写文章，因为没有格局和排版的问题，不便多平台公布3.下载路径反对markdown的软件和平台很多，作为平时开发文档的书写，我经常应用的开源的typora，她是我最喜爱的markdown软件了，没有之一。当然，如果你喜爱vscode，也能够通过vscode装置其插件。这里次要给出typora的下载方式： 3.1 windows装置能够通过官网地址下载：https://typora.io/或者应用chocolatey下载安装，这种基于windows包管理器的装置形式，我比拟喜爱3.2 linux装置for Linux# or run:# sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys BA300B7755AFCFAEwget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -# add Typora's repositorysudo add-apt-repository 'deb https://typora.io/linux ./'sudo apt-get update# install typorasudo apt-get install typora4. 常用命令与显示成果4.1 分段与分行以一个或多个空行来隔开段落；以两个或多个空格来段内换行。 4.2 题目# This is an H1## This is an H2###### This is an H6成果： This is an H1This is an H2This is an H64.3 援用在每一行后面写一个>： > This is a blockquote with two paragraphs. Lorem ipsum dolor sit amet,> consectetuer adipiscing elit. Aliquam hendrerit mi posuere lectus.> Vestibulum enim wisi, viverra nec, fringilla in, laoreet vitae, risus.>> Donec sit amet nisl. Aliquam semper ipsum sit amet velit. Suspendisse> id sem consectetuer libero luctus adipiscing.成果： ...

关于markdown:云写作服务私有化部署方案之版本库私有化

服务介绍顶想云写作服务由原来的看云文档写作服务独立而来，在积攒了6年多的迭代和教训后，咱们从新设计和架构了新的云写作服务，秉承精简实用的设计理念，以更好满足写作需要和应用场景，独立的云写作服务也更适宜私有化部署以及和本人的版本库整合。顶想云写作服务作为ThinkPHP官网生态服务之一，基于Markdown+Git的现代化写作模式，提供了Markdown和可视化两种写作模式，并且反对团队和多人合作，让你能够随时随地轻松实现各类业余文档的写作和公布，并提供极佳的写作体验：产品说明书及用户手册电子书籍或电子期刊学术论文（反对LaTeX公式）技术文档及我的项目文档（反对代码）企业云端知识库目前云写作服务曾经全面反对支流GIT版本库，目前反对的包含Github、GitLab以及Gitee。对于一些数据比拟敏感的企业来说，版本库私有化部署计划能够很好的解决数据隐衷的问题，是一个极具性价比的私有化解决方案。计划劣势版本库私有化作为写作服务私有化部署计划次要有如下劣势：爱护数据隐衷写作服务自身不保留任何数据，仅提供了一个编辑界面和公布机制，数据都是提交到GIT版本库，因而一旦GIT版本库实现了私有化，也就相当于实现了数据的私有化过程，从而防止了企业或集体数据隐衷的泄露。性能拓展无忧云写作服务由外围写作服务+插件核心组成，由官网开发和开发者奉献的海量插件能够帮忙企业解决各种写作场景的拓展和文档的主题丑化等私有化定制，您也能够把企业本身的需要反馈给咱们，咱们来定制专门的插件扩大或浏览主题。享受更新服务私有化部署期间还能够享受官网的更新服务，定期会欠缺性能和减少插件，写作性能的更新迭代不影响版本库私有化部署的应用。缩小运维老本写作服务自身因为没有私有化部署，所以大大减少了本人的运维老本，你不须要设置专人保护，也不须要专门的服务器，如有问题提交工单或客服反馈即可。极低成本部署相比传统的私有化部署解决方案，版本库私有化部署计划具备较低的私有化部署老本，能够节俭大量的运维费用和人员老本，全副由官网提供服务反对。私有化流程该私有化部署的前提是企业曾经自建了GIT版本库零碎，包含采纳GitLab（该服务是收费的）、Github、Gitee企业版等在内的私有化计划（如果你自建的GIT版本库不是上述版本库，可能须要领取额定的定制开发费用）。如果你曾经具备上述条件的话，并且在体验云写作服务（残缺写作性能演示：点击这里）之后感觉能够满足您企业的文档需要，能够分割咱们对接版本库私有化部署计划。由咱们来帮您实现版本库对接，实现后贵企业就能够用本人外部的版本库用户体系登录后应用云写作服务。更多私有化部署计划征询请分割微信 topthink

关于markdown:图床uPic和阿里oss前世今生

图床，uPic和阿里oss的前世今生对于常常写笔记的人来说，图片是必然不可少的，因而我写一份 upic 工具和阿里 oss 配合。为什么抉择 uPic？为 macos 定制轻量级反对命令行操作为什么抉择阿里 oss？稳固大厂，嗯，很释怀用量不大，则根本能够看做收费自带 oss 工具，不便增删改查等操作uPicuPic 下载链接装置mac 独有的 brew 装置形式：brew install --cask upic去对应我的项目的 github 地址，找对应的版本下载：链接介绍与应用抉择文件上传复制文件上传截屏上传拖拽文件上传从浏览器拖拽图片上传右键菜单上传命令行上传快捷键上传阿里 oss官网链接：官网阿里的官网，仍然是橘里橘气，sorry，不好意思，万年不变的橘色，尽管较合乎它 logo 图标的色彩，然而我忍不住呀。我赔罪... 注册账号，当然鄙人曾经早早就注册过了，这里就不必要细说了。咱们抉择它唯美的右上角的控制台按钮，进入之后，抉择 oss 存储服务。这里留神一点：如果没有开明对象存储，须要先进行开明（开明不免费，应用才免费）还有一点：能够抉择按流付费(默认形式)和买套餐包年包月,举荐应用套餐。（ps：是不是感觉我没有一口气说完，扯犊子呢）看图：一年 9RMB，一个月 40G，其实绝对于常常写博客或者文章的人，这点钱算什么呀，比一些视频和音乐年费便宜多了，难道不是吗？低潮来了，咱们开始正式创立 bucket 了，bucket：你能够了解为你的工程项目一样，其中能够创立多个层级目录等。装置 bucketps：我多说一点，一篇文章图文讲解，还是十分人性化的，如果一篇教程只有文字，对于新生迫切需要解决问题的人，头还有一点点疼，比方鄙人？留神：抉择公共读即可，私人的话，他人拜访不到，你如不信，你能够试试。绑定域名(可选) 当然，鄙人曾经绑定了域名，域名的购买，也挺简略，不过须要备案，备案以前挺麻烦，不过当初网上办理非常容易，前提你不怕打电话被骚扰。留神：如果是阿里的域名，你能够抉择红框的选项，主动解析 cname，但若不是，手动一下不是不能够，对于手动也挺简略的，置信大家能够本人尝试解决一波，这里我就不赘述了。对于 cdn(可选)前期鄙人写个教程把，配置这么多，我怕这篇教程有点长，你说是不是？二者联合去找对应的 accessky 第一次是没有对应的 key，须要创立一个 ...

关于markdown:玩转Markdown-数据的分离存储与组件的原生渲染

玩转Markdown —— 数据的拆散存储与组件的原生渲染前言最近笔者把之前写的文章(markdown)数据，全副同步到数据库里，来交给多端去实时渲染。在同步的过程中，却呈现了一些问题。笔者这里举个例子，让大家有所感触： ---author: icebreakermusic: title: '喜爱寂寞' artist: '苏打绿' src: '${{env.CDN_URL}}/music/喜爱寂寞-苏打绿.m4a' pic: 'http://p1.music.126.net/NGBr80seZ96ILO2h8R390A==/18576248952955358.jpg?param=130y130'---# icebreaker喜爱的音乐<icebreaker-love-music :music="music"></icebreaker-love-music>上列文本解析后，会在浏览器这个环境，应用 icebreaker-love-music 这个组件构建一个音频播放器，并把在 yaml 外面申明的数据，作为 props 传递给它，从而达成了在 markdown 中应用 vue,react,web component 组件的成果。而且通过这个思路，还演化出 MDX 这个格局，大大的加强了 JSX 与 Markdown 混合书写时的开发体验，加强了它的体现能力。怎么做到的呢？咱们晓得，原生 Markdown 性能很少，不会做任何花哨的事件，这导致它无奈满足大量的场景。于是乎，大量的开发人员充分发挥了主观能动性，定制了许多的Markdown编译器。以驰名的 Typora 为例，它就集成了 flowchart.js, mermaid 这类的图表库。咱们能够在md里疾速的生成一些简略的图表，然而遇到简单的 case 时，可操控性还是远远弱于代码的。（这种状况，通常会在编辑器内部，先把图表做好，再把图片导出，插入md里）甚至还呈现了 nodeppt 这样，应用 markdown 来制作 ppt 的包。笔者已经应用过一段时间，认为应用的场景，还是以部门外部的分享为主。受限于许多难记的语法和md本身的表现力，在遇到高自定义化的场景时，制作老本会远远超出powerpoint。 markdown 数据的拆散存储那么进入正题了，如何对 markdown 内不同的数据进行归类呢？咱们晓得，不进行预处理的话，间接存进数据库里，无非就是一堆字符串。这堆字符串里藏着的数据，去实时处理，就是对计算机算力的节约。许多的 markdown 解析器，也都可能反对像 yaml，json，toml，csv 等数据格式，此时事后把它们存进数据库就很有必要了。怎么解析呢？通常的做法就2字，标记，在编写时，把它们用非凡的flag标识起来，比拟通用的做法有： ---\n{{code}}\n--- => yaml ---toml\n{{code}}\n--- => toml ---json\n{{code}}\n--- => json 这种做法实质上，和代码染色相似： \`\`\`js(染色语言)\n{{code}}\n\`\`\` 于是在标记进去之后，咱们就能够非常容易的，对这堆字符串，进行截取解析再分发给不同的解析引擎解决了。现有的实现也很多，比方 gray-matter。然而这只解决了数据拆散的问题，还有一个组件渲染的问题没有解决。组件的原生渲染在谈这个之前，先看看 md 是如何转成 html 的: 以 markded,markdown-it,unified(remark) 为例它们无非是把 md 先解析成 tokens/mdast, 例如: { type: 'root', children: [ { type: 'heading', depth: 2, children: [ {type: 'text', value: 'Hello, '}, { type: 'emphasis', children: [{type: 'text', value: 'World'}] }, {type: 'text', value: '!'} ] } ]}而后再交给 html 的 renderer 去解决的，上述的例子能够很容易的看出它的后果。那么非转化成 html，而去转化为原生标签怎么做呢？解决方案也有很多。先说一下我实现的计划：即 <icebreaker-love-music :music="music"></icebreaker-love-music> 这一段字符串一成不变的存入数据库中，而后在其余平台的场景，都去编写或者移植一个Markdown解析器，接着呢 # 如伪代码所示onParse: mdast if: match(node.name , 'icebreaker-love-music') then: replace and return <native component code>(node.attrs)这种做法实质就是条件渲染，相当于一个 if 分支。这个解决方案须要在不同的平台上，把 icebreaker-love-music 这个组件都实现一遍，并作为插件挂载在 Markdown解析器中。它的毛病也是很显著的: 即便各自平台的生态下，曾经存在了优良的解决方案，但无奈保障各自的实现以及插件的成果。工作量大，原生须要不同语言，实现雷同的组件成果。死板，当发现获取的数据中有不明组件，就须要 fallback 解决，这种会造成和后盾那些管理系统的富文本/Markdown编辑器，产生高度的耦合，甚至会影响到版本的公布。另一种的畅想另外一种则是我的畅想了，咱们是否把组件自身，进行编译，变成一种 IL(Intermediate Language)的存在，交给各个端，进行原生渲染呢？比方咱们晓得，web component 浏览器端原生反对 vue 组件能够被 @vue/web-component-wrapper 转化为 web-component react 则有 react-web-component 那么 web-component 有可能，能依靠一个像 QuickJS 这样的 Javascript Engine，在原生环境进行实时的编译渲染吗？以上这些就是笔者的一些愚见，如有想法，欢送大家探讨和指导。附录(ast的生成与转化) syntax-tree mdast-util-from-markdown mdast-util-to-hast

关于markdown:TyporaPicGoGitee搭建博客写作环境

Typora+PicGo+Gitee搭建博客写作环境在学习的过程中，很多同学都有记笔记的习惯，记笔记的工具有很多，大略有以下几种： WordoneNote印象笔记语雀Markdown.......总之，记笔记的软件形形色色，而程序员作为非凡的群体，他们热衷于钻研技术、分享技术，因而免不了写文章公布在各类博客平台。为了同非专业人士辨别开来，程序员通常采纳Markdown写作，撰写好的文章的会公布在多个博客平台，因而免不了图片复用。本文以图片复用为出发点，具体论述了如何应用Typora+PicGo+Gitee搭建咱们的博客写作环境。 Typora：它是一款轻便简洁的Markdown编辑器，反对即时渲染技术，即所写立即所见，少了排版的工夫，专一于文章内容的编辑。PicGo:它是一个用于疾速上传图片并获取图片 URL 链接的工具，反对多种图库。Gitee:目前中国最大的代码托管的工具，除了代码，还能够用作图片存储。本文共分为三局部，Typora和PicGo软件的装置、PicGo+Gitee图床环境的搭建和Typora接入图床。 1、Typora和PicGo1.1 TyporaTypora介绍Typora 是一款反对实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，并且因为仍在测试中，是完全免费的。它首先是一个 Markdown 文本编辑器，它反对 Markdown 语法的文本编辑。在 Typora 官网上他们将 Typora 形容为「A truly minimal markdown editor. 」零碎本文应用的零碎环境是windows10 下载官网下载地址：https://www.typora.io/#windows<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108042138225.png" alt="image-20210804213716829" /> 依据本人的须要选择性的下载即可。装置步骤比较简单，始终点击next即可。 1.2 PicGo所谓图床工具，就是主动把本地图片转换成链接的一款工具，网络上有很多图床工具，就目前应用品种而言，PicGo 算得上一款比拟优良的图床工具。它是一款用 Electron-vue 开发的软件，能够反对微博，七牛云，腾讯云COS，GitHub，阿里云OSS，SM.MS，imgur 等7种罕用图床，功能强大，简略易用。下载下载地址：https://github.com/Molunerfin...NOTE：mac零碎抉择dmg下载，windows抉择.exe下载。装置过程很简略，始终next即可。 2、PicGo+Gitee图床环境的搭建2.1 创立仓库在本人的Gitee上创立一个仓库，仓库必须是公开(开源)的。 <img src="C:/Users/yakun/AppData/Roaming/Typora/typora-user-images/image-20210803232332445.png" alt="image-20210803232332445" /> 2.2 设置私人令牌在gitee点击本人的头像，并找到设置按钮。<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032327981.png" alt="image-20210803232706236" /> 在平安设置中找到私人令牌<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032328617.png" alt="image-20210803232813590" /> 输出私人令牌形容和gitee明码<img src="C:/Users/yakun/AppData/Roaming/Typora/typora-user-images/image-20210803232957498.png" alt="image-20210803232957498" /> 全副实现后，即可生成私人令牌，<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032331417.png" alt="image-20210803233119378" /> NOTE:肯定要保留好令牌，页面敞开后，将再也找不到本次生成的令牌，若令牌失落，能够从新生成新的令牌 2.3 PicGo的设置2.3.1 设置Gitee图床在图床设置中抉择Gitee图床 <img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032334532.png" alt="image-20210803233435291" /> owner：写本人的用户名即可repo：用户名/仓库名称，比方我本人的仓库Langyk/image_repository，也能够间接复制仓库的url 这个是可选项，能够不填写token：这个就是咱们生成的私人令牌，间接复制到外面message：这个是非必填项，不影响2.3.2 PicGo设置设置开机启动和工夫戳重命名<img src="https://gitee.com/Langyk/image-repository1/raw/master/202108032343879.png" alt="image-20210803234305235" /> 2.3.3 插件设置在搜寻框中搜寻gitee，并装置该插件 NOTE: 这里留神一下，必须要先装置node.js能力装置插件，没装的本人装一下，而后重启就行。 ...

关于markdown:markdown的骚气操作一

markdown系列其余内容 markdown的骚气操作（一）✓ latex的骚气操作（二）本文指标次要介绍markdown锚点、索引脚注、对勾及抉择框、表格显示地位和符号显示地位、绘制流程图一些罕用的markdown命令锚点主目录形式设置锚点：返回主目录：[下级题目](#markdown)→下级题目文中设置锚点：设置锚点：<b id="锚点测试1">设置锚点1</b>→设置锚点1援用锚点：[锚点测试1](#锚点测试1)→锚点测试1设置锚点2：<a name="锚点测试2">设置锚点2</a>→设置锚点2援用锚点：<a href="#锚点测试2">锚点测试2</a>→锚点测试2markdown设置锚点.gif 索引&脚注这是一个索引测试哈设置索引[1^]: https://zhuanlan.zhihu.com/p/400027233 "洞悉你的服务器性能"援用索引，导航到《洞悉你的服务器性能》[1^]→[1^]援用索引，导航到《关键词提取》[2^]→[2^]这是一个脚注测试哈设置脚注[^1]: 此处是脚注1援用脚注，这里有一个脚注[^1]→脚注1。援用脚注，这里有一个脚注[^2]→脚注2。markdown设置索引和脚注对勾 check图像,在github上是失效的toDo | date:------------ | :-------------:white_check_mark: | :heavy_check_mark: 表格显示地位左侧显示表格%%html<style> table {margin-left: 0 !important;}</style>abcdefbar barbaz符号地位分段函数，推导式函数流程图graph LRA[方形] -->B(圆角)B --> C{条件a}C -->|a=1| D[后果1]C -->|a=2| E[后果2]F[横向流程图] 矩阵公式$$\begin{bmatrix}{p_{11}}&{p_{12}}&{\cdots}&{p_{1m}}\\{p_{21}}&{p_{22}}&{\cdots}&{p_{2m}}\\{\vdots}&{\vdots}&{\ddots}&{\vdots}\\{p_{m1}}&{p_{m2}}&{\cdots}&{p_{mm}}\\\end{bmatrix}$$ 代码块&分割线# 这是R的一个代码块library(ggplot)# 这是python的代码块import pandas as pd其余罕用markdown命令希腊字母汇合字符积分求导符号 latext 此处是脚注1 ↩ 此处是脚注2 ↩

关于markdown:Markdown-语法指南

根本语法代码如果你只想高亮语句中的某个函数名或关键字，能够应用反引号 `function_name()` 实现。通常编辑器依据代码片段适配适合的高亮办法，但你也能够用 ` 包裹一段代码，并指定一种语言，示例： ```javascript$(document).ready(function () { alert('hello world');});```也能够应用 4 空格缩进，再贴上代码，实现雷同的的成果： ····def g(x):···· yield from range(x, 0, -1)····yield from range(x)如你不须要代码高亮，能够用上面的办法禁用： ```nohighlight// 代码内容```题目文章内容较多时，能够用题目分段： ## 大题目### 中题目#### 小标题粗体、斜体**粗体文本***斜体文本****粗斜体文本***链接罕用链接：文字链接 [SegmentFault](https://segmentfault.com)网址链接 <https://segmentfault.com>高级链接：这个链接用 1 作为网址变量 [Google][1].这个链接用 yahoo 作为网址变量 [Yahoo][yahoo].而后在文档的结尾为变量赋值（网址）[1]: http://www.google.com[yahoo]: http://www.yahoo.com列表无序列表 * 列表文本前应用 [减号+空格]+ 列表文本前应用 [加号+空格]- 列表文本前应用 [星号+空格]有序列表 1. 列表前应用 [数字 + . + 空格]2. 咱们会主动帮你增加数字7. 不必放心数字不对，显示的时候咱们会主动把这行的 7 纠正为 3列表嵌套 1. 列出所有元素：···- 无序列表元素 A······1. 元素 A 的有序子列表······2. 元素 A 的有序子列表···- 后面加三个空格2. 列表里的多段换行：···新的一个段落···这样换行，整体的格局不会乱3. 列表里援用：···> 援用内容···> 援用内容4. 列表里代码段：···```···后面三个空格，之后用三个反引号造成代码块···```·······或者间接空七个，引入代码块援用一般援用 ...

关于markdown:test

Import Product#1 可配置产品POST:https://www.catchupdeals.com/... form: product_name: Cotton Casual Dressesproduct_id: e9f37e28-ddb8-4324-a1e8-73715310eff1product_url: www.favorgirl.com/products/cotton-casual-dresses_vypx?variant=97e3cbc4-e989-46db-b533-a54d9c55b26aprice: 27.99meta_title: cotton-casual-dresses_vypxmeta_description:meta_keyword: DRESSES,002,niceudescription: <p>SPU:3UD16DR3Q352C</p><p>Sleeve Type:Sleeveless</p><p>Material:Cotton-blend,Denim</p><p>Neckline:Round Neck</p><p>Style:Casual</p><p>Theme:Summer</p><p>Color:Blue</p><p>Size:S,M,L,XL,XXL,3XL</p><p><strong>Size Chart</strong></p><figure class="table"><table><tbody><tr><td rowspan="2">Size</td><td colspan="2">Outside Shoulder </td><td colspan="2">Inside Shoulder </td><td colspan="2">Outside Length </td><td colspan="2">Inside Length </td><td colspan="2">Outside Bust </td><td colspan="2">Inside Bust </td><td colspan="2">Shoulder </td><td colspan="2">Length </td><td colspan="2">Waist </td><td colspan="2">Bust </td></tr><tr><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td><td>cm</td><td>inch</td></tr><tr><td>S</td><td>33.2</td><td>13.1</td><td>32.2</td><td>12.7</td><td>98</td><td>38.6</td><td>103</td><td>40.6</td><td>94</td><td>37</td><td>90</td><td>35.4</td><td>48.7</td><td>19.2</td><td>103</td><td>40.6</td><td>103</td><td>40.6</td><td>103</td><td>40.6</td></tr><tr><td>M</td><td>34.5</td><td>13.6</td><td>33.5</td><td>13.2</td><td>100</td><td>39.4</td><td>105</td><td>41.3</td><td>99</td><td>39</td><td>95</td><td>37.4</td><td>50</td><td>19.7</td><td>105</td><td>41.3</td><td>108</td><td>42.5</td><td>108</td><td>42.5</td></tr><tr><td>L</td><td>35.8</td><td>14.1</td><td>34.8</td><td>13.7</td><td>102</td><td>40.2</td><td>107</td><td>42.1</td><td>104</td><td>40.9</td><td>100</td><td>39.4</td><td>51.3</td><td>20.2</td><td>107</td><td>42.1</td><td>113</td><td>44.5</td><td>113</td><td>44.5</td></tr><tr><td>XL</td><td>37.1</td><td>14.6</td><td>36.1</td><td>14.2</td><td>104</td><td>40.9</td><td>109</td><td>42.9</td><td>109</td><td>42.9</td><td>105</td><td>41.3</td><td>52.6</td><td>20.7</td><td>109</td><td>42.9</td><td>118</td><td>46.5</td><td>118</td><td>46.5</td></tr><tr><td>XXL</td><td>38.4</td><td>15.1</td><td>37.4</td><td>14.7</td><td>106</td><td>41.7</td><td>111</td><td>43.7</td><td>114</td><td>44.9</td><td>110</td><td>43.3</td><td>53.9</td><td>21.2</td><td>111</td><td>43.7</td><td>123</td><td>48.4</td><td>123</td><td>48.4</td></tr><tr><td>3XL</td><td>39.7</td><td>15.6</td><td>38.7</td><td>15.2</td><td>108</td><td>42.5</td><td>113</td><td>44.5</td><td>119</td><td>46.9</td><td>115</td><td>45.3</td><td>55.2</td><td>21.7</td><td>113</td><td>44.5</td><td>128</td><td>50.4</td><td>128</td><td>50.4</td></tr></tbody></table></figure>currency: USDimageThumbArr[]: https://img.staticdj.com/98c23791639a4970f01b00292ba2a0ff.jpegimageThumbArr[]: https://img.staticdj.com/325172f6f48acf84c6a3c933476fc89c.jpegimageThumbArr[]: https://img.staticdj.com/382a95e3eb2d21fc43df1dead23577ba.jpegdescription_url:superAttr[0][attr_id]: 9ef6d4f6-caa6-42e4-9db3-7d6d7b1908besuperAttr[0][title]: color:superAttr[0][value][0][name]: BluesuperAttr[0][value][0][optionid]: BluesuperAttr[0][value][0][img]:superAttr[1][attr_id]: e2ed5330-5283-4f7e-be8d-1b5f10053e28superAttr[1][title]: size:superAttr[1][value][0][name]: SsuperAttr[1][value][0][optionid]: SsuperAttr[1][value][0][img]:superAttr[1][value][1][name]: MsuperAttr[1][value][1][optionid]: MsuperAttr[1][value][1][img]:superAttr[1][value][2][name]: LsuperAttr[1][value][2][optionid]: LsuperAttr[1][value][2][img]:superAttr[1][value][3][name]: XLsuperAttr[1][value][3][optionid]: XLsuperAttr[1][value][3][img]:superAttr[1][value][4][name]: XXLsuperAttr[1][value][4][optionid]: XXLsuperAttr[1][value][4][img]:superAttr[1][value][5][name]: 3XLsuperAttr[1][value][5][optionid]: 3XLsuperAttr[1][value][5][img]:返回 product_id=4775 Import Variation 其中之一GET:https://www.catchupdeals.com/... query: product_id: 4775customOption[comb]: Blue_S_97e3cbc4-e989-46db-b533-a54d9c55b26acustomOption[price]: 27.99customOption[text]: Blue_ScustomOption[img]: https://img.staticdj.com/98c23791639a4970f01b00292ba2a0ff.jpegAssign Associated ProductGET:https://www.catchupdeals.com/... query: product_id: 4775super_attr[0][attr_id]: 9ef6d4f6-caa6-42e4-9db3-7d6d7b1908besuper_attr[0][title]: color:super_attr[0][value][0][name]: Bluesuper_attr[0][value][0][optionid]: Bluesuper_attr[0][value][0][img]:super_attr[1][attr_id]: e2ed5330-5283-4f7e-be8d-1b5f10053e28super_attr[1][title]: size:super_attr[1][value][0][name]: Ssuper_attr[1][value][0][optionid]: Ssuper_attr[1][value][0][img]:super_attr[1][value][1][name]: Msuper_attr[1][value][1][optionid]: Msuper_attr[1][value][1][img]:super_attr[1][value][2][name]: Lsuper_attr[1][value][2][optionid]: Lsuper_attr[1][value][2][img]:super_attr[1][value][3][name]: XLsuper_attr[1][value][3][optionid]: XLsuper_attr[1][value][3][img]:super_attr[1][value][4][name]: XXLsuper_attr[1][value][4][optionid]: XXLsuper_attr[1][value][4][img]:super_attr[1][value][5][name]: 3XLsuper_attr[1][value][5][optionid]: 3XLsuper_attr[1][value][5][img]:Import Product#1 简略产品POST:https://www.catchupdeals.com/... ...

关于markdown:位与运算符的使用

位与运算符的使用和区别1.&(与运算符)都是1则返回1 反之则为0 二进制转为十进制 0001 1011 => 27 0101 0101 => 8527 & 85=> 0001 0001 =>16+1=17 2.|(或运算符)两边都是0则返回0 其余状况则是1 0001 1011 => 270101 0101 => 8527 | 85 => 0101 1111=>1+2+4+8+16+64=>95 3.~(非运算符)0000 0000 0000 0000 0000 0000 0000 0011 -> 31111 1111 1111 1111 1111 1111 1111 1100 -> ~ 3 = -44.^(非运算符)^(亦或)当运算符两边雷同地位都是雷同，后果返回0，不雷同时返回1。 1)、判断奇偶数咱们能够利用 & 运算符的个性，来判断二进制数第一位是0还是1。用if ((a & 1) == 0) 代替 if (a % 2 == 0)来判断a是不是偶数。2、替换两个数a ^= b;b ^= a;a ^= b;3、取余数比如说咱们要让a对16进行取余，那么就能够让 a & 15 得进去的后果就是余数。 ...

关于markdown:提取网页的markdown表格利器

在线Markdown表格转换器markdown表格转换器，蛮好用的。偶尔发现的开源工具，举荐一波。这是指标链接:https://docs.locust.io/en/sta...这是待提取table项尝试1，间接通过html导入的性能导入办法import→URL→贴入复制的url→点击parse→往下拖动点击import data→把后果栏生成的后果copy到markdown具体可见上面的GIF图嘞失去后果如下尝试2：通过源码导入导入办法首先点击指标网页，右键→查看→抉择页面中的元素（抉择到table对应的元素）→复制table对应的html内容import→HTML→贴入上一步复制的→import data→把后果栏生成的后果copy到markdown具体可见上面的GIF图嘞、失去后果如下Command lineEnvironmentConfig fileDescription-f, --locustfileLOCUST_LOCUSTFILElocustfilePython module file to import, e.g. ‘../other.py’. Default: locustfile-H, --hostLOCUST_HOSThostHost to load test in the following format: http://10.21.32.33-u, --usersLOCUST_USERSusersNumber of concurrent Locust users. Primarily used together with –headless. Can be changed during a test by inputs w, W(spawn 1, 10 users) and s, S(stop 1, 10 users)-r, --spawn-rateLOCUST_SPAWN_RATEspawn-rateThe rate per second in which users are spawned. Primarily used together with –headless--hatch-rateLOCUST_HATCH_RATEhatch-rate==SUPPRESS==-t, --run-timeLOCUST_RUN_TIMErun-timeStop after the specified amount of time, e.g. (300s, 20m, 3h, 1h30m, etc.). Only used together with –headless. Defaults to run forever.--web-hostLOCUST_WEB_HOSTweb-hostHost to bind the web interface to. Defaults to ‘*’ (all interfaces)--web-port, -PLOCUST_WEB_PORTweb-portPort on which to run web host--headlessLOCUST_HEADLESSheadlessDisable the web interface, and instead start the load test immediately. Requires -u and -t to be specified.--headfulLOCUST_HEADFULheadful==SUPPRESS==--web-authLOCUST_WEB_AUTHweb-authTurn on Basic Auth for the web interface. Should be supplied in the following format: username:password--tls-certLOCUST_TLS_CERTtls-certOptional path to TLS certificate to use to serve over HTTPS--tls-keyLOCUST_TLS_KEYtls-keyOptional path to TLS private key to use to serve over HTTPS--masterLOCUST_MODE_MASTERmasterSet locust to run in distributed mode with this process as master--master-bind-hostLOCUST_MASTER_BIND_HOSTmaster-bind-hostInterfaces (hostname, ip) that locust master should bind to. Only used when running with –master. Defaults to * (all available interfaces).--master-bind-portLOCUST_MASTER_BIND_PORTmaster-bind-portPort that locust master should bind to. Only used when running with –master. Defaults to 5557.--expect-workersLOCUST_EXPECT_WORKERSexpect-workersHow many workers master should expect to connect before starting the test (only when –headless used).--workerLOCUST_MODE_WORKERworkerSet locust to run in distributed mode with this process as worker--master-hostLOCUST_MASTER_NODE_HOSTmaster-hostHost or IP address of locust master for distributed load testing. Only used when running with –worker. Defaults to 127.0.0.1.--master-portLOCUST_MASTER_NODE_PORTmaster-portThe port to connect to that is used by the locust master for distributed load testing. Only used when running with –worker. Defaults to 5557.-T, --tagsLOCUST_TAGStagsList of tags to include in the test, so only tasks with any matching tags will be executed-E, --exclude-tagsLOCUST_EXCLUDE_TAGSexclude-tagsList of tags to exclude from the test, so only tasks with no matching tags will be executed--csvLOCUST_CSVcsvStore current request stats to files in CSV format. Setting this option will generate three files: [CSV_PREFIX]_stats.csv, [CSV_PREFIX]_stats_history.csv and [CSV_PREFIX]_failures.csv--csv-full-historyLOCUST_CSV_FULL_HISTORYcsv-full-historyStore each stats entry in CSV format to _stats_history.csv file. You must also specify the ‘–csv’ argument to enable this.--print-statsLOCUST_PRINT_STATSprint-statsPrint stats in the console--only-summaryLOCUST_ONLY_SUMMARYonly-summaryOnly print the summary stats--reset-statsLOCUST_RESET_STATSreset-statsReset statistics once spawning has been completed. Should be set on both master and workers when running in distributed mode--htmlLOCUST_HTMLhtmlStore HTML report file--skip-log-setupLOCUST_SKIP_LOG_SETUPskip-log-setupDisable Locust’s logging setup. Instead, the configuration is provided by the Locust test or Python defaults.--loglevel, -LLOCUST_LOGLEVELloglevelChoose between DEBUG/INFO/WARNING/ERROR/CRITICAL. Default is INFO.--logfileLOCUST_LOGFILElogfilePath to log file. If not set, log will go to stdout/stderr--exit-code-on-errorLOCUST_EXIT_CODE_ON_ERRORexit-code-on-errorSets the process exit code to use when a test result contain any failure or error-s, --stop-timeoutLOCUST_STOP_TIMEOUTstop-timeoutNumber of seconds to wait for a simulated user to complete any executing task before exiting. Default is to terminate immediately. This parameter only needs to be specified for the master process when running Locust distributed.

关于markdown:在-vue3-中使用-markdown-编辑器-mdeditorv3

本文将介绍编辑器的应用和随同的某些开发技巧。该编辑器反对的性能有：根底的md编辑、md语法快捷键、记录保留、暗黑主题、图片上传/复制图片上传/裁剪图片上传、格式化内容、浏览器全屏/屏幕全屏、仅预览模式等性能，静待应用。具体的编辑器api参考：文档。图片裁剪预览编辑器预览 1. 根本应用这里演示两种环境三种写法： 1.1 npm装置用法这种形式反对两种写法，除了.vue模板写法，还有jsx语法。装置 yarn add md-editor-v3.vue模板根底应用 <template> <md-editor v-model="text" /> </template> <script lang="ts"> import { defineComponent } from 'vue'; import MdEditor from 'md-editor-v3'; import 'md-editor-v3/lib/style.css'; export default defineComponent({ components: { MdEditor }, data() { return { text: '' }; } }); </script>jsx语法根底应用 import { defineComponent, ref } from 'vue';import MdEditor from 'md-editor-v3';import 'md-editor-v3/lib/style.css';export default defineComponent({ name: 'MdEditor', setup() { const text = ref(''); return () => ( <MdEditor modelValue={text.value} onChange={(v: string) => (text.value = v)} /> ); }});1.2 script标签引入用法链接可返回https://cdn.jsdelivr.net搜寻md-editor-v3。 ...

关于markdown:在线MarkDown转HTML工具

在线MarkDown转HTML工具在线MarkDown转HTML工具 HTML的全称为超文本标记语言，是一种标记语言。它包含一系列标签．通过这些标签能够将网络上的文档格局对立，使扩散的Internet资源连贯为一个逻辑整体。 https://tooltt.com/markdown2html/

关于markdown:Markdonw语法

目录Markdown 语法简介**粗体***斜体*题目分割线1(#_35)++下划线++ 中划线\==标记==段落援用列表工作列表链接代码段落表格(table)脚注(footnote)表情(emoji)$\\KaTeX$公式布局定义abbrMarkdown 语法简介语法详解粗体**粗体**__粗体__斜体*斜体*_斜体_题目# 一级题目 #一级题目====## 二级题目 ##二级题目----### 三级题目 ####### 四级题目 ######### 五级题目 ########### 六级题目 ######分割线***---上角下标上角标 x^2^下角标 H~2~0下划线中划线++下划线++~~中划线~~标记==标记==段落援用> 一级>> 二级>>> 三级...列表有序列表1.2.3....无序列表--...工作列表已实现工作未实现工作- [x] 已实现工作- [ ] 未实现工作链接[链接](www.baidu.com)![图片形容](http://www.image.com)代码段落\`\`\` type 代码段落 \`\`\` \` 代码块 \` int main(){ printf("hello world!");}code 表格(table)| 题目1 | 题目2 | 题目3 || :-- | :--: | ----: || 左对齐 | 居中 | 右对齐 || ---------------------- | ------------- | ----------------- |题目1题目2题目3左对齐居中右对齐----------------------------------------------------脚注(footnote)hello[^hello]见底部脚注[1] 表情(emoji)参考网站: https://www.webpagefx.com/tools/emoji-cheat-sheet/ :laughing::blush::smiley::)... KaTeX\KaTeXKATEX公式咱们能够渲染公式例如：xi+yi\=zix\_i + y\_i = z\_ixi+yi\=zi和∑i\=1nai\=0\sum\_{i=1}^n a\_i=0∑i\=1nai\=0 咱们也能够单行渲染 ...

关于markdown:11个提升编程能力的小方法Written-in-Markdown

11个晋升编程能力的小办法Step 1清晰地剖析问题如果在解决问题前不能先分明问题，理解具体情况，那在解决问题时，会很容易卡壳或导致场面更加凌乱。Step 2再三思考如何解决问题整顿解决办法，并再三思考这些办法的可靠性，不倡议盲目行动。Step 3总结残缺的需要花一点工夫写下产品须要达到的最终目标，并明确你的产品应用群体。在这个阶段有一个清晰的认知，会节俭之后的大量工夫。Step 4写一个欠缺的执行计划或搭建残缺模型对于一些小我的项目，这一步你只须要画一个简略的流程图或者写一个简略的方程式。对于一些更大的我的项目，你得把你的工作划分成一个个小模块，并思考以下问题：每个模块须要实现的工作是什么模块之间的数据如何流通在每个模块里数据如何利用尽管收集和打算需要这一步十分乏味，并且比间接写代码少了很多的乐趣。然而，如果没解决好这一步，之后破费数小时去Debug会更加的乏味。花工夫事后去设计我的项目的流程和构造，你在写下第一行代码前就会发现，这对于实现你的最终目标，十分有帮忙。 Step 5随时正文你的代码如果你感觉你的代码须要被解释，那么就大胆写下你的正文吧。每一个函数都须要一两行正文去解释参数和返回后果。正文应该更加重视表白起因，而不是单纯解释作用。更新代码的时候请留神更新正文。 Step 6对变量应用统一的命名标准这有助于帮你追溯变量类型，并理解变量的目标。这意味着你要写的代码不能仅仅是简略的x = a + b * c了。当然，标准的变量能够使你的代码更容易调试和维持。目前风行的命名法是匈牙利命名法（驼峰式命名），变量名的前缀是它的类型。比方，对于整数变量，你能够用intRowCounter命名，而字符串则能够用strUserName. 但不论你的命名规定是什么，肯定要保障它的一致性，和变量名的可解释性。 Step 7组织好你的代码用可视化的构造来表明你的代码构造。比方，在条件语句或者循环语句下缩进一个代码块。在变量名和运算符间（加减乘除等）记得要空格，这是为了让代码看起来更好看，易读。 Step 8测试每一处用输出和值来测试每个模块，而后尝试输出那些可能呈现又不太常见的输出值。这会清理掉任何暗藏的bug。测试的艺术在于，你可能通过练习，逐步锤炼出本人的测试能力。测试的例子如下： * 极其值：对于正数值，应用0和超出预期的最大数值来测试；对于文本值，则用空字符串测试；对每一个参数用null来测试。* 无意义的值：即使你不置信你的用户会输出乌七八糟的货色，也请输出来测试一下。* 不正确的数值：用0来测试那些会被用来做除法的值；当要求输出一个负数或者用来计算平方根的数时，你能够输出正数；当要求输出一个字符串时，你能够尝试输出一个数值。Step 9练习，练习，练习编程不是一个停滞不前的训练过程。总有新的货色须要学习，当然，更为重要的是，要一直温习那些旧的常识。Step 10随时筹备好做出扭转在事实的工作环境中，需要总是变动的。只有你一开始就对需要和所执行打算足够理解，那中途的变动也很少会导致蹩脚的后果。在开始编程前，你能够通过出现需要文档或者执行打算来晋升过程的清晰度。这会帮忙你随时确认所做的事是符合要求的。 Step 11从简略到简单当你须要解决简单的事件时，你能够先从结构简略的模块开始。比如说，你想在屏幕上发明一个能够追随鼠标方向挪动，且依据鼠标挪动速度一直变动形态的图形。你能够依照下方的步骤操作： * 从出现一个正方形开始，让它追随鼠标挪动，先解决挪动门路问题。* 而后，让正方形的大小和鼠标速度关联起来，解决速度与形态间的关联。* 最初，发明出你原本须要的图形，并将三个元素关联起来。* 这个办法导向模块化代码编写，每个元素有其外部的残缺模块。这对代码的重复使用十分有用，并且也会简化调试过程。

关于markdown:markdownit

关于markdown:Typora中自定义命令上传图片

Typora是我常常用的一款Markdown编辑器，简洁的格调、实用的性能，口碑真的很赞。最近发现Typora反对自定义上传图片的性能，原先上传图片须要应用第三方利用，比方iPic、uPic等，当初有了自定义性能就能上传图片到任用意床了。性能如下图：于是就打算本人写一个上传脚本，先看下Typora的文档阐明：重点红色框中曾经标出来了，上传后的返回后果须要这种格局，Typora能力辨认是否上传胜利。这里图床，我应用了SM.MS，用了很久了，不放心跑路。看接口：如果Authorization不传，就是匿名的。好了，当初上代码： #!/bin/bash# Author: bilberry# Date: 2021-05-04# 公众号：正义的程序猿arr=()for img_path in "$@"do res=$(curl -s --location --request POST 'https://sm.ms/api/v2/upload' \ --header 'Content-Type: multipart/form-data' \ --form 'smfile=@'"${img_path}") success=`echo $res | python3 -c "import sys, json; r=json.load(sys.stdin)['success']; print(r);"` if [ "$success" == 'True' -o "$usccess" == 'true' ] then r=`echo $res | python3 -c "import sys, json; r=json.load(sys.stdin)['data']['url']; print(r);"` arr[${#arr[@]}]=$r fidoneif [ ${#arr[@]} -eq $# -a $# -gt 0 ]then echo 'Upload Success:' for a in "${arr[@]}" do echo $a doneelse echo 'Upload Failed'fi代码就是这样，shell脚本是我现学的，不是很简单，当然也有一些非凡状况没有思考，比方SM.MS上传了反复的图片，会返回如下内容： ...

关于markdown:十分钟入门-Markdown-写作

1. 什么是Markdown格局Markdown格局是一种可用一般文本编辑器编写的标记语言，使用者可能通过简略的标记语法，对本人所写文本内容进行简略的格局排版。如果你常常逛 Github，你会发现大多数我的项目下边都会有一个 README.md 的我的项目阐明文件，而它就是利用 Markdown 来进行编写的。而当初的大多数博客平台如 CSDN、博客园、掘金等，根本都反对 Markdown 格局，如果你有多平台公布文章的需要，那么学会用 Markdown 来编写内容未尝不是一个好的办法。而且就算微信公众号，咱们也能够借助第三方工具来进行排版，比起之前用 Word 来排版的形式省去了很多麻烦，实现一文多发变得更加容易，不必再去调格局适应不同平台。 2. 长处语法简洁易学，且性能比纯文本弱小；格局转换不便，兼容性强，可读性极好；专一内容写作而不必关注排版款式；能导出PDF、HTML 等格局的文件；迁徙、重复编辑不会导致格局错乱；3. 写作格局题目一到六级题目如下，每多一级则多加一个#号，留神：符号和题目内容间的空格不能省略，具体格局如下： # 一级题目## 二级题目### 三级题目#### 四级题目##### 五级题目###### 六级题目列表列表又分为有序列表和无序列表；有序列表：阿拉伯数字 + . + 空格 + 内容，具体格局如下： 1. 蒂姆.邓肯 2. 马努.比诺比利 3. 托尼.帕克无序列表：英文横杠 + 空格 + 内容，具体格局如下： - Apple - Orange - Banana 加粗内容前后别离用两个 * 将其括起来，即 ** + 内容 + **，具体格局如下： **公众号：村雨遥** 斜体和加粗很相似，不过只须要将内容前后别离用一个 * 包围起来即可，即 * + 内容 + *，具体格局如下： *公众号：村雨遥* ...

关于markdown:在Markdown中输入数学公式MathJax

在Markdown中输出数学公式(MathJax)1 根本语法1.1 出现地位注释(inline)中的LaTeX公式用$...$定义语句为$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$显示在以后行内$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$独自显示(display)的LaTeX公式用$$...$$定义，此时公式居中并放大显示语句为$$\sum_{i=0}N\int_{a}{b}g(t,i)\text{d}t$$显示为 $$\sum_{i=0}N\int_{a}{b}g(t,i)\text{d}t$$ 下列形容语句中若非特地指出均省略$...$2 希腊字母显示命令显示命令\alpha\beta\gamma\delta\epsilon\zeta\eta\theta\iota\kappa\lambda\mu\nu\xi\pi\rho\sigma\tau\upsilon\phi\chi\psi\omega 若须要大写希腊字母，将命令首字母大写即可。\Gamma出现为若须要斜体希腊字母，将命令前加上var前缀即可。 3 字母润饰3.1 高低标上标：^下标：_ 3.2 矢量 3.3 字体 3.4 分组 3.5 括号 3.6 求和、极限与积分 3.7 分式与根式 3.8 非凡函数 3.9 特殊符号 3.10 空格 4 矩阵4.1 根本语法起始标记\begin{matrix}，完结标记\end{matrix}每一行开端标记\\\，行间元素之间以&分隔举例: $$\begin{matrix}1&0&0\\0&1&0\\0&0&1\\\end{matrix}$$出现为： $$\begin{matrix}1&0&0\\0&1&0\\0&0&1\\\end{matrix}$$ 4.2 矩阵边框在起始、完结标记处用下列词替换 matrixpmatrix ：小括号边框bmatrix ：中括号边框Bmatrix ：大括号边框vmatrix ：单竖线边框Vmatrix ：双竖线边框4.3 省略元素横省略号：\cdots竖省略号：\vdots斜省略号：\ddots举例$$\begin{bmatrix}{a_{11}}&{a_{12}}&{\cdots}&{a_{1n}}\\{a_{21}}&{a_{22}}&{\cdots}&{a_{2n}}\\{\vdots}&{\vdots}&{\ddots}&{\vdots}\\{a_{m1}}&{a_{m2}}&{\cdots}&{a_{mn}}\\\end{bmatrix}$$出现为： $$\begin{bmatrix}{a_{11}}&{a_{12}}&{\cdots}&{a_{1n}}\\{a_{21}}&{a_{22}}&{\cdots}&{a_{2n}}\\{\vdots}&{\vdots}&{\ddots}&{\vdots}\\{a_{m1}}&{a_{m2}}&{\cdots}&{a_{mn}}\\\end{bmatrix}$$ 4.4 阵列举例： $$\begin{array}{c|lll}{↓}&{a}&{b}&{c}\\\hline{R_1}&{c}&{b}&{a}\\{R_2}&{b}&{c}&{c}\\\end{array}$$出现为： $$\begin{array}{c|lll}{↓}&{a}&{b}&{c}\\\hline{R_1}&{c}&{b}&{a}\\{R_2}&{b}&{c}&{c}\\\end{array}$$ 4.5 方程组须要cases环境：起始、完结处以{cases}申明举例： $$\begin{cases}a_1x+b_1y+c_1z=d_1\\a_2x+b_2y+c_2z=d_2\\a_3x+b_3y+c_3z=d_3\\\end{cases}$$出现为： $$\begin{cases}a_1x+b_1y+c_1z=d_1\\a_2x+b_2y+c_2z=d_2\\a_3x+b_3y+c_3z=d_3\\\end{cases}$$ 5 参考文献MathJax tutorial

关于typora:Typora集成PicGo腾讯云图床实践

利用概述PicGo: 一个用于疾速上传图片并获取图片 URL 链接的工具 PicGo 本体反对如下图床：七牛图床 v1.0腾讯云 COS v4\v5 版本 v1.1 & v1.5.0又拍云 v1.2.0GitHub v1.5.0SM.MS V2 v2.3.0-beta.0阿里云 OSS v1.6.0Imgur v1.6.0本体不再减少默认的图床反对。你能够自行开发第三方图床插件。详见 PicGo-Core。特色性能反对拖拽图片上传反对快捷键上传剪贴板里第一张图片Windows 和 macOS 反对右键图片文件通过菜单上传 (v2.1.0+)上传图片后主动复制链接到剪贴板反对自定义复制到剪贴板的链接格局反对批改快捷键，默认疾速上传快捷键：command+shift+p（macOS）| control+shift+p（Windows\Linux)反对插件零碎，已有插件反对 Gitee、青云等第三方图床更多第三方插件以及应用了 PicGo 底层的利用能够在 Awesome-PicGo 找到。欢送奉献！反对通过发送 HTTP 申请调用 PicGo 上传（v2.2.0+)下载安装点击此处下载利用。利用截图配置腾讯云图床PicGo->关上具体窗口->图床设置->腾讯云COS，抉择v5版本，从腾讯云COS拿到对应配置，设置如下：集成到TyporaTypora->偏好设置->图像->上传服务，设置如下：

关于nuxt.js:Leafage-诞生记四

上一篇中介绍了nuxtjs的根本配置项，以及主动引入components的应用，那么接下来说一说在nuxtjs中如何读取markdown文档并将其中的代码进行高亮显示。在第一篇文章中创立我的项目的时候，提过没有抉择@nuxt/content这个模块，因为网站的所有数据都是通过接口的形式申请后端数据来进行加载的，而content不持支从接口获取数据，只能反对从我的项目本地的 /content 目录下获取数据，在content模块中，默认应用的prismjs来高亮代码，然而呢，它提供的集中高亮主题都不难看，而且可供选择的主题很少，因而也没有应用他来做代码高亮，而是抉择了highlight.js来做。要解析markdown内容就须要对应的解析器，有marked和markdown-it两种抉择，在nuxtjs的插件或者模块中marked并不好配置，所以抉择markdown-it，应用markdown-it和highlight.js比拟容易，增加@nuxtjs/markdownit模块，而后在nuxt.config.js配置文件中进行配置，如下所示： markdownit: { preset: 'default', linkify: true, breaks: true, use: [ 'markdown-it-div', 'markdown-it-highlightjs', 'markdown-it-mark', 'markdown-it-deflist' ], runtime: true // Support `$md()` },这里的配置简直和原生的markdown-it配置一样，哦，对了，这里不要忘了yarn add命令增加对应的插件。而后在页面中就能够间接应用$md.render("xx")来实现markdown的解析，如下所示: <p class="my-4 leading-relaxed tracking-wide markdown-body" v-html="$md.render(data.content)"></p>这些都做了之后你会发现，代码高亮不是喜爱的款式，那须要在nuxt.config.js中的css配置下增加款式文件的援用，如下所示： // Global CSS (https://go.nuxtjs.dev/config-css) css: [ '~/node_modules/highlight.js/styles/github.css' ],以上就是nuxtjs下markdown解析和代码高亮的配置，然而有一个问题是，这样是默认的配置，会把highlight.js的所有依赖都装置，并且会一起打包，然而可能只须要针对某几个类型的代码进行高亮，那就须要对配置进行批改，这个问题后续在进行更新。

关于markdown:PyCharm中使用Typora编辑markdown文件

1. 阐明PyCharm自带的markdown编辑器不美观，介绍了一种应用typora来编辑PyCharm中markdwon文件的办法。 2. 预期成果选中文件，按下alt+t，调用typora关上此md文件 3. 配置办法3.1 配置 External Tool下图：Program + Arguments组合，就相应用 typora 命令行形式关上一个文件；Arguments中配置的 $FilePath$为一个宏（Macro），用于获取文件的绝对路径 3.2 应用 External Tool配置实现后，当咱们右击某文件时，会多出一个External Tool项，此时能够抉择应用第三方程序关上，如下图: 3.3 配置typora快捷键如下图，增加自定义快捷键 alt + t，就能够间接应用 alt + t 快捷键关上 Pycharm中的 md 格式文件了。

关于markdown:Typora的使用教程

Typora的应用教程2020/6/19 Typora反对Windows、OS X 和 Linux多个操作系统，反对数学编辑，可与 Word、PDF间接格局转换，能够进行多种文档格局转换。 1. 下载$ wget -qO - https://typora.io/linux/public-key.asc | sudo apt-key add -# add Typora's repository$ sudo add-apt-repository 'deb https://typora.io/linux ./'$ sudo apt-get update# install typora$ sudo apt-get install typora以上在为Linux上装置，其余操作系统请参考: https://www.typora.io/ 留神：ubantu也能够间接在软件商店中搜寻下载 2. 简略的应用办法一级题目： Ctrl + 1二级题目： Ctrl + 2 -- 以此类推加粗： Ctrl + B题目： Ctrl + H插入链接： Ctrl + K行内代码： Ctrl + Shift + K 或 3个反引号（`） + 回车插入图片： Ctrl + Shift + I左侧显示目录：Ctrl + Shift + L撤销： Ctrl + Z插入表格：Ctrl + T程度分割线：输出 *** 或者 --- 再按回车删除线：应用~~删除线~~ 快捷键 Alt + Shift + 5 删除线生成目录：在须要生成目录的中央输出[TOC]或[toc]即可生成目录

关于markdown:有了这个开源项目你也独立部署自己的Markdown编辑器了

大家好，我是为宽广程序员兄弟操碎了心的小编，每天举荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节俭开发效率，实现不加班不熬夜不掉头发，是我的指标！明天小编举荐一款开源微信Markdown编辑器——md,反对Markdown所有根底语法、色盘取色、一键复制并粘贴到公众号后盾、多图上传、一键下载文档、自定义 CSS 款式、一键重置等个性。 git地址性能个性反对自定义 CSS 款式反对 Markdown 所有根底语法反对浅色、暗黑两种主题模式反对 Ctrl + F 疾速格式化文档反对色盘取色，疾速替换文章整体色调反对多图上传，可自定义配置图床反对在编辑框右键弹出性能选项卡反对图床我的项目许可证本我的项目没有任何限度截图结尾本期就分享到这里，我是小编南风吹，专一分享好玩乏味、离奇、实用的开源我的项目及开发者工具、学习资源！心愿能与大家独特学习交换。

关于markdown:基于Vditor的为知笔记所见即所得markdown编辑器插件

Wiz.Vditor基于Vditor的为知笔记所见即所得markdown编辑器插件反对版本目前只在Windows测试通过版本更新以后最新版本反对了默认上传图片到为知，无需配置只会关上.md和.MD后缀的文件，不会因为误操作关上为知格局的笔记而导致格局失落了如何应用找到地位笔记的插件寄存地位 ,比方我的在C:\Program Files (x86)\WizNote\mydata\Plugins 下载代码，把Wiz.Vditor文件夹拷贝到Plugins下个别用户能够疏忽此步骤：依据你是否应用码云图床批改配置文件：config.json。如果不必码云则不必批改，图片会默认上传到wiz 。如果用码云，那么下图中的"imgToWiz"必须配置为false，且"gitee"中的配置依照图中批改启动wiz客户端

关于markdown:我开发了一个支持预览编辑下载markdown文件的微信小程序

应用的库框架采纳uni-app；markdown渲染库用的是wemark.反对的性能预览微信聊天记录中的md文件（因为微信小程序无奈间接拜访手机存储系统，只反对拜访在微信聊天记录中的文件）对md文件进行编辑，反对图片上传（应用七牛云对象存储）与md语法快捷输出。md文件下载。下载采纳的形式是先将编辑的内容上传到七牛云，而后返回下载链接。上传的md文件会在一天后主动删除软件信息小程序名：EasyMarkdown 二维码：欢送大家进行体验并提出修改意见~ 界面预览

关于markdown:Markdown取数函数让人惊艳的可视化

Redash中文版反对残缺的Markdown技术，之前曾经介绍过markdown能够增加视频接入监控的流媒体服务器等高级性能，大大拓展了传统大大拓展了传统dashboard的表现力。接下来咱们介绍Redash中Markdown的另外一个重要性能：取数函数传统的BI或Dashboard侧重于数据图表展示，满屏全是数据和图表，短少图片、文字、视频等综合排版能力；博客等自媒体网站采纳的Markdown技术排版能力强，但图表能力弱。而Redash中文版推出markdown部件，完满地展现了二者的长处。配合取数函数，轻松将数据展现进去，不必框置在固定的图表或者表格中，还能够增加各种让人惊艳的成果。 1、实时取数数据案例如下： <marquee behavior="scroll" direction="up" scrollamout="3" height="200" > <font color=#ed912e size=3 > {{"query":123,"colName":"id1","rowNumber":0}}{{"query":123,"colName":"id2","rowNumber":0}} {{"query":123,"colName":"id3","rowNumber":0}} {{"query":123,"colName":"id1","rowNumber":0}}{{"query":123,"colName":"id2","rowNumber":0}} {{"query":123,"colName":"id3","rowNumber":0}} {{"query":123,"colName":"id1","rowNumber":0}}{{"query":123,"colName":"id2","rowNumber":0}} {{"query":123,"colName":"id3","rowNumber":0}} </font> </marquee> //query取查问，colName别离取对应列名，rowNumber取行数数据滚动播放成果： 2、图文组合排版 Markdown反对插入网络图片链接、svg图片、视频、背景等多媒体，图文联合让可视化图表更自在，数据信息更活泼。图文联合排版成果： 2、chart.js图表展现： Markdown反对chart.Js，极大的丰盛了图表款式。在markdown编辑界面能够任意增加多种chart图表款式，同时反对取数函数取数据，数据能够通过markdown部件中chart.js图表展现进去，具体应用可参考https://chartjs.bootcss.com/samples/ 示例： {"type": "polarArea","data": {"datasets": [{"data": ["{{"querys":123,"colName":"id","rowNumber":0}}","{{"querys":123,"colName":"id","rowNumber":1}}","{{"querys":123,"colName":"id","rowNumber":2}}","{{"querys":123,"colName":"id","rowNumber":3}}","{{"querys":123,"colName":"id","rowNumber":4}}"],"backgroundColor": ["#FF6384","#4BC0C0","#FFCE56","#E7E9ED","#36A2EB"],"label": "我的数据"}],"labels": ["a","b","c","d","e"]},"options": {}}//markdown的代码块中取数函数须要用querys来取值，因为redash软件反对Json格局，须要在编辑器中批改案例格局效果图：

关于markdown:NextJS在Web端实现md文件内容展示

NextJS开发过程中，应用了MateriaUI进行博客网站搭建，对Markdown的语法插件markdown-to-jsx理解不多，并且想要高亮代码块的显示成果。应用到的组件npm install --save react-markdown react-syntax-highlighter1.react-markdown：markdown解析展现组件2.react-syntax-highlighter：高亮款式组件应用形式（组件化）import React from 'react';import ReactMarkdown from 'react-markdown';import {Prism as SyntaxHighlighter} from 'react-syntax-highlighter'import {tomorrow } from 'react-syntax-highlighter/dist/cjs/styles/prism';const renderers = { code: ({language, value}) => { return <SyntaxHighlighter style={tomorrow} language={language} children={value} /> },}export default function Markdown(props) { return <ReactMarkdown renderers={renderers} options={options} {...props} />;}呈现的问题react-syntax-highlighter报错Unexpected token export解决形式：款式门路esm改cjs 【相干ISSUE】内容原创，未经自己批准禁止转载

关于markdown:Docusaurus2-快速建站发布-GitHub-Pages

Docusaurus2 可疾速搭建文档、博客、官网等网站，并公布到 GitHub Pages, Serverless 等。咱们只需 Markdown 写写内容就行，也可间接编写 React 组件嵌入。而 SEO、搜寻、版本等都敌对反对了。另外重要的一点是此我的项目是 Facebook 开源保护的，他们本人也在用，所以品质、短暂性能有所保障。代码： https://github.com/ikuokuo/st...演示： https://ikuokuo.github.io/sta... ????前提筹备Node.js version >= 10.15.1Yarn version >= 1.5❯ node -vv12.18.4❯ yarn versionyarn version v1.22.10创立我的项目# npx @docusaurus/init@latest init [name] [template]npx @docusaurus/init@latest init my-website classic运行输入： Success! Created my-websiteInside that directory, you can run several commands: yarn start Starts the development server. yarn build Bundles the app into static files for production. yarn deploy Publish website to GitHub pages.We suggest that you begin by typing: cd my-website yarn startHappy hacking!运行利用cd my-website/yarn start拜访 http://localhost:3000/start-docusaurus2/ 本地地址。 ...

关于markdown:测试有没有目录

一个“#”一级目录下的文本内容两个“#”二级目录下的文本内容三个“#”三级目录下的文本内容

关于markdown:小斑马第一篇笔记Markdown入门啦Typora软件

总结一下我罕用的markdown用法家喻户晓，Markdown是一门轻量级标记语言，通常能够在小学二年级学到，它简略易上手，适宜做笔记，上面我将介绍它的简略语法。(1)题目我是二号题目，标签如下##我是二号题目(2)字体我能够加粗，标签如下 **我能够加粗**我能够歪斜，标签如下 *我能够歪斜*我能够歪斜加粗，标签如下 ***我能够歪斜加粗***我能够删除货色，标签如下 ~~我能够删除货色，标签如下~~(3)列表想当初后汉三国年间有一位鲁莽人上面是它的标签+ 想当初+ 后汉三国年间+ 有一位鲁莽人自桃园结义以来大爷姓刘名备字玄德家住大树楼桑(4)表格本人写比拟麻烦，然而在Typora中能够Ctrl+T快捷键 'biu' 进去大爷二弟三弟刘备关羽张飞| 大爷 | 二弟 | 三弟 || --- | --- | --- || 刘备 | 关羽 | 张飞 |(5)援用块和代码我是援用块，标签如下> 我是援用块我是代码块，标签如下 `我是代码块`这就是markdown根底语法的全部内容啦！至多我能够通过这些语法写出这篇文章，顺便举荐下Typora这款软件，Windows和Mac都能够用哦！不错的哟！

关于markdown:使用PicGo存储markdown图片阿里云或者github

PicGo代替极简图床之前应用极简床图，然而起初如同挂了，真是一件悲伤的事，最近才发现了一个神器，开源的PicGo，曾经有各个平台的版本了。链接如下：https://github.com/Molunerfin... 去下载本人的平台即可。尽管你要是Mac，有iPic也是很ok的。下载好之后怎么配置呢？配置阿里云之前是注册阿里云认证之后就送一个oss存储（收费的），不晓得当初还有没有，如果有的话就能够依照这个步骤配置上来。https://homenew.console.aliyu... 关上oss之后，须要本人建设Bucket（存储空间名），存储区域（比方oss-cn-qingdao），除此之外还须要keyid和keysecret。（肯定要关上公共读的权限，要不是拜访不了的,然而不要关上公共写！！！）点击本人的头像，抉择accesskeys，新建一个key就能够了，我是新建了公共的。装置PicGo之后，关上，抉择阿里云，把下面的货色配置进去就能够了。而后抉择上传区，就能够上传了，抉择不同的markdown之类的，也能够抉择剪贴板上传，上传胜利之后就会有提醒，连贯就在粘贴板了，间接去粘贴就能够了。配置github新建一个仓库，而后记得仓库的名字，点击头像，抉择settings，developer settings--》personal access token--》新建一个token，记得勾选上权限，我全副选了，那个token只能查看一次，最好保留一下！！！而后关上PicGo，抉择Github图床，设置好就能够了。此文章仅代表本人（本菜鸟）学习积攒记录，或者学习笔记，如有侵权，请分割作者删除。人无完人，文章也一样，文笔稚嫩，在下不才，勿喷，如果有谬误之处，还望指出，感激不尽~ 技术之路不在一时，山高水长，纵使迟缓，驰而不息。公众号：秦怀杂货店

关于markdown:Markdown-Syntax-documentMarkdown-语法文档

依据组件文档进行开发在src中新建组件名称对应目录，已大写字母结尾js文件一个，css文件一个，可参考现有组件在index.js文件中须要require对应js,在index.css中须要require对应css可在dev.js中引入组件对应js css，而后npm run dev在开发是查看组件对应成果TextHere is a paragraph with bold text. This is some bold text. Here is aparagraph with bold text. This is also some bold text. Here is another one with italic text. This is some italic text. Here isanother one with italic text. This is some italic text. Here is another one with struckout text. This is some struckout text. LinksAutolink: http://example.com Link: Example ...

关于markdown:DocView-现在支持自定义-Markdown-模版了

前言有小伙伴反馈说心愿能够自定义 Markdown 模版，这样就能够导出本人想要的款式了！这个性能能够有，毕竟大家不可能都生成截然不同的文档。当初来一起看看如何实现自定义模版吧！设置模版Settings -> Other Settings -> Doc View -> Markdown Template 关上之后内容如下：模版这里分两个 Tab 别离是 Spring 、 Dubbo 。这两个模版内容就略微有些区别，如果自定义模版，间接批改保留即可。模版变量对于模版变量，这里应用的是 velocity 将变量替换为文本，如果有其余形式，或者说是 IDEA 用的那种形式，心愿能够通知我。最好能够提供源码。总结非常感谢 lvgo 小伙伴的参加。如果小伙伴们在应用过程中发现一些 bug 或者有好的意见建议，能够在 GitHub 提交 Issues 留言指出来。 Doc View GitHub：https://github.com/liuzhihang/doc-view 最初，记得要一键三连，来个【分享、点赞、在看】！举荐文章Dubbo 生成文档，导出 Markdown，这些性能 DocView 当初都有了！头大！写文档太麻烦了！快来试试这款 IDEA 插件啊！爽到飞起~小伙伴想写个 IDEA 插件么？这些 API 理解一下！

关于markdown:Markdown常用语法

Markdown罕用语法[TOC] 1、斜体和粗体*斜体*或_斜体_**粗体*****加粗斜体***~~删除线~~斜体或_斜体_ 粗体加粗斜体删除线 2、分级题目{#2}# 一级题目## 二级题目### 三级题目应用了[TOC]就会把所有的题目写入到目录纲要中，当前目录就是如此生成 3、超链接3-1、行内式这是[baidu](https://www.baidu.com/) 这是[Google](https://www.google.com/) 这是baidu 这是Google 3-2、参考式个别用在学术论文下面，或者某个链接有多处应用面向[Google][1]编程或者面向[百度][2]编程面向[Google][]的话有用的信息更多一点[1]:https://www.google.com/[2]:https://www.baidu.com/[Google]:https://www.google.com/面向Google编程或者面向百度编程面向[Google][]的话有用的信息更多一点 3-3、主动链接<http://example.com><address@example.com>http://example.com <address@example.com> 4、锚点锚点也就是链接文档外部的某些元素，实现以后页面中的跳转 ## 0、跳转测试{#index}跳转到[跳转测试](#index)5、列表5-1、无序列表应用* + -示意无序列表 - 无序列表项1- 无序列表项2无序列表项1无序列表项25-2、有序列表1. 有序列表项12. 有序列表项2有序列表项1有序列表项25-3、定义型列表由名词和解释组成。一行写上定义，紧跟一行写上解释。解释的写法:紧跟一个缩进(Tab) 代码块1 Markdown: 轻量级文本标记语言，能够转成 HTML，PDF 等格局（左侧有一个可见的冒号和四个不可见的空格）代码块2: 这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）代码块（左侧有八个不可见的空格）代码块1 Markdown: 轻量级文本标记语言，能够转成 HTML，PDF 等格局（左侧有一个可见的冒号和四个不可见的空格）代码块2: 这是代码块的定义（左侧有一个可见的冒号和四个不可见的空格）代码块（左侧有八个不可见的空格）5-3-1、列表缩进列表我的项目标记通常放在最右边，但其实也能够缩进，最多三个空格，我的项目标记前面则肯定要接着至多一个空格或制表符 * 微微的我走了，正如我微微的来；我微微的挥手，作别西天的云彩。那河畔的金柳，是夕阳中的新娘；波光里的艳影，在我心头荡漾。软泥上的靑荇，油油的在水底招摇；在康河的柔波里，我甘心做一条水草！* 那榆萌下的一潭，不是清泉，是天上虹；揉碎在浮藻间，积淀着彩虹似的梦。寻梦？撑一只长篙，向青草更深处漫溯；满载一船星辉，在星辉斑斓里放歌。但我不能放歌，轻轻是分离的笙箫；夏虫也为我缄默，缄默是今晚的康桥！悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。微微的我走了，正如我微微的来；我微微的挥手，作别西天的云彩。那河畔的金柳，是夕阳中的新娘；波光里的艳影，在我心头荡漾。软泥上的靑荇，油油的在水底招摇；在康河的柔波里，我甘心做一条水草！那榆萌下的一潭，不是清泉，是天上虹；揉碎在浮藻间，积淀着彩虹似的梦。寻梦？撑一只长篙，向青草更深处漫溯；满载一船星辉，在星辉斑斓里放歌。但我不能放歌，轻轻是分离的笙箫；夏虫也为我缄默，缄默是今晚的康桥！悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。5-4、蕴含段落的列表列表我的项目能够蕴含多个段落，每个我的项目下的段落都必须缩进 4 个空格或是 1 个制表符（显示成果与代码统一 * 微微的我走了，正如我微微的来；我微微的招手，作别西天的云彩。那河畔的金柳，是夕阳中的新娘；波光里的艳影，在我心头荡漾。软泥上的靑荇，油油的在水底招摇；在康河的柔波里，我甘心做一条水草！那榆荫下的一潭，不是清泉，是天上虹；揉碎在浮藻间，积淀着彩虹似的梦。寻梦？撑一支长篙，向青草更青处漫溯；满载一船星辉，在星辉斑斓里放歌。但我不能放歌，轻轻是分离的笙箫；夏虫也为我缄默，缄默是今晚的康桥！* 悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。微微的我走了，正如我微微的来；我微微的招手，作别西天的云彩。那河畔的金柳，是夕阳中的新娘；波光里的艳影，在我心头荡漾。软泥上的靑荇，油油的在水底招摇；在康河的柔波里，我甘心做一条水草！那榆荫下的一潭，不是清泉，是天上虹；揉碎在浮藻间，积淀着彩虹似的梦。寻梦？撑一支长篙，向青草更青处漫溯；满载一船星辉，在星辉斑斓里放歌。但我不能放歌，轻轻是分离的笙箫；夏虫也为我缄默，缄默是今晚的康桥！悄悄的我走了，正如我悄悄的来；我挥一挥衣袖，不带走一片云彩。5-5、蕴含援用的列表* 浏览的办法： > 关上书本 > 关上电灯浏览的办法：关上书本关上电灯5-6、蕴含代码块的援用如果要放代码区块的话，该区域就要缩进两次，也就是 8 个空格或是 2 个制表符 ...

关于markdown:markdownit使用

将markdown转换成HTML第一步装置cnpm i markdown-it -S 第二步引入引入，而后创立一个txt,目标是为了把本人写的转换成H5而后用computed计算属性立刻返回 import Mk from 'markdown-it'data(){ return{ txt:'' }},computed:{ markdown() { var md = new Mk() var res = md.render(this.txt) return res }}第二步变成款式第一个就是本人的这个输出文本第二个是返回的HTML源码第三个是源码转换成HTML最终值 <textarea v-model='txt'></textarea><p>{{txt}}</p><p>{{markdown}}</p><p v-html="markdown"></p>

关于markdown:markdown使用

Typora 应该是这里最好用，而且最难看的一个神器。下载安装百度一下就能找到。第一个题目输出一个＃号加上你的文本回车。就成了这个样子第二个引入就是加一个大于号 > 如：> 我是如此的英俊潇洒玉树临风第三个有序列表就是输出 1. 加空格就开始顺序排列了第四个无序列表就是这个符号 - 加空格如果不晓得 - 在哪！那就用* 号也能替换第五个多选就是提醒是否选中用 -[]和 -[x]然而这个抉择框须要很多的空格如图 1空 2空 3空后就成这样了第六个代码块就是三个 ` 加上你要标注的语言，比方Java，肯定要点击，不然会成为灰色胜利后如图第七个表格疾速办法| | | 然而留神手法。棍空棍空棍空回车1.本人抉择几行几列2.左对齐3.居中4.右对齐第八个脚注输出1 而后空格主动生成接下来鼠标放上去此时你点击就能疾速跳转到下面的小脚注第九个横线---就成了一条线第十个链接[名称](链接)而后回车就成了一个文字链接第十一个跳转题目[你想标注的](筹备跳转的题目) 第十二个插入图片xxxx ↩

关于markdown:验证一下Markdown

Hello,ddddworldhaha aaabbbdddkdkdzheshi1daima1代码块daimaniha 真的dd 完结

关于markdown:Markdown语法小结

1.题目一级题目一级题目应用一个以上等号 === 即可二级题目二级题目应用一个以上段横--- 即可一级二级三级四级五级六级题目也可采纳井号#，#代表一级题目，##代表二级题目，以此类推，最多六级题目 2.区块实例(换行失效) 一个大于号> 代表一个区块，区块能够多级嵌套示例代码： > 区块实例>> 区块嵌套>>> 区块多级嵌套显示成果：区块实例区块嵌套区块多级嵌套3.列表无序列表 (星号*) (段横-) (加号+) ，有序列表1. 2. 3. 无序列表 123有序列表一级选项二级选项三级选项产品介绍介绍产品性能性能 1性能 2产品特点特点 1特点 24.代码区块一对反引号（`）能够蕴含一行代码或者函数` 四个空格或者一个TAB能够蕴含区块代码你也能够用 ` `包裹一段代码，并指定一种语言（也能够不指定）： message = "Python syntax highlighting”print(message)#include<stdio.h> #include<stdio.h>5.分割线三个以上段横--- 6.强调单星号增加斜体成果 * 下划线加粗 __ __ 或者双星号加粗 ** ** 三星号粗斜体 *** *** 7.链接行内式链接语法：以集体博客为例 [链接题目](链接地址)参考式链接语法：以集体博客为例 [链接题目][链接索引，例如1] 而后在文档任意一处增加索引链接，例如 [1]: (链接地址) ...

关于markdown:关于-Markdown-的一些技巧

这篇笔记的目标是整顿Markdown 的一些不罕用，却又非常有用的小技巧。什么是Markdown？Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯。它容许人们应用易读易写的纯文本格式编写文档，而后转换成无效的XHTML文档。这种语言排汇了很多在电子邮件中已有的纯文本标记的个性。 —— 维基百科 Markdown 高级技巧在Markdown 中，能够直接插入 HTML，目前反对的HTML 元素有： <kbd><b><i><em><sub><sup><br>等键盘标签能够应用<kbd>标签使文本看起来像按钮，这与惯例反引号文本略有不同。 Copy code with Control + C可视化差别能够应用反引号可视化差别，并diff依据须要突出显示红色或绿色的线。 10 PRINT “BASIC IS COOL”- 20 GOTO 11+ 20 GOTO 10暗藏不必要的输入增加简短的谬误日志或简短程序输入的问题能够解决的谬误有帮忙的，但如果它占用页的垂直空间，能够思考应用<details>和<summary>标签。 <details><summary>git clone 胜利，点击查看详情信息</summary><pre>Cloning into 'php-markdown-blog'...remote: Enumerating objects: 67, done.remote: Counting objects: 100% (67/67), done.remote: Compressing objects: 100% (55/55), done.remote: Total 67 (delta 12), reused 59 (delta 7), pack-reused 0Unpacking objects: 100% (67/67), done.</details><details><summary>git clone 胜利，点击查看详情信息</summary><pre>Cloning into 'php-markdown-blog'...remote: Enumerating objects: 67, done.remote: Counting objects: 100% (67/67), done.remote: Compressing objects: 100% (55/55), done.remote: Total 67 (delta 12), reused 59 (delta 7), pack-reused 0Unpacking objects: 100% (67/67), done.</details> ...

关于markdown:Markdown-Typora教程

Markdown简介Markdown介绍Markdown 是一种轻量级标记语言，它容许人们应用易读易写的纯文本格式编写文档。Markdown 语言在 2004 由约翰·格鲁伯（英语：John Gruber）创立。Markdown 编写的文档能够导出 HTML 、Word、图像、PDF、Epub 等多种格局的文档。Markdown 编写的文档后缀为 .md, .markdown。Markdown利用Markdown 能被应用来撰写电子书，如：Gitbook。以后许多网站都宽泛应用 Markdown 来撰写帮忙文档或是用于论坛上发表音讯。例如：GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。Markdown编辑器本教程将应用 Typora 编辑器来解说 Markdown 的语法，Typora 反对 MacOS 、Windows、Linux 平台，且蕴含多种主题，编辑后间接渲染出成果。反对导出HTML、PDF、Word、图片等多种类型文件。Typora 官网：https://typora.io/Markdown语法题目题目：#前面跟上一个空格 Typora快捷键 # 一级题目 Ctrl+1 ## 二级题目 Ctrl+2 ### 三级题目 Ctrl+3 #### 四级题目 Ctrl+4 ##### 五级题目 Ctrl+5 ###### 六级题目 Ctrl+6](imgs/题目展现.png) 段落段落 Ctrl+0这是段落文本文本： *斜体文本* Ctrl+I _斜体文本_ Ctrl+I **粗体文本** Ctrl+B __粗体文本__ Ctrl+B ***粗斜体文本*** Ctrl+I+B ___粗斜体文本___ Ctrl+I+B这是斜体这是粗体这是粗斜体分割线分割线：你能够在一行中用三个以上的星号、减号、底线来建设一个分隔线，行内不能有其余货色。你也能够在星号或是减号两头插入空格。 *** * * * ***** --- - - - ___ _ _ _删除线删除线：如果段落上的文字要增加删除线，只须要在文字的两端加上两个波浪线 ~~ 即可。 ~~test~~ Alt+shift+5这是删除线 ...

关于markdown:七款优质开源项目让你的Markdown编辑更加行云流水

作为一种轻量级的标记语言，Markdown 曾经逐步成为了开发者们的必备技能，不论是编写技术文档还是博客，应用 Markdown 编辑曾经成为了开发者们的首选。明天介绍的七款开源我的项目，涵盖了 Markdown 编辑器、引擎以及实用于微信/知乎的在线渲染工具，置信有这些我的项目的帮忙，你的 Markdown 编辑会更加行云流水。 1.md我的项目作者： doocs 开源许可协定： WTFPL 我的项目地址：https://gitee.com/Doocs/md Markdown 文档主动即时渲染为微信图文，让你不再为微信文章排版而发愁！只有你会根本的 Markdown 语法，就能做出一篇款式简洁而又美观大方的微信图文。 2.le-markdown-editor我的项目作者： Chave-Z 我的项目地址：https://gitee.com/Chave-Z/le-markdown-editor 一个vue的markdown编辑器组件，在反对惯例markdown语法的根底上增加了图片上传、多主题切换、流程图反对和一系列便捷的性能。 3.JustWrite我的项目作者：薛勤开源许可协定： GPL-3.0 我的项目地址：https://gitee.com/onblog/JustWrite 简略写作，一款反对实时预览的跨平台Markdown编辑器。 4.VLOOK我的项目作者：孟兆开源许可协定： MIT 我的项目地址：https://gitee.com/madmaxchow/VLOOK VLOOK™ 是针对由 Typora 导出的 HTML 文件进行加强的插件。 VLOOK™ 充沛开掘和扩大了 Markdown 和 Typora 的语法和性能，并联合古代网络化的文档编辑和出版中波及的文档的格局排版、文档导航、演示辅助、内容交互等方面的需要，为你提供基于 Markdown 的文档编辑、文档公布、文档阅读者提供统一、简洁、敌对的体验。 5.markdown-nice我的项目作者： Phoebe 开源许可协定： GPL-3.0 我的项目地址：https://gitee.com/zhning12/markdown-nice 反对自定义款式的在线微信Markdown排版工具。 6.lute我的项目作者： 88250 开源许可协定： MulanPSL-2.0 我的项目地址：https://gitee.com/dl88250/lute 一款对中文语境优化的 Markdown 引擎，反对 Go 和 JavaScript。 ...

关于markdown:Typora-完美结合-PicGo写作体验更佳

写在后面在泛滥 md 编辑器中，Typora 是大家公认的体验较好的写作软件之一，它最大的特点就是：所见即所得，毋庸分屏预览，或者开启新页面预览。除此之外，还有很多长处，这里不做介绍，不是本文的重点，感兴趣的能够去官网下载体验。在最近更新的 Beta 版本中，Typora 解决了一个用户最为关怀的问题：图床。上面就来介绍如何配置，以及 PicGo 的应用。一、下载最新版本的 Typora下载地址：https://www.typora.io/ 二、设置图像上传为了操作简略，我这里先把 Typora 的语言设置为简体中文，默认是追随零碎的。设置上传图片并关联图床工具同样是在 Typora 软件中进行，上图：这里标注了三个红框：第一默认不是上传图片选项，下拉抉择它；第二个红框倡议两个都抉择，这样你写作所用到的图片无论是本地上传还是网络图片，都会间接上传到你的图床；第三个红框是图床工具，依据集体偏好进行抉择，还能够自定义命令。我这里抉择开源收费的 PicGo ；紧接着是你的装置目录。PicGo 下载点此处 PicGo 装置装置没有什么须要特地留神的中央，一路下一步即可。装置实现之后，你会看到这个界面（MacOs）这个时候上传图片是失败的，起因能够在上传失败的提示信息中能够看到，是因为 SM.MS 官网不再反对V1版本，PicGo默认图床就是 SM.MS 。所以，接下来咱们就要配置图床。顺便提一句，如有小白不懂什么是图床，这里给一个解释：图床个别是指贮存图片的服务器，有国内和国外之分。国外的图床因为有空间间隔等因素决定访问速度很慢影响图片显示速度。国内也分为复线空间、多线空间和cdn减速三种。对于 PicGo 也能够参考PicGo 的官网指南配置 SM.MS图床注册或者登录 SM.MS 官网并获取 Secret Token官网入口获取 Secret Token ，在登录的状况下，点此中转下图地位：新注册用户点击 Generate Secret Token 而后复制，倡议再别的中央保留一份，不要反复生成。为 PicGo 装置插件再装置插件之前，确保你曾经装置了 Node.js，并且版本大于等于 8，因为 PicGo 是应用 npm 来装置的。Node.js官网地址，举荐下载 LTS 版本，装置实现之后，通过 cmd 命令验证是否装置胜利（下图是win零碎截图） ...

关于markdown:写博客利器Markdown记录一下Markdown的基础语法

最近在养成写博客的习惯，当初很多的网站都反对Markdown，然而老遗记语法，所以记录一下根底语法。先说下我感觉的Markdown的长处：只用写一篇博客，就能复制粘贴到多个社区，大大节俭了工夫。以下都反对Markdown，是不是感觉很划算，????！ Github码云Cmd-Markdown知乎博客园CSDN简书segmentfault有道云笔记GhostTypecho印象笔记只用留神文章内容，不必去多想排版。更多高阶语法请查看菜鸟教程下文每个一级题目代表一个语法：能够通过旁边的目录，疾速定位某个语法！ 1.题目一级题目是:#空格二级题目是:##空格三级题目是: ###空格四级题目是: ####空格 2.段落这是一个段落这是第二个段落，进行了换行格局：换行间接就回车键，也能够通过HTML语法：<br><br> 3.字体斜体是一个 *粗体两个 **斜粗体 *** 4.分割线分割线是*** 5.删除线这条文字被删除~~格局 ~~删除线这样写~~ 6.下划线<u>下划线</u> 下划线是<u></u> 7.脚注创立脚注格局相似这样 1。格局创立脚注格局相似这样 [^]。[^1]: www.baidu.com 8.列表(1)无序列表无序列表是： *空格文字无序列表是： *空格文字无序列表是： *空格文字 (2)有序列表有序列表格局是：数字空格文字有序列表格局是：数字空格文字有序列表格局是：数字空格文字有序列表格局是：数字空格文字后面的数字能够不按程序写，markdown会为你主动排序，即便你全副都写成<font color=red>1空格文字</font> (3)列表嵌套外层1 内层1内层2内层3外层2 内层1内层1内层1语法和下面一样 9.援用援用自陈全蛋的博客援用自陈全蛋的博客援用自陈全蛋的博客援用也能够循环嵌套格局： > 援用自陈全蛋的博客>> 援用自陈全蛋的博客>>> 援用自陈全蛋的博客 10.代码(1)行内代码咱们须要进行输入行内代码： System.out.println() 格局： `System.out.println()`(1)代码块你也能够用 `包裹一段代码，并指定一种语言（也能够不指定）： $(document).ready(function () { alert('RUNOOB');});格局： 11.链接这是一个github的链接格局： 12.图片图片应用微博图床：在浏览器中装置一个插件新浪微博插件，把你想要上传的图片间接拖到插件外面，会生成Http连贯，在把链接复制到markdown编辑器中即可。格局： 13.表格表头表头单元格单元格单元格单元格单元格单元格格局： ...

关于markdown:写博客利器Markdown记录一下Markdown的基础语法

关于markdown:富文本markdown

富文本编辑器markdown有点像word,它容许人们应用易读易写的纯文本格式编写文档。蕴含丰盛的款式。此文用于记录markdown根本的标记命令,供日后参考。 01 题目一级题目二级题目三级题目四级题目五级题目六级题目#####################02 段落应用空行新起一段第二段文本 03 字体用法一用法二斜体*文字*_文字_粗体**文字**__文字__粗斜体***文字***___文字___04 分割线三个以上的星号、减号或下划线*** --- ___ 05 删除线被删除的文字 ~~文字~~ 06 列表无序列表 + - *有序列表（1. 2. 3.）07 援用符号 > 创立一段援用文本08 代码行内代码，`code`print("Hello,world") 行间代码 ```code``` def hello(): print("Hello,world")09 链接[链接名称](链接地址)<链接地址> 10 图片![alt 属性文本](图片地址 "可选题目") 11 表格l 表头 l 表头 ll ---- l ---- ll 单元格 l 单元格 ll 单元格 l 单元格 l 12 Latex行内公式 $ 行间公式 $$ 总结：目前市面许多富文本编辑器曾经具备现成的图形化操作界面，不用再去记忆这些指令，此文仅作理解富文本工作原理应用。

Typora导出Word失败couldnt-read-native的解决方法

问题Typora已安装pandoc，但是导出Word(.docx)失败。如下，提示couldn't read native。原因经过测试，发现md文件中若含表格，则导出Word文档会失败。解决方法一：备份md文件中的表格，删除表格后导出剩下内容到Word，最后手动复制表格到Word中。方法二：①在md文件目录下打开命令行（输入cmd后回车）；②输入如下命令： pandoc -s 输入文件名.md -o 输出文件名.docx例如pandoc -s test.md -o test.docx。可以看到输出成功。打开输出文件可以看到表格导出成功：但是也存在排版混乱的情况，需要进一步调整。

B站bilibili专栏支持markdown最简单方案

背景B站专栏目前只支持富文本编辑器，文本编辑器就分为两种，支持markdown的和不支持markdown，可惜的是B站的专栏并不支持markdown而且也没有计划支持，这也是可以理解，毕竟up主们并不都了解markdown，但对于一个重度md用户，用富文本编辑器是无论如何都无法忍受的，于是研究了下专栏的逻辑，找到了支持md的方案，见下文。分析用户在编辑专栏时，系统会实时将数据通过接口https://api.bilibili.com/x/article/creative/draft/addupdate保存到后台，接口参数如下（curl） curl 'https://api.bilibili.com/x/article/creative/draft/addupdate' \ -H 'authority: api.bilibili.com' \ -H 'accept: application/json, text/javascript, */*; q=0.01' \ -H 'user-agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36' \ -H 'content-type: application/x-www-form-urlencoded; charset=UTF-8' \ -H 'origin: https://member.bilibili.com' \ -H 'sec-fetch-site: same-site' \ -H 'sec-fetch-mode: cors' \ -H 'sec-fetch-dest: empty' \ -H 'referer: https://member.bilibili.com/article-text/home?aid=74916' \ -H 'accept-language: zh,en;q=0.9,en-US;q=0.8,zh-CN;q=0.7,nb;q=0.6,mt;q=0.5' \ -H $'cookie: xxxxxxxxx（cookie打码）' \ --data-raw 'title=%E8%BF%99%E6%98%AF%E6%A0%87%E9%A2%98&banner_url=&content=%3Cp%3E%E8%BF%99%E6%98%AF%E6%AD%A3%E6%96%87%3C%2Fp%3E&summary=%E8%BF%99%E6%98%AF%E6%AD%A3%E6%96%87&words=4&category=4&list_id=0&tid=4&reprint=0&tags=&image_urls=&origin_image_urls=&dynamic_intro=&media_id=0&spoiler=0&original=0&aid=74916&csrf=027817004f35eb34f312464c4828ca62' \ --compressed可以看出以下几个信息 ...

Markdownitlatex-mathjax渲染方案

Markdown-it-latex2imgLaTex plugin for markdown-it markdown parser, Server side MathJax Renderer.BackgroundRelatedmarkdown-it-math:It was originally designed to render MathML. markdown-it-mathjax:Just to bypass LaTeX math for mathjax processing, need to import mathjax markdown-it-katex:Need to include the KaTeX stylesheet DemandPlace LaTeX Math equation on anywhereAccurate and fast, supports rendering of diverse formulasFeatureConvert Latex syntax to image tagsSupport inline and block formulasRendering results support multi-end use, such as WeChat Mini ProgramSampleDemo Screenshot: ...

Markdown语法

易读易写的标记语言，使用范围广泛，多用于编写说明文档 README.md与博客。1.标题语法：标准语法一般在#后跟个空格再写文字(思否似乎没一级标题)。示例： ## 这是二级标题### 这是三级标题#### 这是四级标题##### 这是五级标题###### 这是六级标题效果：这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题2.字体示例： **这是加粗的文字***这是倾斜的文字****这是斜体加粗的文字***~~这是加删除线的文字~~效果：这是加粗的文字这是倾斜的文字这是斜体加粗的文字这是加删除线的文字 3.引用语法：在引用的文字前加>即可，可嵌套使用。示例： >这是引用的内容>>这是引用的内容效果：这是引用的内容这是引用的内容4.分割线语法：三个或者三个以上的 - 或者 * 都可以。示例： -------********效果： 5.图片语法： ![图片alt](图片地址 "图片title")图片alt就是显示在图片下面的文字，相当于对图片内容的解释。图片title是图片的标题，当鼠标移到图片上时显示的内容。title可加可不加示例： ![百度Logo](https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png "")效果： 6.超链接示例： [思否](https://segmentfault.com/)[百度](http://baidu.com)效果：思否百度 7.列表无序列表语法：无序列表用 - + * 任何一种都可以，注意空格。示例： - 列表内容+ 列表内容* 列表内容效果：列表内容列表内容列表内容有序列表语法：数字加点，注意空格。示例： 1. 列表内容2. 列表内容3. 列表内容效果：列表内容列表内容列表内容8.表格语法： | 表头1 | 表头2 | 表头3 || --- | --- | --- || 内容 | 内容 | 内容 || 内容 | 内容 | 内容 |第二行分割表头和内容。- 有一个就行，为了对齐，多加了几个文字默认居左-两边加：表示文字居中-右边加：表示文字居右示例： ...

安利-可能会让你爱上书写的工具组合

吐血推荐一款可能会让你爱上书写的工具组合：Typora + Snipaste ！温馨警告：内附精心制作 GIF 使用图献给你的写作工具组合： Typora ????一款支持实时预览的 Markdown 文本编辑器 Snipaste ????一个简单但强大的截图工具 Markdown 是一种轻量级的「标记语言」，它的优点很多，目前也被越来越多的写作爱好者，国内很多内容分享网站都支持 Markdown 格式的编辑器。看到这里请不要被「标记」、「语言」所迷惑，Markdown 的语法十分简单。常用的标记符号也不超过十个，这种相对于更为复杂的HTML 标记语言来说，Markdown 可谓是十分轻量的，学习成本也不需要太多，且一旦熟悉这种语法规则，会有一劳永逸的效果。建议你了解下 Markdown ，好处多多。其实初次接触 Markdown 语法时，并没有太大兴趣。虽然看起来挺富有极客气息的，但是第一尝试使用并不是不太顺手，特别是表格的语法，写起来简直要吐了。感觉又是定义了一套自己的规则，让别人去使用，没劲。直到第一次遇见了 Typora ：看到同事用 Typora 写的接口文档，让我改变了对 Markdown 的看法，原来可以显示的这么好看。 Markdown 结合正确的编辑器，真的是简单却不失优雅，真 TM 香呀！???? Typora 是我们的主角，没有它，我依然不会喜欢 Markdown 语法。到现在使用 Typora 也将近有一年的时间了，它已经成为我高频使用的编辑器了。我会拿它做什么呢？作为日常工作开发过程记录本，记录一些关键信息，步骤，因为写起来实在是赏心悦目做为最近的总结分享编辑器的，写完之后再同步到写作平台上去我还用 Markdown 写了篇简历，看起来还不丑，对没错，可以用来写简历TyporaTypora 是一款让 Markdown 写作更简单，免费极简的编辑器，支持 OS X、Windows、Linux 三个平台哦。就像官网上面描述的那样：写作免打扰实时预览所见即所得下面是用官网的一个微视频做的 gif，这其实就是 Typora 书写时的状态。一起都是这么自然，沉浸式，所见即所得，关注内容本身，而不是样式，简单却不简陋。爱上它只需要一眼。 Typora 改善 Markdown 易用的地方如果说 Markdown 是少数派的技术人员所吹捧的一种标记语言，那么 Typora 绝对是让它面向大众的一个利器！ ...

Markdown-从入门到使用

Markdown是一款非常容易上手的轻量标记语言。当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息（本文就是用Markdown编写的哦~）。这里只有干货，没有废话。干就是了！Markdown 简介Markdown 是一种轻量级标记语言，它允许人们使用易读易写的纯文本格式编写文档。Markdown 编写的文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。Markdown 编写的文档后缀为 .md, .markdown。Markdown 应用Markdown 能被使用来撰写电子书，如：Gitbook。当前许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。例如：GitHub、简书、reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge等。编辑器使用 Typora 编辑器学习 Markdown 的语法，Typora 支持 MacOS 、Windows、Linux 平台，且包含多种主题，编辑后直接渲染出效果。支持导出HTML、PDF、Word、图片等多种类型文件。Typora 官网：Typora 官网 Markdown 标题Markdown 标题有两种格式。使用 = 和 - 标记一级和二级标题= 和 - 标记语法格式如下：一级标题=================二级标题-----------------使用 # 号标记使用 # 号可表示 1-6 级标题，一级标题对应一个 # 号，二级标题对应两个 # 号，以此类推。 # 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题Markdown 段落Markdown 段落没有特殊的格式，直接编写文字就好，段落的换行是使用两个以上空格加上回车。也可以在段落后面使用一个空行来表示重新开始一个段落。字体Markdown 可以使用以下几种字体： *斜体文本*_斜体文本_**粗体文本**__粗体文本__***粗斜体文本***___粗斜体文本___分隔线在一行中用三个以上的星号、减号、底线来建立一个分隔线，行内不能有其他东西。也可以在星号或是减号中间插入空格。 **** * ******- - -----------删除线如果段落上的文字要添加删除线，只需要在文字的两端加上两个波浪线 ~~ 即可。 ...

MarkDown-让文档更高效

0. MarkDown 是什么？Markdown 是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。 0.1 优点纯文本编辑，结构清晰。操作简单，学习成本低。文档可以导出 HTML 、Word、图像、PDF、Epub 等多种格式的文档。0.2 缺点也没啥缺点。 1. 语法1.1 标题# 一级标题名称## 二级标题名称### 三级标题名称#### 四级标题名称##### 五级标题名称###### 六级标题名称ps:使用 # 进行标识1.2 表格| 左对齐 | 居中对齐 | 右对齐 || :----- | :------: | -----: || 1 | 2 | 3 || 1 | 2 | 3 || 1 | 2 | 3 |表头与表格内容使用 | --- | 进行间隔使用：进行标记对齐格式，ps：中间 --- 的个数没有明确限制效果：左对齐居中对齐右对齐1231231231.3 代码块使用 ```javascriptconsole.log('Hello MarkDown')```ps:使用 ``` 进行标识在顶部 ``` 标识后紧跟代码类型，代码块内会设置对应高亮显示效果： ...

分享ApiPost-V3文档Markdown编辑器使用指南

想不想建立一个类似于微信公众号文档的页面？比如：https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Getting_Started_Guide.html 新版ApiPost嵌入了Markdown编辑器，可以轻松实现这样的文档编写。首先我们来新建一个文档。完成后，我们就可以编写了。效果预览：https://docs.apipost.cn/view/86419b43837c086f#2001360 快捷键有：加粗： Ctrl/Cmd + B 标题： Ctrl/Cmd + H 插入链接： Ctrl/Cmd + K 插入代码： Ctrl/Cmd + Shift + C 行内代码： Ctrl/Cmd + Shift + K 插入图片： Ctrl/Cmd + Shift + I 无序列表： Ctrl/Cmd + Shift + L 撤销： Ctrl/Cmd + Z

使用测试

我展示的是一级标题我展示的是二级标题一级标题二级标题三级标题四级标题五级标题六级标题斜体文本斜体文本粗体文本粗体文本粗斜体文本粗斜体文本 RUNOOB.COMGOOGLE.COMBAIDU.COM 第一项第二项第三项第一项第二项第三项第一项第二项第三项第一项第二项第三项第一项：第一项嵌套的第一个元素第一项嵌套的第二个元素第二项：第二项嵌套的第一个元素第二项嵌套的第二个元素区块引用菜鸟教程学的不仅是技术更是梦想最外层第一层嵌套第二层嵌套区块中使用列表第一项第二项第一项第二项第三项printf() 函数 $(document).ready(function () { alert('RUNOOB');});这是一个链接菜鸟教程 https://www.runoob.com 链接也可以用变量来代替，文档末尾附带变量地址：这个链接用 1 作为网址变量 Google这个链接用 runoob 作为网址变量 Runoob然后在文档的结尾为变量赋值（网址）这个链接用 1 作为网址变量 RUNOOB.然后在文档的结尾位变量赋值（网址） <img src="http://static.runoob.com/imag...; width="50%"> 表头表头单元格单元格单元格单元格左对齐右对齐居中对齐单元格单元格单元格单元格单元格单元格使用 Ctrl+Alt+Del 重启电脑文本加粗 ** 正常显示星号 ** 反斜线` 反引号星号_ 下划线{} 花括号[] 方括号() 小括号井字号加号减号. 英文句点! 感叹号 $$\mathbf{V}_1 \times \mathbf{V}_2 = \begin{vmatrix} \mathbf{i} & \mathbf{j} & \mathbf{k} \\\frac{\partial X}{\partial u} & \frac{\partial Y}{\partial u} & 0 \\\frac{\partial X}{\partial v} & \frac{\partial Y}{\partial v} & 0 \\\end{vmatrix}$$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}$$ ...

markdown指南

版权申明：本文原创首发于以下网站，您可以自由转载，但必须加入完整的版权声明博客园：https://www.cnblogs.com/Mogoo... csdn博客：https://blog.csdn.net/nmjkl001/ 知乎：https://www.zhihu.com/people/... 简书：https://www.jianshu.com/u/954... segmentfault：https://segmentfault.com/u/mo...标题大标题，# 二级标题，## 三级标题，### 四级标题，#### 五级标题，##### 六级标题，######段落我爱中国，-我爱中国，*我爱中国，+区块我爱中国，> 我非常爱中国，> > 我非常非常爱中国，> > >文字这几个字不需要，所以删除，~~文字~~这几个字很重要，所以颜色不一样，`文字`这几个字是斜的，*文字*这几个字是斜的_，_文字这几个字是粗的，**文字**这几个字是粗的__，__文字<u>这几个字是带下划线</u>，<u>文字</u>分割线*** --- 图片，![](图片地址) 链接这是一个连接我爱中国，[链接显示文字](链接地址) 这还是一个连接 https://blog.csdn.net/nmjkl00... 表格nameageactionMogooStudio18我爱爱中国| 分割单元 - 分割表头与其他行 :-左对齐 -: 右对齐 :-: 居中对齐代码使用`前后包括代码#include <iostream>int main(){ std::cout << "我爱中国" << std::endl; return 0;}我的联系方式：QQ：2161044579 邮箱：mogoostudio@outlook.com Github：https://github.com/MogooStudio

HelloDjango-第-09-篇让博客支持-Markdown-语法和代码高亮

作者：HelloGitHub-追梦人物文中涉及的示例代码，已同步更新到 HelloGitHub-Team 仓库为了让博客文章具有良好的排版，显示更加丰富的格式，我们使用 Markdown 语法来书写博文。Markdown 是一种 HTML 文本标记语言，只要遵循它约定的语法格式，Markdown 的解析工具就能够把 Markdown 文档转换为标准的 HTML 文档，从而使文章呈现更加丰富的格式，例如标题、列表、代码块等等 HTML 元素。由于 Markdown 语法简单直观，不用超过 5 分钟就可以轻松掌握常用的标记语法，因此大家青睐使用 Markdown 书写 HTML 文档。下面让我们的博客也支持使用 Markdown 写作。安装 Python Markdown将 Markdown 格式的文本解析成标准的 HTML 文档是一个复杂的工程，好在已有好心人帮我们完成了这些工作，直接拿来使用即可。首先安装 Markdown，这是一个 Python 第三方库，在项目根目录下运行命令 pipenv install markdown。在 detail 视图中解析 Markdown将 Markdown 格式的文本解析成 HTML 文本非常简单，只需调用这个库的 markdown 方法。我们书写的博客文章内容存在 Post 的 body 属性里，回到我们的详情页视图函数，对 post 的 body 的值做一下解析，把 Markdown 文本转为 HTML 文本再传递给模板： blog/views.pyimport markdownfrom django.shortcuts import get_object_or_404, renderfrom .models import Postdef detail(request, pk): post = get_object_or_404(Post, pk=pk) post.body = markdown.markdown(post.body, extensions=[ 'markdown.extensions.extra', 'markdown.extensions.codehilite', 'markdown.extensions.toc', ]) return render(request, 'blog/detail.html', context={'post': post})这样我们在模板中显示 {{ post.body }} 的时候，就不再是原始的 Markdown 文本了，而是解析过后的 HTML 文本。注意这里我们给 markdown 解析函数传递了额外的参数 extensions，它是对 Markdown 语法的拓展，这里使用了三个拓展，分别是 extra、codehilite、toc。extra 本身包含很多基础拓展，而 codehilite 是语法高亮拓展，这为后面的实现代码高亮功能提供基础，而 toc 则允许自动生成目录（在以后会介绍）。 ...

在Hexo中使用Markdown绘制图表

Typora本身支持flow、mermaid语言绘制时序图、甘特图、流程图等等。若要你的博客也支持解析渲染这些语言描绘的图表，则需要查看博客框架是否支持，然后进行相关配置。以Hexo为例，原生不支持，但是可以通过安装插件实现以上图表的显示。 hexo-filter-mermaid-diagrams mermaid diagrams for Hexo.在Hexo中识别并生成由mermaid编写的图表。可以通过修改Hexo或其他主题的重写博客CSS框架文件，改变渲染出的图表样式。例如，在Icarus主题中，修改icarus/source/css/style.styl文件，添加以下代码实现图表背景透明： .mermaid { background: transparent;}其他配置参考：https://github.com/knsv/merma... hexo-tag-plantuml hexo-tag-plantuml is a tag plugin for Hexo. It can work with plantuml to draw uml.在Hexo中绘制uml图。 hexo-filter-flowchart Generate flowchart diagrams for Hexo.在Hexo中识别并生成由flow编写的图表。标准流程图使用mermaid绘制流程图graph TD; A-->B; A-->C; B-->D; C-->D; 使用flow绘制流程图st=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st->op->condcond(yes)->io->econd(no)->sub1(right)->opst=>start: 开始框op=>operation: 处理框cond=>condition: 判断框(是或否?)sub1=>subroutine: 子流程io=>inputoutput: 输入输出框e=>end: 结束框st->op->condcond(yes)->io->econd(no)->sub1(right)->op时序图sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!甘特图（Gantt）gantt dateFormat MM-DD title 软件开发甘特图 section 设计需求: done,des1, 01-06,01-08 原型: active, des2, 01-09, 3d UI设计: des3, after des2, 5d 未来任务: des4, after des3, 5d section 开发学习准备理解需求: crit, done, 01-06,24h 设计框架: crit, done, after des2, 2d 开发: crit, active, 3d 未来任务: crit, 5d 休息: 2d section 测试功能测试: active, a1, after des3, 3d 压力测试: after a1 , 20h 测试报告: 48h UML图PlantUML 是一个允许你快速编写一下图表的组件 : ...

markedjs使用杂记markdown扩展语法

请移步到我的Blog，获得更好的阅读体验！本文的链接请点这里起因我的博客系统的文章是直接使用gitbook保存的markdown文档，后端使用marked.js来解析markdown文档。因为gitbook比较优秀，markdown进行了语法扩展，拿gitbook写文章也就更爽了。但是，这样问题就出现了，marked.js无法解析gitbook扩展的语法，所以我们就需要手动去解析这些扩展的markdown语法。 marked.js如何扩展语法?想要扩展语法，也就需要深入了解marked.js的工作机制。 marked.js的工作机制：创建Lexer(词法解析器)实例： const lexer = new marked.Lexer()lexer将markdown字符串解析成tokens(tokens是官方文档的叫法，按照我的理解应该是markdown节点(node))： const tokens = lexer.lex(md)接下来创建Parser(解析器)实例： const parser = new marked.Parser()调用parser.parse()来解析tokens，生成html字符串： const html = parser.parse(tokens)到这里，marked.js的工作机制就完了。那么，我们需要修改的部分也就很清晰了，我们需要修改lexer的生成tokens函数、parser的解析函数以及渲染函数。如何修改Lexer生成token的函数？我看了marked.js的源码发现，lexer生成token的函数是一个名为token的函数，这个函数的代码是这样的： marked.Lexer.prototype.token = function (src, top) { src = src.replace(/^ +$/gm, ''); var next, // ...; while (src) { // newline if (cap = this.rules.newline.exec(src)) { src = src.substring(cap[0].length); if (cap[0].length > 1) { this.tokens.push({ type: 'space' }); } } // ... } //...}也就是，lexer用while循环来使用正则表达式进行判断是否符合语法，如果符合就push到tokens，然后切割字符串进行下次循环。我们就如法炮制一条正则表达式和循环中的代码块： ...

Markdown语法与效果

1.标题# 一级标题## 二级标题### 三级标题一级标题二级标题三级标题2.引用> 区块引用> > 嵌套引用> > >三嵌套引用> > > > 四嵌套引用区块引用嵌套引用三嵌套引用四嵌套引用3.字体格式**加粗***斜体*~~删除线~~`行内代码` 加粗斜体删除线行内代码 4.代码单行代码(前四个空格)'hello world'(代码段:上下3点夹代码段) `标记`标记 5.列表1. 第一点(数字标点后有1空格)- 这一点* item第一点这一点item6.分割线1***2---3_____ 4======1 23_ 47.链接[GitHub](http://github.com)<http://www.github.com/> 自动生成连接[GitHub][1][1]:http://github.comGitHub http://www.github.com/ 自动生成连接 GitHub 8.图片![GitHub set up](http://zh.mweb.im/asset/img/set-up-git.gif) 惊叹号+图片本地地址直接复制粘贴 9.表格第一格表头 | 第二格表头---------| -------------内容单元格第一列第一格 | 内容单元格第二列第一格内容单元格第一列第二格多加文字 | 内容单元格第二列第二格内容单元格第一列第三格多加文字 | 内容单元格第二列第三格内容单元格第一列第四格多加文字 | 内容单元格第二列第四格第一格表头第二格表头内容单元格第一列第一格内容单元格第二列第一格内容单元格第一列第二格多加文字内容单元格第二列第二格内容单元格第一列第三格多加文字内容单元格第二列第三格内容单元格第一列第四格多加文字内容单元格第二列第四格11.注脚注脚[^牛:头上两个角]注脚1 12.Html 标签<table> <tr> <th rowspan="2">值班人员</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> </tr> <tr> <td>李强</td> <td>张明</td> <td>王平</td> </tr></table>值班人员星期一星期二星期三李强张明王平 12.待办事项[ ] 待办事项[x] 新增Todo列表功能 [ ] 待办事项 ...

markdown免费转换为pdf

安利一个markdown免费转换为pdf的开源网站, 很好用,关键还免费使用很简单,一键导出, 支持的语法格式比较多,可以添加水印,页眉markdown转pdf网站