起因
因为掘金相对于其它的社区,以及一些本地的文本编辑器来说,内置了很多好看的写作主题,所以我经常会利用掘金的草稿箱写一些东西,尽管这些东西跟技术无关,并且永远我也不打算发布他们
因为要组织北京地区的掘友见面会,所以我一如既往的用掘金的草稿箱写了个活动策划,起初是以截图的形式分享给别人,但随着内容越来越多,截图也变的麻烦了起来,这个时候我就想要是把网页转化成 PDF 文件发送给别人就好了
第一步
首先我们只需要转化预览区的内容,编辑区是不需要的,所以首先要开启这个 仅预览区 的选项
然后就变成了这样
第二步
打开控制台,找到 class=“markdown-body”
的 DOM
节点
可以看到就是编辑区正文的部分
第三步
把这个 DOM
节点剪切到 body
下 ,并删除原来的根节点
现在就变成纯粹的页面了,没有了头部的编辑区,也没有下面显示字符数什么的
第四步
因为掘金的默认背景颜色不是白色,所以打印出来很丑,可以先看一下,右键选择打印,或者 ctrl p
快捷键唤起打印窗口
最后一步就很简单了,把 body
元素的背景颜色改为白色即可
最后看一下效果
ok,很完美,到这里我们就可以利用掘金的草稿箱写一些我们自己的东西,然后转化成 PDF 为自己所用了,
对了,打印窗口的左上角要选择另存为 PDF
哦