网页出版物 - LaTex样式 - HTML视图

2021-06-06 23:48:58

现在有一种简单的方法可以拥有一个包含数学和科学印刷文档和发布的数学和科学印刷文档的一种简单的方法,每个都看起来像一个专业的乳胶文档。所有您需要的是流行的免费开源Visual Studio代码文本编辑器,其轻量级扩展标记+数学用于管理乳胶样式和数学语法以及同时使用与之无处不在的Markdown语言。由此产生的HTML文档已包含预先生的数学公式,因此浏览器赢得了' T通过脚本具有数学渲染的负担。

使用Markdown语言不仅适用于Web内容,还有一个上升趋势,也是学生笔记,讲义和中等大小的讲义和科学论文。 Markdown源文件有利,用于查看,编辑和归档内容。此外,我们可以从中生成视觉上令人愉悦的乳胶样式文件

Markdown解析器通常仅导出语义HTML,即仅在不使用Class属性的情况下才有意义的HTML元素。使用无类CSS样式表[4,5]来完成这些HTML文档。用无数CSS造型语义HTML ...

作为指导理由[6],随后遵循了爱德华托格特'举行的造型论文和讲义的惯例。

本文 - 作为乳胶文档的风格自身 - 首先列出了必要的安装方面。在乳胶样式的Markdown文件的一个微小示例之后,它可以快速概述新移民的标记。最后提出了一些用于科学出版物的一些有用的功能。

HTML模板的源代码及其伴随的类CSS文件可以在GitHub上找到[7]。

如果您是程序员,可能很高,您已经安装过,并使用Visual Studio代码。否则,您可以从此处安装它,并轻松使用它作为一个具有出色的Markdown支持的常规非WYSIWYG文本编辑器。

越来越科学现在我们安装了vscode扩展标记+数学。 您可以直接从VSCode via 将浏览器导航到示例文件https://raw.githubuserContent.com/goessner/mdmath/master/docs/euler.md并将Markdown文本复制/粘贴到您的Open Vsode文档中。 现在从vscode命令调色板(ctrl + shift + p)运行命令brankdown:将markdown + math保存到html或简单地按(ctrl + k,)。 这样,我们创建了一个名为euler.html的HTML版本的Markdown文件Euler.md,都位于同一文件夹中。 在您选择的浏览器中查看它给出: 拥有这一点,我们可以使用我们的浏览器和#39;打印到PDF功能非常轻松地生成打印文件Euler.pdf。 您可以从此处下载一个版本进行检查。 根据Comparmarment Specification [2],Basic Markdown转换为有限的语义HTML元素。 ,,,,,,,,,, ,,,,,,,,

它可能是显着的,即不是非常语义的HTML元素< div>和<跨度>缺少这里。为了支持这些元素列表,小CSS文件就足够了。请注意,Markdown允许在需要时嵌入普通的HTML代码。

Edward Tufte'在此处建议使用< h1>仅限文档标题,< h2>对于剖面标题,和< h3>对于较低级标题[6]。所以对于只有两个标题级别的文件' ##' (< h2>)和' ###' (< h3>)完全足够 - 参考着名的Feynman讲座物理学[11]。

#保留文档标题``##主要部分标题``###次级下级标题``####不建议使用` - `

Markdown解释一系列文本行,通过空行与他人分开,作为段落,并将其转换为HTML< p>元素。在同样的方式和与HTML控制文本包裹的方式相同,您无法使用Markdown进行。

但是你可能 - 作为规则的例外 - 使用HTML< br&gt来强制硬线断裂;或在一条线结束时至少两个尾随空格。

Markdown图像是具有语法的内联元素![alt text](/ path / to / img"标题")。这些图像并排显示。

如果我们想迎合图像并给出标题,我们使用语义HTML<图>和<图图>元素代替。

图像对其大小响应,我们可以通过更改浏览器窗口的大小来验证。

>人类是美国宇宙呼吁的整体的一部分。 > & mdash;艾伯特爱因斯坦,*一个很多零件的人*

人类是美国宇宙呼吁的整体的一部分。 - 艾伯特爱因斯坦,许多零件的人。

在科学文献中,定理,逻辑和证据经常使用在Markdown中使用BlockQuote语法编写。

