使用 VS Code + Markdown 编写 PDF 文档

1

背景介绍       

作为一个技术人员,基本都需要编写技术相关文档,而且大部分技术人员都应该掌握 Markdown 这个技能,使用 Markdown 来编写并生成 PDF 文档将会是一个不错的体验,以下就介绍下如何使用 VS Code + Markdown 来编写 PDF 文档。

2

效果演示       

312ee9e5eb4369f69ed6bc0c1e990ef0.png

131a39399a0f543247369c71907b999a.png

8800ba571bb9bc0be5d3d36a1277f1e4.png

3

环境准备       

  • [必须] 安装 Visual Studio Code

35286613550f17ea91059223378ae8a9.png

  • [必须] 安装 Extension - Markdown PDF,主要用于生成 PDF

65e47af7e8c1a41cbdc87db606958297.png

  • [可选] 安装 Extension - markdownlint,用于 markdown 语法提示

2443421886fb50aa7922b910a1fa4949.png

4

使用指引       

1. 打开预览

使用 Ctrl+Shift+V 热键打开文档 Preview

bfeb775c179837511115968a654da44a.png

2. 文本内容

## 文本内容- 字体我是普通字体- 斜体*我是斜体*- 粗体**我是粗体**- 粗斜体***我是粗斜体***- 删除线~~我是删除线~~

3cc79d5301a0cff05efaa4bc75d90ff7.png

3. 超链接

## 超链接- [GitHub](https://github.com/)- <https://github.com/>

2e8348915ccc12f97c2f56e9ae15e201.png

4. 图片

## 图片![图片](image.png "图片")

3013a9c717beaf5be19369119d5a34ff.png

5. 代码块

