首页 > 编程学习 > CSDN怎么转载别人的博客~

CSDN怎么转载别人的博客~

发布时间:2022/1/17 12:49:18

前言
  作为新手小白,经常会在 CSDN 上搜索一些要用到的技术博客,在看到有的文章写的比较好又很实用的时候,就想要转发收藏方便自己学习,下面给大家介绍一下转发他人博客的简易教程。

转载CSDN博客步骤:

1.在想要转发的博客界面点击鼠标右键,选中【检查】
在这里插入图片描述
选击检查后,页面右侧会出现 html 代码,如下图
在这里插入图片描述
2.如果想要转载全文的话,则在 html 代码中找到 article_content 并点击即可,系统会在代码框中自动选中 article_content 相关代码
在这里插入图片描述
3.在选中的 article_content 代码处右键,点击【Copy】,再点击【Copy outerHTML】即可,至此,博客内容的 html 代码复制完成
在这里插入图片描述
4.新建博客,在 markdown 编辑器中粘贴以上 html 代码。
!!!注意:是markdown编辑器,不过CSDN博客默认的就是 markdown 编辑器,所以不用做什么其他的修改~
在这里插入图片描述
粘贴完 html 代码以后不要忘记填写最上面的标题栏哦~
转载要注明出处奥~
【注】代码粘贴以后可能预览框的形式与原博客的形式有所出入,很正常,因为博主是用 markdown 写的,而粘贴过来的代码是 html。
常见的问题主要有以下几种:

  1. 代码格式。粘贴过来的代码下面会有很多行数字,解决办法是删掉形式出错代码的 html,回到原文只复制代码文本(点击下图中的复制即可粘贴代码文本),然后直接粘贴到对应位置即可;
    在这里插入图片描述
  2. 图片位置。图片位置可能会发生多种偏移,具体问题大家可以评论出来,我会给大家一一解答的;
  3. 复制过来的代码可能会出现如下所示的情况,就是文章最开始有一段空白,解决办法就是删掉一部分 html 代码。
    在这里插入图片描述
<div id="article_content" class="article_content clearfix">
        <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-b5506197d8.css">
                <div id="content_views" class="markdown_views prism-atom-one-dark">
                    <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
                        <path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path>
                    </svg>

删掉以上的代码以后可能会出现如下情况,直接将最上方空行删掉格式就会恢复啦~
在这里插入图片描述


版权说明
文章作者:早知晓
博文链接:点击此处
希望大家都走在开满鲜花的路上,加油鸭~


Copyright © 2010-2022 ngui.cc 版权所有 |关于我们| 联系方式| 豫B2-20100000