转别人文章的一种方法

html
<article class=\"baidu_pl\">
		<div id=\"article_content\" class=\"article_content clearfix csdn-tracking-statistics\" data-pid=\"blog\" data-mod=\"popu_307\" data-dsm=\"post\">
								            <div id=\"content_views\" class=\"markdown_views prism-atom-one-dark\">
							<!-- flowchart 箭头图标 勿删 -->
							<svg  ns=\"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>
							<div id=\"article_content\" class=\"article_content csdn-tracking-statistics tracking-click\">
                            <div class=\"markdown_views\">
                        <p>在参考“如何快速转载CSDN中的博客”后，由于自己不懂html以及markdown相关知识，所以花了一些时间来弄明白怎么转载博客，以下为转载CSDN博客步骤和一些知识小笔记。 <br>
参考博客原址：<a href=\"http://blog.csdn.net/bolu1234/article/details/51867099\" rel=\"nofollow\" target=\"_blank\">http://blog.csdn.net/bolu1234/article/details/51867099</a></p>



<h2 id=\"转载csdn博客步骤\"><a name=\"t0\"></a><a target=\"_blank\"></a>转载CSDN博客步骤：</h2>

<p>1.CSDN博客页面右键，点击【检查】 <br>
<img src=\"https://img-blog.csdn.net/20180205164141852?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfNDE2NTIyNzQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"这里写图片描述\"  =\"\"> <br>
点击检查后，页面右侧出现html代码，如下图 <br>
<img src=\"https://img-blog.csdn.net/20180205164538679?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfNDE2NTIyNzQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"这里写图片描述\"  =\"\"> <br>
2.如果需要转载全文，则在html代码下侧点击选中article_content 即可，会在代码框中自动选中article_content相关代码 <br>
<img src=\"https://img-blog.csdn.net/20180205164709557?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfNDE2NTIyNzQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"这里写图片描述\"  =\"\"> <br>
3.在选中html的article_content代码处右键，点击【Copy】,再点击【Copy outerHTML】即可，至此，博客内容的html代码复制完成 <br>
<img src=\"https://img-blog.csdn.net/20180205164702137?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfNDE2NTIyNzQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"这里写图片描述\"  =\"\"> <br>
4.新建博客，在markdown编辑器中粘贴以上html代码。 <br>
    ！！！注意：是markdown编辑器，CSDN博客默认的是html编辑器，在博客设置中修改成markdown编辑器。在html编辑器中是无法将html代码转换成相应博客内容的</p>

<h2 id=\"markdown和html相关小知识\"><a name=\"t1\"></a><a target=\"_blank\"></a>Markdown和HTML相关小知识</h2>



<h3 id=\"markdown\"><a name=\"t2\"></a><a target=\"_blank\"></a>Markdown</h3>

<p>Markdown是一种纯文本形式的标记语言，重点在易读易写，排版漂亮，是写博客的好工具，优点类似于word，但是更简洁直观。 <br>
Markdown在windows、Linux以及OS平台都有许多支持的编辑器</p>



<h3 id=\"html\"><a name=\"t3\"></a><a target=\"_blank\"></a>HTML：</h3>



<blockquote>
  <p>超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS、 一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面[1]。网页浏览器可以读取HTML文件，并将其渲染成可视化网页。HTML描述了一个网站的结构语义随着线索的呈现，使之成为一种标记语言而非编程语言。           —— [维基百科]</p>
</blockquote>



<p>HTML其实.txt文本类似，不同的是HTML中包含有标记的符号；</p>

<p>HTML标记的构成一般有两种：单标记&lt;…&gt;或者双标记 <br>
HTML文档结构如下： <br>
<img src=\"https://img-blog.csdn.net/20180203190405448?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfNDE2NTIyNzQ=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast\" alt=\"这里写图片描述\"  =\"\"></p>                </div></div>            </div>
						<  href=\"https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-2b43bc2447.css\" rel=\"stylesheet\">
                </div>
									
					< >
						(function(){
							function setArticleH(btnReadmore,posi){
								var winH = $(window).height();
								var articleBox = $(\"div.article_content\");
								var artH = articleBox.height();
								if(artH > winH*posi){
									articleBox.css({
										\'height\':winH*posi+\'px\',
										\'overflow\':\'hidden\'
									})
									btnReadmore.click(function(){
										if(typeof window.localStorage === \" \" && typeof window.csdn.anonymousUserLimit === \" \"){
											if(!window.csdn.anonymousUserLimit.judgment()){
												window.csdn.anonymousUserLimit.Jumplogin();
												return false;
											}else if(!currentUserName){
												window.csdn.anonymousUserLimit.updata();
											}
										}
										
										articleBox.removeAttr(\"style\");
										$(this).parent().remove();
									})
								}else{
									btnReadmore.parent().remove();
								}
							}
							var btnReadmore = $(\"#btn-readmore\");
							if(btnReadmore.length>0){
								if(currentUserName){
									setArticleH(btnReadmore,3);
								}else{
									setArticleH(btnReadmore,1.2);
								}
							}
						})()
					</ >
					</article>