这两天部门要进行立项相关的文档整理,闲的蛋疼的我实在是写不惯word文档了,就顺手在vscode上敲起了markdown文件进行文档的总结。结果敲出来的markdown语句在调整相关的文字大小,行间距等方面都让我颇为脑壳疼。
于是乎就上网搜索这些相关的小技巧以及如何将md文件转换成pdf格式文件的技巧(说真的这么转出来的文件相当的好看)
那么首先我们先来说说md转pdf吧
- 第一步:
你需要将md文件编写出来,这里你就需要一个相关的markdown编辑器喽,当然,简书之类的就不要用啦,这种在线博客类的编辑器是不能保存成本地的md文件的吧。。大概,反正我试了几次都没保存下来- 这里的话用大家都推荐的比如typora啊,vscode之类的编辑器就可以了,当然,vscode是需要你自己配置一下相关插件的啦
- 第二步:
你需要在google chrome商店里加载markdown preview plus插件,并在设置栏里至少勾选上第三个选项,这一步可以让你将利用css文件进行文字格式等细节设置的md文件完整的预览到你的chrome上 - 第三步:
这里最后一步就是将预览的网页右键选中打印选项,这里有一个另存为pdf的选择,只需点一下保存就可以了
接下来,我们来说说css文件
具体的话,其实可以直接抛代码的说
@charset "utf-8";
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
.aa{
/* color:#444; */
font-family:Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
/* font-size:13px; */
line-height: 50px;
padding:1em;
margin:auto;
max-width:42em;
/* background:#fefefe; */
/* background:#696969; */
}
body{
font-family:"微软雅黑";
font-size:10px;
color:black;
line-height: 30px;
background:#fefefe;
}
博主本身并没接触过前端语言啊。。。所以说代码逻辑之类的写的相应比较惨不忍睹一些,毕竟是一天之内要写出文档应急,但是方法都是相通的。这里用css文件设置了一个.aa的类以及body这个大标签内部的各种文字格式,之后在markdown文件头部附上指向这个css文件的链接即可。
<link href="markdown.css" rel="stylesheet"></link>
网友评论