這兩天部門要進行立項相關(guān)的文檔整理,閑的蛋疼的我實在是寫不慣word文檔了,就順手在vscode上敲起了markdown文件進行文檔的總結(jié)。結(jié)果敲出來的markdown語句在調(diào)整相關(guān)的文字大小,行間距等方面都讓我頗為腦殼疼。
于是乎就上網(wǎng)搜索這些相關(guān)的小技巧以及如何將md文件轉(zhuǎn)換成pdf格式文件的技巧(說真的這么轉(zhuǎn)出來的文件相當(dāng)?shù)暮每矗?/p>
那么首先我們先來說說md轉(zhuǎn)pdf吧
- 第一步:
你需要將md文件編寫出來,這里你就需要一個相關(guān)的markdown編輯器嘍,當(dāng)然,簡書之類的就不要用啦,這種在線博客類的編輯器是不能保存成本地的md文件的吧。。大概,反正我試了幾次都沒保存下來- 這里的話用大家都推薦的比如typora啊,vscode之類的編輯器就可以了,當(dāng)然,vscode是需要你自己配置一下相關(guān)插件的啦
- 第二步:
你需要在google chrome商店里加載markdown preview plus插件,并在設(shè)置欄里至少勾選上第三個選項,這一步可以讓你將利用css文件進行文字格式等細節(jié)設(shè)置的md文件完整的預(yù)覽到你的chrome上 - 第三步:
這里最后一步就是將預(yù)覽的網(wǎng)頁右鍵選中打印選項,這里有一個另存為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;
}
博主本身并沒接觸過前端語言啊。。。所以說代碼邏輯之類的寫的相應(yīng)比較慘不忍睹一些,畢竟是一天之內(nèi)要寫出文檔應(yīng)急,但是方法都是相通的。這里用css文件設(shè)置了一個.aa的類以及body這個大標簽內(nèi)部的各種文字格式,之后在markdown文件頭部附上指向這個css文件的鏈接即可。
<link href="markdown.css" rel="stylesheet"></link>