优快云完整导出pdf博客内容,去除冗余,仅保留blog

本文介绍如何使用浏览器开发者工具将优快云博客内容转换为PDF格式,重点讲解了去除作者栏和调整页面布局的方法,以便于更好的阅读和分享。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

本文完全参考自其它博客:

        新优快云文章转成PDF、打印(去空白)_IT说的博客-优快云博客

        如何将优快云的文章导出为pdf?_我的blog屋-优快云博客_csdn导出pdf

原博客代码执行后还保留了博客作者栏:

本文参考了另一篇博客,添加了去除作者栏代码。 

本文验证有用时间为2021年10月24日。

一、使用说明:

本人采用最新Edge浏览器:

                

二、具体操作方法:

1.Fn+F12打开浏览器开发者工具,点开控制台:

2.在控制台(英文版为console)内输入如下代码:

(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").remove();
    $("aside").remove();
    $(".tool-box").remove();
	$("#toolBarBox").remove();
    $("main").css('display','content');
    $("main").css('float','left');
    $("#mainBox").css('width','100%');     
    $(".main_father.clearfix.d-flex.justify-content-center").css("width","100%"); //显示不全关键在于修改这里的width的比例
    window.print();																  // 修改成 90% 基本就可以显示全
})();

然后键入回车。

三、结果

如果博客图片太宽,页面大小不够,可以设置打印纸张大小,点开 显示更多设置 \rightarrow边距\rightarrow选择无 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值