## 代码块- 行内式演示各种编程语言的 `Hello World` 程序- Java```javapublic class HelloWorld  
{  public static void main(String[] args)  {    System.out.println("Hello,World!");  }  }  ```- C```c#include <stdio.h>  int main(){  printf("Hello,World!");return 1;}```- C++```cpp#include <iostream>  #include <stdio.h>int main()  {  printf("Hello,World!--Way 1\n");  puts("Hello,World!--Way 2");  puts("Hello," " " "World!--Way 3");  std::cout << "Hello,World!--Way 4" << std::endl;  return 1;  } ```- Python```pythonprint "Hello,World!"   #Python 2.xprint("Hello,World!")  #Python 3.x```- C#```csharpusing System;  class TestApp  
{  public static void Main()  {  Console.WriteLine("Hello,World!");  Console.ReadKey();  }  } ```- Shell```bashecho "Hello,World!"```

fda7c4c2a9731229dcdb39798c3278d1.png

6. 列表

## 列表### 无序列表- 第一项
- 第二项
- 第三项### 有序列表1. 第一项
2. 第二项
3. 第三项### 任务列表- [x] 吃饭
- [x] 睡觉
- [ ] 写代码

f0666f0a244984b2889f748636857842.png

7. 引用

## 引用### 并列> 引用1  
> 引用2  
> 引用3  ### 嵌套> 第一层嵌套
>> 第二层嵌套  
>>>>> 第五层嵌套### 引用中使用列表> 引用
>
> 1. 第一项
> 2. 第二项
>
> - 第一项
> - 第二项
> - 第三项### 列表中使用引用- 第一项> 引用1  > 引用2
- 第二项

0aca84fbbc5d1f23d07d0316b25aa077.png

8. 表格

## 表格| 默认对齐 | 居左对齐 | 居右对齐 | 居中对齐 |
| ------- | :------- | ------: | :-----: |
| 单元格 | 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 | 单元格 |

850ca3a5f56545a797f1ce60b3709638.png

9. UML

## UML- markdown-it-plantuml无法预览,项目地址:<https://github.com/gmunguia/markdown-it-plantuml>@startuml
Bob -[#red]> Alice : hello
Alice -[#0000FF]->Bob : ok
@enduml- mermaid无法预览,项目地址:<https://mermaid-js.github.io/mermaid/#/>```mermaid
erDiagramCUSTOMER ||--o{ ORDER : placesORDER ||--|{ LINE-ITEM : containsCUSTOMER }|..|{ DELIVERY-ADDRESS : uses
```

c3c556155cdb87be81ed505edb9f2ee4.png

69c593b3fa5f554e3162b5650052c038.png

10. 公式

## 公式使用 LaTeX 语法,仅支持预览,不支持 pdf,需要先手动转换成图片或文本。- 梯度下降的数学公式$$\theta_{n+1} = \theta_{n} - \eta \cdot \nabla J(\theta) \tag{1}$$
其中:$\theta_{n+1}$:下一个值$\theta_n$:当前值$-$:减号,梯度的反向$\eta$:学习率或步长,控制每一步走的距离,不要太快以免错过了最佳景点,不要太慢以免时间太长$\nabla$:梯度,函数当前位置的最快上升点$J(\theta)$:函数- 均方差函数$$ loss = {1 \over 2}(z-y)^2 \tag{单样本} $$$$ J=\frac{1}{2m} \sum_{i=1}^m (z_i-y_i)^2 \tag{多样本} $$

074fa9579f1763775b406a8becaca3a4.png

11. 强制换页

使用自动换页有时会不合理低把内容分到不同的页码,使用以下代码可以强制换页,美化 PDF 排版。

<div style="page-break-after: always"></div>

5

生成文档       

在 markdown 文件窗口右键选择 Markdown PDF: Export {pdf} 生成 PDF。

fed740467c1a24b951e789c093fca95f.png

6

参考总结       

以上就是本文希望分享的内容,如果大家有什么问题,欢迎在公众号 - 跬步之巅留言交流。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/287392.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

《看聊天记录都学不会C语言?太菜了吧》(6)编程很难吗?差一点就学不会了呢!

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 本系列文章将会以通俗易懂的对话方式进行教学&#xff0c;对话中将涵盖…

【ArcGIS风暴】气象台站气温(降水)矢量数据插值成栅格气温(降水)空间数据

关于文本格式的气象数据生成Shapefile矢量数据的过程,可以参照文章《ArcGIS 10.2导入Excel数据X、Y坐标(经纬度、平面坐标),生成Shapefile点数据图层》。本文在前面生成的具有气温和降水属性的气象台站矢量数据的基础上,通过栅格插值,栅格裁剪等过程生成空间分布的气温和…

Android studio之导入新库提示Add library ‘Gradle*****@aar‘ to classpath

1 问题 as导入第三方库在依赖的基类build.gradle里面添加如下 implementation com.truizlop.sectionedrecyclerview:library:1.2.0 提示错误如下 2 原因 implementation 单层引用&#xff0c;只引用当前aar包层&#xff0c; api 多层引用&#xff0c;引用当前aar包层&#…

Windows 查看端口占用

查看 Windows 端口占用情况 在 Windows 命令行窗口下执行一下命令 查看所有端口占用情况netstat -ano 查看特定端口的占用情况netstat -aon|findstr "8080" 查看PID对应的进程tasklist|findstr "2212" 实例 博主碰到的是8080端口被占用了&#xff0c;如下图…

Android quot;QR二维码扫描quot;

支持灯 扫描结果 支持 抄、分享、浏览打开&#xff08;超链接&#xff09; 自己主动保存扫描记录 划删除 和源代码 git: http://git.oschina.net/892642257/QRCode csdn(0分): http://download.csdn.net/detail/onlyonecoder/7713589 版权声明&#xff1a;本文博主原创文章。博…

ASP.NET Core中的依赖注入(4): 构造函数的选择与服务生命周期管理

ServiceProvider最终提供的服务实例都是根据对应的ServiceDescriptor创建的&#xff0c;对于一个具体的ServiceDescriptor对象来说&#xff0c;如果它的ImplementationInstance和ImplementationFactory属性均为Null&#xff0c;那么ServiceProvider最终会利用其ImplementationT…

C# WPF布局控件LayoutControl介绍

Dev学习地址文档地址 &#xff1a;https://docs.devexpress.com/wpf&#xff1a;https://docs.devexpress.com/WPF/7875/wpf-controlswinform&#xff1a;https://docs.devexpress.com/WindowsForms/7874/winforms-controlsasp.NET: https://docs.devexpress.com/AspNet/7873/a…

《看聊天记录都学不会C语言?太菜了吧》(7)下一篇文章告诉你牛郎是谁

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 本系列文章将会以通俗易懂的对话方式进行教学&#xff0c;对话中将涵盖…

【遥感物候】30年物候始期空间分布特征(平均值)和变化趋势分析(Slope 一元线性回归分析)

问题分析:本文的数据为经过预处理和计算得到的30年(1983-2012年)物候参数始期遥感数据,共计30期影像,现在需要逐像元计算整个物候始期的空间分布特征(平均值)和变化趋势分析(Slope 一元线性回归分析)。最终的效果(左图为分布特征,右图为变化趋势): 一、方法原理 …

deb php7 fileinfo,linux安装php7.2扩展fileinfo

最简便的方法是使用pecl安装php的扩展&#xff0c;方便快捷&#xff0c;这里使用的是源码编译安装php扩展项目 中上传图片遇到的问题&#xff1a;明显是fileinfo不被支持&#xff0c;没有安装fileinfo。接下来开始安装因为我的linux服务器里比较干净&#xff0c;所以之前的php源…

使用keepalived实现双机热备

2019独角兽企业重金招聘Python工程师标准>>> 通常说的双机热备是指两台机器都在运行&#xff0c;但并不是两台机器都同时在提供服务。当提供服务的一台出现故障的时候&#xff0c;另外一台会马上自动接管并且提供服务&#xff0c;而且切换的时间非常短。下面来以kee…

《看聊天记录都学不会C语言?太菜了吧》(8)牛郎和织女竟有一个孩子?

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 本系列文章将会以通俗易懂的对话方式进行教学&#xff0c;对话中将涵盖…

技术贴:触摸屏(TP)技术交流

转载自&#xff1a;易触网科技 電容式TP的動作原理 PS:電容式TP動作原理是利用人體電流感應來進行的&#xff0c;當人的手指觸摸在TP上&#xff0c;与Panle上的ito電路形成一個耦合電容&#xff08;電容效應&#xff09;&#xff0c;於是手指從觸控點上吸走了一個微小的電流&am…

【遥感物候】植被物候与气候(气温和降水)条件的空间相关性分析

植被生长与气候的关系最为密切,通过计算植被各个生长季参数和气温、降水之间的相关系数可以分析生长季参数的变化与气温、降水之间的关系的程度。本文计算30年的植被物候参数和气候数据之间的相关性,最终效果如下: 目录 一、相关性分析原理

HttpContext.TraceIdentifier那严谨的设计

前言Asp.Net Core中有一个不受人重视的属性HttpContext.TraceIdentifier&#xff0c;它在链路追踪中非常有用&#xff0c;下面是官方的定义:在项目中一般会将该字段输出到每一条日志中&#xff0c;也可以将此Id作为通用响应字段返回前端&#xff0c;后续可以根据该属性和日志匹…

Android之实现多张图片点击预览(支持放缩)和滑动

1 需求 多张图片通过recycleView展示&#xff0c;然后点击具体一张图片支持预览(支持放缩)和滑动 2 解决办法 BaseRecyclerViewAdapterHelper com.github.chrisbanes.photoview.PhotoView ViewPage2 组合起来真香 https://github.com/CymChad/BaseRecyclerViewAdapt…

【Envi风暴】Envi5.4经典安装图文教程

ENVI(The Environment for Visualizing Images)是一个完整的遥感图像处理平台,应用汇集中的软件处理技术覆盖了图像数据的输入/输出、图像定标、图像增强、纠正、正射校正、镶嵌、数据融合以及各种变换、信息提取、图像分类、基于知识的决策树分类、与GIS的整合、DEM及地形信…

错误: nknown column 'xxxx' in 'where clause'

nknown column sdsds in where clause 运行环境&#xff1a;jdk1.7.0_17tomcat 7 spring&#xff1a;3.2.0 mybatis&#xff1a;3.2.7 eclipse 错误&#xff1a;nknown column sdsds in where clause 错误原因&#xff1a;数据库查询无用&#xff0c;可能很多写sql语句都会遇到…

查缺补漏系统学习 EF Core 6 - 批量操作

推荐关注「码侠江湖」加星标&#xff0c;时刻不忘江湖事这是 EF Core 系列的第七篇文章&#xff0c;上一篇文章讲述了 EF Core 中的实体数据修改。这篇文章讲一讲 EF Core 如何进行批量操作。在众多的 ORM 框架中&#xff0c;EF Core 的功能并不是最强大的那个&#xff0c;性能…

半小时一篇文过完C语言基础知识点

若是大一学子或者是真心想学习刚入门的小伙伴可以私聊我&#xff0c;若你是真心学习可以送你书籍&#xff0c;指导你学习&#xff0c;给予你目标方向的学习路线&#xff0c;无套路&#xff0c;博客为证。 本文定位读者为小白读者&#xff0c;将使用最快的方法过完C语言基础知识…