以https://blog.csdn.net/qq_32521381/article/details/105944973为例;
第一步:首先在网页上右键选择"检查"(也可以直接按F12),如下图(这里以Chrom浏览器为例):
点击“检查”之后就会出现如下见面:
第二步:快速找到文章内容所对应的div模块
我们在Elements界面按“Ctrl + F”搜索文章中的关键字,这里我们搜索“制作java的api”这几个字如下图:
从最下面的搜索框中我们可以看到,这里一共搜出了7处,我们需要找到包含“制作java的api”这几个字的div,因此在搜索处点击向下的小剪头,如下图:
搜索到第五处时,满足了符合要求的div,被选中的div会在左边处于高亮状态如下图:(点击此div才会一直高亮,如果只是搜索到了,只会高亮一会,马上高亮就消失了)
虽然满足div中包含“制作java的api”这几个字,但可以看到,这里只是文章的标题,说明这个是标题的div,我们只要内容,标题不是我们需要的,因此这个不是我们需要的div,继续向下搜索,搜索到第六处时,可以看到 内容部分的“制作java的api”处于高亮状态,如下图:
上面的div是内容部分,使我们需要的,但是只包含了“制作java的api”这一行内容,因此我们向上找包含这个div最近的div,然后点击,直到所有内容都处于高亮状态,如下图:
这里我们找到了包含所有内容的div,在div所在的行鼠标右键选择"Copy outerHTML"
第三步:打开CSDN,选择“写博客”
在“写博客”界面选择 Markdown编辑器:
在 Markdown编辑器中粘贴刚刚复制的内容:
大功告成,这样我们就成功的将这篇文章转载过来了,在转载过程中我们会遇到如下情况:
出现这种情况的原因是我们多复制了这些无用的div模块,只需要找到这些div所在的位置删除掉即可