CSDN如何转载博客

<div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post" style="height: 2229px; overflow: hidden;">
								<div class="article-copyright">
                  					
					版权声明：本文为博主原创文章，未经博主允许不得转载。					https://blog.csdn.net/bruce_lv/article/details/78764024				</div>
								            <div id="content_views" class="markdown_views">
							<!-- flowchart 箭头图标 勿删 -->
							<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>
							<h2 id="一why为何写这篇文章呢"><a name="t0"></a>一、Why？为何写这篇文章呢？</h2>

<p>可能有人会说直接收藏不就可以了吗，何必转载呢。但最近遇到了一个问题：我收藏了一篇不错的文章，然后想再看的时候，突然打不开了。。。这让我情何以堪！</p>

<p><img src="https://img-blog.csdn.net/20171210112410738?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p><strong>作者删除或转为私密状态</strong>，人家就是不让你看了，你能咋地！</p>

<p>机智的我当时还收藏了同一篇文章作者在两个网站（简书与其个人博客网站）发表的链接，结果。。。 <br>
<img src="https://img-blog.csdn.net/20171210112754322?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p>机智如我怎么会被难倒！哈哈哈，google了一下文章标题，万幸，有人转载过这篇文章！！！如果没人转载呢？如果特别想看，不看睡不着觉呢？真是后怕！！！</p>

<p>我之前也是不怎么转载文章的，可是，一朝被蛇咬十年怕井绳啊。这就是写这篇文章的原因！google了一下，有好几种方法，但都不太完美，应该说不适合自己，所以写此文章，一是为了防止记忆力减退的我忘记操作步骤，二是方便后来者。</p>



<h2 id="二操作步骤"><a name="t1"></a>二、操作步骤</h2>

<p>有些博客可以简单的复制进行转载，但有些博客直接复制会改变博客的格式，此时要另想它法。</p>

<p>1、用Chrome浏览器打开待转载的文章，右键，单击【检查(N)】</p>

<p><img src="https://img-blog.csdn.net/20171210114906064?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p>2、在右侧html中找到想转载内容对应的节点，一般博客内容对应的是id=”article_content”的div标签。选中节点，网页上被选中内容会被高亮显示，然后在标签上右键选择Copy——Copy outerHTML</p>

<p><img src="https://img-blog.csdn.net/20171210115212964?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>



<pre class="prettyprint" name="code"><code class="hljs xml has-numbering">如何找相应内容

1、先折叠所有代码块，界面只剩下<span class="hljs-tag">&lt;<span class="hljs-title">html</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-title">head</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-title">head</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-title">body</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-title">body</span>&gt;</span> <span class="hljs-tag">&lt;<span class="hljs-title">html</span>/&gt;</span>标签
2、展开<span class="hljs-tag">&lt;<span class="hljs-title">body</span>&gt;</span>标签，展开<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"container"</span>&gt;</span>标签
3、展开<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"body"</span>&gt;</span>标签
4、展开<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"main"</span>&gt;</span>标签
5、展开<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"main"</span>&gt;</span>标签
6、展开<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"article_details"</span>&gt;</span>标签
7、<span class="hljs-tag">&lt;<span class="hljs-title">div</span> <span class="hljs-attribute">id</span>=<span class="hljs-value">"article_content"</span>&gt;</span>标签即为博客正文代码

如果这样不对，根据鼠标移到相应标签上会高亮，一层一层找下去即可，或者Ctrl+F输入article_content搜索</code><ul class="pre-numbering" style=""><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li><li style="color: rgb(153, 153, 153);">7</li><li style="color: rgb(153, 153, 153);">8</li><li style="color: rgb(153, 153, 153);">9</li><li style="color: rgb(153, 153, 153);">10</li><li style="color: rgb(153, 153, 153);">11</li></ul></pre>

<p>3、写博客–&gt;选择HTML编辑器。单击【源代码】图标。</p>

<p><img src="https://img-blog.csdn.net/20171210122242251?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p>4、粘贴已经复制的HTML源代码。</p>

<p><img src="https://img-blog.csdn.net/20171210122305860?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p>5、此时将鼠标移动到【源代码】图标，发现图标变为【可视化编辑】，单击图标，可以可视化编辑复制的博客内容。</p>

<p><img src="https://img-blog.csdn.net/20171210122330485?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p>单击图标后的变化，博客内容此时可以非常方便的编辑。</p>

<p><img src="https://img-blog.csdn.net/20171210123558837?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p>6、文章标题选择【转载】，填写博客标题。</p>

<p><img src="https://img-blog.csdn.net/20171210122344782?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvYnJ1Y2VfbHY=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="这里写图片描述" title=""></p>

<p>7、与自己写博客一样，填写相应内容，发表博客。</p>            </div>
						<link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-2b43bc2447.css" rel="stylesheet">
                </div>