将CSDN文章内容转成PDF文件使用教程
目录
1、CSDN文章链接地址
2、操作步骤
（1）设置浏览器页面字体大小
（2）浏览器控制台执行代码段，配置打印
I、浏览器Console
II、更多设置-边距
3、下方附CSDN文章，可直接执行的Jquery代码段
（1）第一个代码段完全可以实现要求
（2）第二个代码段，可有可无
3、下方附博客园文章，可直接执行的Jquery代码段
（1）第一个代码段完全可以实现要求
3、下方附Gitee文章，可直接执行的Jquery代码段
（1）第一个代码段完全可以实现要求
4、PDF文件效果
（1）默认样式'display':'contents'
（2）自定义宽度'width':'825px'
5、附Java面试题整理好的文件压缩包
6、参考链接：
1、CSDN文章链接地址
举例：将CSDN文章“Java面试题全集（上）”内容转成PDF文件
2、操作步骤
（1）设置浏览器页面字体大小
此步骤影响导出pdf文件的字体大小： 谷歌浏览器》设置》外观》自定义字体》
如下为本人文档适用的字号》
（2）浏览器控制台执行代码段，配置打印
I、浏览器Console
键盘F12》打开谷歌浏览器调试界面》点击标签Console（切换浏览器控制台Console）
II、更多设置-边距
方式1（pdf页头页尾无间隔）、最小值
方式2（pdf页头页尾有间隔）、首先选择【边距 默认】，然后选择【边距 自定义 为上下左右10 10 0 10】
3、下方附CSDN文章，可直接执行的Jquery代码段
（1）第一个代码段完全可以实现要求
$(function(){/*从被选元素body移除一个类页面样式*/$("body").removeClass("nodata");/*删除顶部导航*/$("#csdn-toolbar").remove();/*删除左侧导航*/$("aside").remove();/*删除右侧悬浮*/$(".csdn-side-toolbar").remove();/*删除CSDN文章上方*/$(".article-header-box .article-info-box").remove();$("#blogColumnPayAdvert").remove();/*展开CSDN文章中被隐藏的代码段：从被选元素<pre class="set-code-hide"移除一个类页面样式*/$('pre[class="set-code-hide prettyprint"]').removeClass("set-code-hide");/*删除CSDN文章中被隐藏的代码段上面的遮罩*/$(".hide-preCode-box").remove();/*删除CSDN文章下方*/$(".more-toolbox-new").remove();$(".reward-box-new").remove();$(".recommend-tit-mod").remove();$(".blog-footer-bottom").remove();/*删除CSDN文章下方评论、其他博客链接*/$(".comment-box, .recommend-box, #csdn-shop-window, .template-box").remove();/*删除CSDN文章下方公众号链接、笑脸评级*/$("#blogExtensionBox, #recommendNps").remove();/*修改CSDN文章css样式为》默认样式'display':'contents'或自定义宽度'width':'1100px'或自定义宽度'width':'825px'*/$("main").css({'width':'1100px'}); /*弹出打印窗口》另存为PDF文件*/window.print();
});（2）第二个代码段，可有可无
/*--修改代码段的css样式为》
背景白色（浏览器界面生效、pdf文件未生效），字体颜色黑色（浏览器界面、pdf文件都生效）
*/
// 代码段左侧的序号列背景白色
$(".markdown_views.prism-atom-one-dark .prettyprint, .markdown_views.prism-atom-one-dark .prettyprint .pre-numbering, .markdown_views.prism-atom-one-dark pre.prettyprint").css({'background-color': '#eff2f7'});
// 代码段右侧的代码背景白色、字体颜色黑色
$(".markdown_views.prism-atom-one-dark pre code").css({'background-color': '#ffffff','color': '#242527'});
3、下方附博客园文章，可直接执行的Jquery代码段
（1）第一个代码段完全可以实现要求
$(function(){/*从被选元素body移除一个类页面样式*/$("body").removeClass("skin-darkgreentrip has-navbar");$("body").removeClass("forFlow");/*从被选元素中移除属性id*/let domId = document.getElementById('mainContent');domId.removeAttribute('id');$("#mainContent").removeAttr("id");/*删除顶部导航*/$("#top_nav").remove();$("#header").remove();/*删除左侧导航*/$("#sideBar").remove();/*删除博客园文章下方关注收藏*/$("#blog_post_info_block").remove();/*删除博客园文章下方评论*/$(".postDesc").remove();/*删除博客园文章下方外部广告*/$("#comment_nav,#comment_form_container,.login_tips,.ad_text_commentbox,#ad_t2,#opt_under_post,#cnblogs_c1,#under_post_card1,#cnblogs_c2,#under_post_card2,#HistoryToday").remove();/*删除底部*/$("#footer").remove();/*修改CSDN文章css样式为》默认样式'display':'contents'或自定义宽度'width':'1100px'或自定义宽度'width':'825px'*/$("#home").css({'width':'1100px'}); /*弹出打印窗口》另存为PDF文件*/window.print();
});3、下方附Gitee文章，可直接执行的Jquery代码段
举例：将Gitee文章“磊哥/interview/doc/200+/200_1.md”内容转成PDF文件
（1）第一个代码段完全可以实现要求
$(function(){/*删除顶部导航*/$("header").remove();$(".fixed-notice-infos").remove();$(".git-project-header").remove();/*删除Gitee文章上方*/$("#git-project-bread").remove();$(".file_title").remove();/*删除Gitee文章下方*/$(".tree_progress").remove();$("#modal-linejump").remove();$("#blob-comment").remove();$("#comment-box").remove();$(".complaint").remove();$(".four wide column").remove();$(".ui dimmer modals page").remove();$(".gitee-project-extension").remove();$("#git-footer-main").remove();/*删除Gitee文章左侧目录*/$(".file_catalog").remove();/*删除右侧悬浮*/$(".side-toolbar").remove();/*自定义属性添加并赋值*/$("#project-wrapper").attr("cusNameProteity","cusNameVal123");/*修改Gitee文章css样式为》默认样式'display':'contents'或自定义宽度'width':'1100px'或自定义宽度'width':'825px'*/$("#project-wrapper").css({'width':'1175px'}); /*弹出打印窗口》另存为PDF文件*/window.print();
});
4、PDF文件效果
（1）默认样式'display':'contents'
（2）自定义宽度'width':'825px'
5、附Java面试题整理好的文件压缩包
Java面试题整理18个pdf_1个zip.ziphttps://mp.csdn.net/mp_download/creation/uploadResources/21145185
6、参考链接：
如何将CSDN文章内容转成PDF
怎么将网页保存为word文档
如何快速转载CSDN中的博客
将CSDN文章内容转成PDF文件使用教程相关推荐
- 【实用工具箱】将CSDN文章内容转成PDF文件实用教程（程序员小技巧）—— 禅与计算机程序设计艺术
Step1 : 浏览器打开 Console (F12),把下面的 JS 代码贴进去, Enter 执行,便可看到如下效果: $(function(){/*从被选元素body移除一个类页面样式*/$(& ...
- 如何将CSDN文章内容转成PDF
1.打开CSDN文章内容 2.按键盘上F12打开浏览器调试模式,打开Console标签 3.在Console标签页内输入一下代码,然后点击回车 (function(){ $("#side&q ...
- 一零二八、将csdn文章内容保存成 html、pdf、md格式
目录 一.获取专栏地址 二.下载转换工具 三.创建HTML MD PDF 文件夹 四.启动程序 五.源代码 代码思路: 1.确定目标需求:将csdn文章内容保存成 HTML.PDF.md格式- 1.1 ...
- 如何将CSDN博客下载为PDF文件
嫌前面这段啰嗦可以直接拖到最后看下载方法 听网课的时候看到CSDN上的笔记,觉得记得很好,很详细,想把它保存下来,于是去搜了一下如何将CSDN博客文章导出为PDF,找到了这篇文章:如何将CSDN文章内 ...
- Python从放弃到入门，公众号历史文章爬取成pdf的项目实践与自主学习法
这篇文章不谈江流所专研的营销与运营,而聊一聊技能学习之路,聊一聊Python这门最简单的编程语言该如何学习,我完成的第一个Python项目,将任意公众号的所有历史文章导出成PDF电子书. 或许我这个P ...
- keil生成hex文件找不到_骚操作！用Python把公众号文章打包成pdf文件，再也不怕找不到了...
背景 做自媒体的人,尤其是做了一年甚至更久的自媒体人,尤其是通过自媒体还有一些小收入的人,他们最怕自己的公众号内容因为各种原因而丢失,那就太可怕了! 在做自媒体内容上花了太多心血,如果突然一下就没了, ...
- 用Python+PIL将目录下jpg图像批量转成pdf文件
一.引言 最近单位有个事,需要将一堆图片文件先转成pdf文件,同事下了个windows下的图形软件,但要一个个转,几百个jpg文件,太过麻烦,因此想用Python批量来做.一查,图像处理库PIL库可以 ...
- python爬取正确但不出文件_使用Python爬取微信公众号文章并保存为PDF文件(解决图片不显示的问题)...
前言 第一次写博客,主要内容是爬取微信公众号的文章,将文章以PDF格式保存在本地. 爬取微信公众号文章(使用wechatsogou) 1.安装 pip install wechatsogou --up ...
- Python 实现office单个文件或整个文件夹（word，ppt，excel）转换成PDF文件，并获取PDF文件页数
Python 实现office单个文件或整个文件夹(word,ppt,excel)转换成PDF文件,并获取PDF文件页数 文件夹中获取需要转换的文件数,将其全部转换或可单独转换单个文件,并获取转成PD ...
最新文章
- hibernate框架int和Integer类型区别
- Netflix网关zuul(1.x和2.x)全解析
- opengl加载显示3D模型FBX类型文件)
- 一本书让你懂得人生的价值
- php随机产生4位的验证码
- [推荐]番茄工作法——专治拖延症、精神涣散、再要五分钟综合症
- Javascript图像处理之将彩色图转换成灰度图
- mr图像翻转的原因_MR的特殊检查脂肪抑制
- 5月23 注册审核
- Elasticsearch 单机安装
- 创建sdcard.img时，提示permission dennid
- 一个经典编程面试题的“隐退”
- linux find 命令详解
- 酸奶小妹升级成酸奶妈妈了！
- linux目录创立文件硬链接,在Linux中创建文件目录软链接、硬链接的方法
- 月薪仅18K的NLP工程师，回炉重造吧！
- 对vulhub靶机THM-ContainMe-v4的渗透测试过程
- java判断闰年中闰月_编程序：计算某年某月有多少天（区分闰年和闰月）？怎么编？...
- 知识图谱笔记（小象学院课程）
- 教育行业课程介绍话术