优快云如何导出为pdf文档?

优快云如何导出为pdf文档?

【1】打开要打印的csdn文章
在这里插入图片描述
【2】按F12进入浏览器调试模式
在这里插入图片描述
在小箭头处粘贴以下三个代码中的任意一个并回车(可以每一个都尝试一下,总有一个适合你):在这里插入图片描述

(function(){
	'use strict';
	var articleBox = $("div.article_content");
	articleBox.removeAttr("style");
	$("#btn-readmore").parent().remove();
	$("#side").remove();
	$("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove();
	$(".nav_top_2011, #header, #navigator").remove();
	$(".csdn-side-toolbar,.template-box,.reward-user-box").remove();
	$(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box,#dmp_ad_58, .more-toolbox, .article-info-box, .btn-readmore, .pub-footer-new").remove();
	$("aside").remove();
	$(".tool-box").remove();
	$("main").css('display','content'); 
	$("main").css('float','left'); 
	$("#mainBox").css('width','100%');		
	$(".main_father.clearfix.d-flex.justify-content-center").css("width","100%");
	window.print();
})();
(function(){
	'use strict';
	var articleBox = $("div.article_content");
	articleBox.removeAttr("style");
	$("#btn-readmore").parent().remove();
	$("#side").remove();
	$(".csdn-side-toolbar, .template-box, .blog-footer-bottom, .left-toolbox, .toolbar-inside").remove();
	$(".comment-box, .recommend-box, .more-toolbox, .article-info-box, .column-group-item").remove();
	$("aside").remove();
	$(".tool-box").remove();
	$("main").css('display','content'); 
	$("main").css('float','left'); 
	$("#mainBox").width("100%");		
	document.getElementsByTagName('body')[0].style.zoom=0.8;
	window.print();
})();
(function(){      
	'use strict';
	var articleBox = $("div.article_content");
	articleBox.removeAttr("style");
	var head_str = "";       
	var foot_str = "";   
	var older = document.body.innerHTML;       
	var title= document.getElementsByClassName('article-title-box')[0].innerHTML; 
	var main_body = document.getElementsByClassName('article_content')[0].innerHTML;
	document.body.innerHTML = head_str + title + main_body + foot_str;
	$("#mainBox").width("100%");
	document.getElementsByTagName('body')[0].style.zoom=0.8;     
	window.print();
	document.body.innerHTML = older;
	return false;
})();

【3】可以进行一系列设置并预览,然后导出为pdf即可
在这里插入图片描述

### 将优快云博客内容导出PDF文件的方法 #### 方法一:使用优快云博客导出工具 优快云博客导出工具能够帮助用户将优快云上的博客文章导出为Markdown或PDF格式。此工具不仅支持单篇文章的导出,还支持批量导出某一分类下的多篇文章,并将其汇总成一份文档以便于全局搜索[^2]。 - **项目地址**: 用户可以从以下链接获取该工具并按照说明安装和配置环境:https://gitcode.com/open-source-toolkit/fa871[^1]。 - **运行方式**: - 对于Linux系统,可以通过`chmod +x run.sh`赋予脚本执行权限后运行`./run.sh`来启动程序。 - Windows系统的用户则可以直接双击`run.bat`文件或者在命令提示符下运行它以启动应用。 #### 方法二:利用浏览器开发者工具自定义页面打印功能 另一种方法是借助JavaScript代码移除网页上不必要的元素,从而只保留正文部分再进行打印操作。具体实现步骤如下: ```javascript (function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_top_2011, #header, #navigator").remove(); $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove(); $("aside").remove(); $(".tool-box").remove(); $("main").css('display','block'); $("main").css('float','none'); window.print(); })(); ``` 这段脚本的作用是从当前加载的优快云博客页面中删除评论区、侧边栏广告以及其他干扰项,调整主要区域样式使其更适合打印预览,最后调用`window.print()`触发浏览器打印对话框完成PDF转换过程[^4]。 注意,在实际运用前需确保已开启浏览器控制台并将上述代码粘贴进去回车执行即可生效。 #### 方法三:采用PowerShell批处理更改编码后再转存 如果遇到某些特殊情况下需要先统一原始HTML源码字符集然后再做进一步加工处理的话,则可以考虑引入Windows PowerShell技术手段配合相应指令达成目标。例如下面这个例子展示了怎样设置一段简单的脚本来修正一批文本档内部字节序列模式至UTF-8无BOM标准形式[^3]: ```powershell Get-ChildItem *.html | ForEach { $content = Get-Content $_.FullName -Raw; [System.IO.File]::WriteAllText($_.FullName,$content,[System.Text.Encoding]::UTF8); } ``` 以上三种途径各有优劣之处,可以根据个人喜好和技术背景灵活选用最适合自己的那一种来进行尝试实践。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Operose-honeybee

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值