【奇门巧技】如何把掘金草稿箱的内容下载成PDF文件

2024-08-02 08:33:47 浏览数 (3)

起因

因为掘金相对于其它的社区,以及一些本地的文本编辑器来说,内置了很多好看的写作主题,所以我经常会利用掘金的草稿箱写一些东西,尽管这些东西跟技术无关,并且永远我也不打算发布他们

因为要组织北京地区的掘友见面会,所以我一如既往的用掘金的草稿箱写了个活动策划,起初是以截图的形式分享给别人,但随着内容越来越多,截图也变的麻烦了起来,这个时候我就想要是把网页转化成 PDF 文件发送给别人就好了

第一步

首先我们只需要转化预览区的内容,编辑区是不需要的,所以首先要开启这个 仅预览区 的选项

然后就变成了这样

第二步

打开控制台,找到 class=“markdown-body” DOM 节点

可以看到就是编辑区正文的部分

第三步

把这个 DOM 节点剪切到 body 下 ,并删除原来的根节点

现在就变成纯粹的页面了,没有了头部的编辑区,也没有下面显示字符数什么的

第四步

因为掘金的默认背景颜色不是白色,所以打印出来很丑,可以先看一下,右键选择打印,或者 ctrl p 快捷键唤起打印窗口

最后一步就很简单了,把 body 元素的背景颜色改为白色即可

最后看一下效果

ok,很完美,到这里我们就可以利用掘金的草稿箱写一些我们自己的东西,然后转化成 PDF 为自己所用了,

对了,打印窗口的左上角要选择另存为 PDF

0 人点赞