前言
作为新手小白,经常会在 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。
常见的问题主要有以下几种:
- 代码格式。粘贴过来的代码下面会有很多行数字,解决办法是删掉形式出错代码的 html,回到原文只复制代码文本(点击下图中的复制即可粘贴代码文本),然后直接粘贴到对应位置即可;
- 图片位置。图片位置可能会发生多种偏移,具体问题大家可以评论出来,我会给大家一一解答的;
- 复制过来的代码可能会出现如下所示的情况,就是文章最开始有一段空白,解决办法就是删掉一部分 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>
- 1
- 2
- 3
- 4
- 5
- 6
删掉以上的代码以后可能会出现如下情况,直接将最上方空行删掉格式就会恢复啦~
版权说明
文章作者:早知晓
博文链接:点击此处
希望大家都走在开满鲜花的路上,加油鸭~