我们可以在其自己的单行上包含三个反响面表`````的代码块中插入预格式文本。立即跟随开始反击,我们可以指定语言突出显示的语言。

我们可以使用简单的表格语法,这是连锁标准的流行扩展[3]。如表2所示的内联规则适用于表格单元格。整个表格始终是中心对齐的。

这不是Markdown功能。还有文本包装是关于它在科学论文中使用的争议。但是,如果你想要,HTML< eathing>用于帮助.HTML规范建议使用<除外;仅适用于与主要文章内容间接相关的内容。

注意一般的事实,我们可以在HTML块元素内部使用Markdown文本,只要它以空行开始和结尾即可。

数学支持是MDMATH的核心功能。内联Math r = x 2 + y 2 r = \ sqrt {x ^ 2 + y ^ 2} r = x 2 + y 2,并且支持显示数学表达式,由于Markdown-IT扩展Markdown-IT-Texmath [8快速数学渲染器Katex [9]。自MDMath版本2.6以来,可以使用换向图

a→a bb↓↓c c = d \ begin {cd} a>>> b \\ @vbvv @aaca \\ c @ = d \ end {cd} a b↓⏐c a b⏐↑c d

...内联数学$ r = \ sqrt {x ^ 2 + y ^ 2} $和display math表达式$$ e ^ {ix} = \ cos x + i \ sin x $$支持...换向图可以从* mdmath *版本2.6 $$ \ begin {cd} a @> a>> b \\ @vbvv @aaca \\ c @ = d \ end {cd} $$

导出的HTML文档的Visual部分由MDMath模板主题/发布/主题.JS提供,具有简单的语义结构:

您的Markdown内容将由Markdown-IT解析,Vscode使用的Markdown解析器[10]。结果HTML输出随后进入< main>部分。

Markdown不帮助您进一步构建文本内容。特别是它不使用HTML<文章>并且<>元素。但实际上它不需要,作为标题 - 剩余的结构化元素 - 完全充分。

<标题>部分包含论文' s标题,作者,作者地址,日期和关键字。这些数据将在Markdown文件开头的前端元数据部分中找到,并且还将通过模板文件进行处理。 Euler.md示例内的额外部分部分具有以下结构

---"郎&#34 ;:" en&#34 ;,"标题&#34 ;:" euler' sidity"" subttle" 34 ;:"如何将5个重要的数学常量与短公式"作者"作者&#34 ;: [" max muster< sup< / sup>" ,"丽莎大师< sup> 2< / sup>"],"地址&#34 ;: ["< sup> hochschule gartenstadt", "< sup> 2< / sup>UniversitätÜberee"],"日期&#34 ;:" 5月2021&#34 ;,"描述":":" 34; MDMATH乳胶演示网站""标签&#34 ;: [" Markdown + Math"" vscode&#34 ;,"静态页面&#34 ;, "出版物&#34 ;,"乳胶&#34 ;," math"] ---

请注意,此处使用的前端语法必须严格遵守JSON语法。因此,它比基于YAML的常规语法更严格。

MDMATH提供了一个非常基本但有用的Content命令表。编辑标记......

为了通过Markdown创作接近乳胶外观和感受,需要一个纯无类的CSS样式表。您可能希望查看MDMath' s样式表。

所有这些样式表似乎都可以完全解决手工制作的HTML。未提及HTML作为Markdown导出。

VincentDörig' S的方法看起来很有希望。承认提供给他提供与MDMATH重用的拉丁现代罗马字体字体。

MDMATH主题出版物提供的HTML输出提供了乳胶外观和感觉的造型。使用Student Notes,可以使用Markdown语言舒适地编写讲义和科学论文,同时预览TextEditor vscode的结果。在Markdown→HTML转换过程中,数学公式将转换为浏览器可理解的标记。因此,浏览器侧最终不需要基于脚本的数学渲染器。实际上,根本没有使用HTML输出。

mdmath地址很小到中型文件。然而,对于大型工作作为论文和书籍,可用强大的乳胶套餐或 - 如果您想坚持使用Markdown - Pandoc强烈推荐。

[1]大胆的火球(https://daringfireball.net/projects/markdown/)[2] commonmark(https://commonmark.org/)[3]概括的扩展,(https://tinyurl.com/ 5bm568tn)[4] no-class css框架,(https://csss-tricks.com/no-class-css-frameworks/)[5]下一个css frontier - 无数,(https://tinyurl.com/ vynsw3ew)[6] tufte-css,(https://edwardtufte.github.io/tufte-css/)[7] markdown + math(https://github.com/goessner/mdmath)[8] markdown-it -texmath,(https://github.com/goessner/markdown-it-texmath)。 [9] Katex,(https://katex.org/)[10] markdown-it,(https://github.com/markdown-it/markdown-it)[11] Feyman讲座在物理学上,(HTTPS ://www.feynmanlectures.caltech.edu/)