美文网首页
markdown进行pdf文档的编写

markdown进行pdf文档的编写

作者: 火乐君_52cd | 来源:发表于2018-08-22 12:59 被阅读0次

    这两天部门要进行立项相关的文档整理,闲的蛋疼的我实在是写不惯word文档了,就顺手在vscode上敲起了markdown文件进行文档的总结。结果敲出来的markdown语句在调整相关的文字大小,行间距等方面都让我颇为脑壳疼。
    于是乎就上网搜索这些相关的小技巧以及如何将md文件转换成pdf格式文件的技巧(说真的这么转出来的文件相当的好看)

    那么首先我们先来说说md转pdf吧

    1. 第一步:
      你需要将md文件编写出来,这里你就需要一个相关的markdown编辑器喽,当然,简书之类的就不要用啦,这种在线博客类的编辑器是不能保存成本地的md文件的吧。。大概,反正我试了几次都没保存下来
      • 这里的话用大家都推荐的比如typora啊,vscode之类的编辑器就可以了,当然,vscode是需要你自己配置一下相关插件的啦
    2. 第二步:
      你需要在google chrome商店里加载markdown preview plus插件,并在设置栏里至少勾选上第三个选项,这一步可以让你将利用css文件进行文字格式等细节设置的md文件完整的预览到你的chrome上
    3. 第三步:
      这里最后一步就是将预览的网页右键选中打印选项,这里有一个另存为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>
    

    相关文章

      网友评论

          本文标题:markdown进行pdf文档的编写

          本文链接:https://www.haomeiwen.com/subject/xaieiftx.html