转
如何转载文章
首先确定原文允许转载
- 在文章开头处一般有版权声明,如图
转载时要注明出处和作者
如何转载
用谷歌浏览器加载文章地址,打开文章
F12
打开Developer Tools,并打开Elements页面
将文章开头部分的文字作为关键字在Elements界面搜索
以此文为例:http://blog.csdn.net/aggressive_snail/article/details/54375876
搜索找了好久关键字
向上选则div元素,一个一个查看,直到要转载的原文变成被选取状态,如下图,
复制该div元素
粘贴到自己的博客编辑器里(markdown编辑器)
把div源代码,直接复制到编辑器里
<div class="markdown_views"><p>找了好久,终于在这找到了<a href="http://lib.csdn.net/base/wechat" class="replace_word" title="微信开发知识库" target="_blank" style="color:#df3434; font-weight:bold;">微信</a>小程序的链接</p>
<h2 id="httpsminappcomminiapp"><a href="https://minapp.com/miniapp/">https://minapp.com/miniapp/</a></h2></div>
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
- 1
- 2
- 3
- 4
- 5
- 6
- 现在转载的博客内容都原封不动的拿过来了,发表时请注明出处。
<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/production/markdown_views-ea0013b516.css">
<span class="hljs-tag"></<span class="hljs-title">div</span>></span>
- 1
- 2
- 3
- 1
- 2
- 3
- 4
- 5
<script>
(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(){
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);
}
}
})()
</script>
</article>
转载于:http://blog.csdn.net/jiangping_zhu/article/details/18044109
作者:包心菜加糯米饭
1、找到要转载的文章,用chrome浏览器打开…
发表评论
添加代码片
还能输入1000个字符
<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{"mod":"popu_614","con":",https://blog.csdn.net/sleks/article/details/27565063,BlogCommendFromBaidu_3,index_2"}" data-track-click="{"mod":"popu_614","con":",https://blog.csdn.net/sleks/article/details/27565063,BlogCommendFromBaidu_3,index_2"}" data-flg="true">
<div class="content" style="width: 702px;">
<a href="https://blog.csdn.net/sleks/article/details/27565063?utm_source=blogxgwz2" target="_blank" title="关于“转载”文章的声明">
<h4 class="text-truncate oneline" style="width: 610px;">
关于“转载”文章的声明 </h4>
<div class="info-box d-flex align-content-center">
<!-- <p class="avatar">
<img src="https://avatar.csdn.net/B/D/C/3_sleks.jpg" alt="sleks" class="avatar-pic">
<span class="namebox">
<span class="name">sleks</span>
<span class="triangle"></span>
</span>
</p> -->
<p class="date-and-readNum">
<span class="date hover-show">05-29</span>
<span class="read-num hover-hide">
<svg class="icon csdnc-yuedushu" aria-hidden="true">
<use xlink:href="#csdnc-yuedushu"></use>
</svg>
2344</span>
</p>
</div>
</a>
<p class="content" style="width: 702px;">
<a href="https://blog.csdn.net/sleks/article/details/27565063?utm_source=blogxgwz2" target="_blank" title="关于“转载”文章的声明">
<span class="desc oneline">使用 Chrome 开发工具调试异步 JavaScript太阳火神的美丽人生 (http://blog.csdn.net/opengl_es)本文遵循“署名-非商业用途-保持一致”创作公用协议转载请保...</span>
</a>
<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/sleks?utm_source=blog_pc_recommand">来自: <span class="blog_title"> 太阳火神的美丽人生</span></a></span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{"mod":"popu_614","con":",https://blog.csdn.net/qq_27584277/article/details/79722515,searchFromBaidu_4,index_3"}" data-track-click="{"mod":"popu_614","con":",https://blog.csdn.net/qq_27584277/article/details/79722515,searchFromBaidu_4,index_3"}" data-flg="true">
<div class="content" style="width: 702px;">
<a href="https://blog.csdn.net/qq_27584277/article/details/79722515?utm_source=blogxgwz3" target="_blank" title="如何转发别人博客">
<h4 class="text-truncate oneline" style="width: 618px;">
如何转发别人博客 </h4>
<div class="info-box d-flex align-content-center">
<!-- <p class="avatar">
<img src="https://avatar.csdn.net/2/A/A/3_qq_27584277.jpg" alt="qq_27584277" class="avatar-pic">
<span class="namebox">
<span class="name">qq_27584277</span>
<span class="triangle"></span>
</span>
</p> -->
<p class="date-and-readNum">
<span class="date hover-show">03-28</span>
<span class="read-num hover-hide">
<svg class="icon csdnc-yuedushu" aria-hidden="true">
<use xlink:href="#csdnc-yuedushu"></use>
</svg>
507</span>
</p>
</div>
</a>
<p class="content" style="width: 702px;">
<a href="https://blog.csdn.net/qq_27584277/article/details/79722515?utm_source=blogxgwz3" target="_blank" title="如何转发别人博客">
<span class="desc oneline">对于喜欢逛CSDN的人来说,看别人的博客确实能够对自己有不小的提高,有时候看到特别好的博客想转载下载,但是不能一个字一个字的敲了,这时候我们就想快速转载别人的博客,把别人的博客移到自己的空间里面,当然...</span>
</a>
<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/qq_27584277?utm_source=blog_pc_recommand">来自: <span class="blog_title"> 我爱看欧文打球</span></a></span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{"mod":"popu_614","con":",https://blog.csdn.net/leslie_kai/article/details/79193655,searchFromBaidu_5,index_4"}" data-track-click="{"mod":"popu_614","con":",https://blog.csdn.net/leslie_kai/article/details/79193655,searchFromBaidu_5,index_4"}" data-flg="true">
<div class="content" style="width: 702px;">
<a href="https://blog.csdn.net/leslie_kai/article/details/79193655?utm_source=blogxgwz4" target="_blank" title="如何转载文章">
<h4 class="text-truncate oneline" style="width: 626px;">
如何转载文章 </h4>
<div class="info-box d-flex align-content-center">
<!-- <p class="avatar">
<img src="https://avatar.csdn.net/D/5/E/3_leslie_kai.jpg" alt="leslie_kai" class="avatar-pic">
<span class="namebox">
<span class="name">leslie_kai</span>
<span class="triangle"></span>
</span>
</p> -->
<p class="date-and-readNum">
<span class="date hover-show">01-29</span>
<span class="read-num hover-hide">
<svg class="icon csdnc-yuedushu" aria-hidden="true">
<use xlink:href="#csdnc-yuedushu"></use>
</svg>
33</span>
</p>
</div>
</a>
<p class="content" style="width: 702px;">
<a href="https://blog.csdn.net/leslie_kai/article/details/79193655?utm_source=blogxgwz4" target="_blank" title="如何转载文章">
<span class="desc oneline">对于喜欢逛CSDN的人来说,看别人的博客确实能够对自己有不小的提高,有时候看到特别好的博客想转载下载,但是不能一个字一个字的敲了,这时候我们就想快速转载别人的博客,把别人的博客移到自己的空间里面,当然...</span>
</a>
<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/leslie_kai?utm_source=blog_pc_recommand">来自: <span class="blog_title"> leslie_kai的博客</span></a></span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{"mod":"popu_614","con":",https://blog.csdn.net/weixin_42385919/article/details/80573876,searchFromBaidu_6,index_5"}" data-track-click="{"mod":"popu_614","con":",https://blog.csdn.net/weixin_42385919/article/details/80573876,searchFromBaidu_6,index_5"}" data-flg="true">
<div class="content" style="width: 702px;">
<a href="https://blog.csdn.net/weixin_42385919/article/details/80573876?utm_source=blogxgwz5" target="_blank" title="在CSDN上怎样转载文章">
<h4 class="text-truncate oneline" style="width: 626px;">
在CSDN上怎样转载文章 </h4>
<div class="info-box d-flex align-content-center">
<!-- <p class="avatar">
<img src="https://avatar.csdn.net/7/F/E/3_weixin_42385919.jpg" alt="weixin_42385919" class="avatar-pic">
<span class="namebox">
<span class="name">weixin_42385919</span>
<span class="triangle"></span>
</span>
</p> -->
<p class="date-and-readNum">
<span class="date hover-show">06-04</span>
<span class="read-num hover-hide">
<svg class="icon csdnc-yuedushu" aria-hidden="true">
<use xlink:href="#csdnc-yuedushu"></use>
</svg>
20</span>
</p>
</div>
</a>
<p class="content" style="width: 702px;">
<a href="https://blog.csdn.net/weixin_42385919/article/details/80573876?utm_source=blogxgwz5" target="_blank" title="在CSDN上怎样转载文章">
<span class="desc oneline">1.点开【写博客】 预留备用2.找到自己想转载文章 网页 内容blablabla 并停留在此网页处3.单击右键 审查元素(N)这时你会发现你想要转载的网页下方会出现像我这种技术小白并不认识的blabl...</span>
</a>
<span class="blog_title_box oneline"><a target="_blank" href="https://blog.csdn.net/weixin_42385919?utm_source=blog_pc_recommand">来自: <span class="blog_title"> weixin_42385919的博客</span></a></span>
</p>
</div>
</div>
<div class="recommend-item-box recommend-ad-box">
<!--
data-tit-Style data-des-Style 是为了左字右图时文字对齐用的
-->
<script data-div-style="background-image: url(//img-ads.csdn.net/2016/201608021757063065.png);background-repeat: no-repeat;background-position: bottom right;" data-img-style="float:left;width:96px;" data-tit-style="font-size:20px;font-weight:bold;margin-bottom:10px;font-family: 'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;" data-des-style="color: #8e959a;line-height: 24px;font-size:14px;font-family: 'PingFang SC', 'Microsoft YaHei', SimHei, Arial, SimSun;" async="async" charset="utf-8" data-notify="inforFlowMulti_notify" data-pos="inline" src="https://shared.ydstatic.com/js/yatdk/3.0.1/stream.js" data-id="8935aa488dd58452b9e5ee3b44f1212f" data-is-handling="1">
</script>
</div>
<div class="recommend-item-box recommend-box-ident type_blog clearfix" data-track-view="{"mod":"popu_614","con":",https://blog.csdn.net/qq_41652274/article/details/79248848,BlogCommendFromQuerySearch_7,index_6"}" data-track-click="{"mod":"popu_614","con":",https://blog.csdn.net/qq_41652274/article/details/79248848,BlogCommendFromQuerySearch_7,index_6"}" data-flg="true">
<div class="content" style="width: 702px;">
<a href="https://blog.csdn.net/qq_41652274/article/details/79248848?utm_source=blogxgwz6" target="_blank" title="CSDN上转载文章">
<h4 class="text-truncate oneline" style="width: 618px;">
CSDN上转载文章 </h4>
<div class="info-box d-flex align-content-center">
<!-- <p class="avatar">
<img src="https://avatar.csdn.net/A/3/A/3_qq_41652274.jpg" alt="qq_41652274" class="avatar-pic">
<span class="namebox">
<span class="name">qq_41652274</span>
<span class="triangle"></span>
</span>
</p> -->
<p class="date-and-readNum">
<span class="date hover-show">02-03</span>
<span class="read-num hover-hide">
<svg class="icon csdnc-yuedushu" aria-hidden="true">
<use xlink:href="#csdnc-yuedushu"></use>
</svg>
856</span>
</p>
</div>
</a>
<p class="content" style="width: 702px;">
<a href="https://blog.csdn.net/qq_41652274/article/details/79248848?utm_source=blogxgwz6" target="_blank" title="CSDN上转载文章">
<span class="desc oneline">在参考“如何快速转载CSDN中的博客”后,由于自己不懂html以及markdown相关知识,所以花了一些时间来弄明白怎么转载博客,以下为转载CSDN博客步骤和一些知识小笔记。
参考博客原址:http…
来自: L小台风
转载文章要授权,真那么难吗?我现在教你…(新技能Get√)
07-16
786
正在进行的第二届世界互联网大会上,马化腾说:对于互联网行业持续发展可能面临的挑战,知识产权保护值得关注。后台也常常有好学的同学提问:我尊重知识产权,想要转载文章,可是究竟怎么样才能要到授权呢?一、为啥…
来自: lytear的专栏
<div class="recommend-loading-box">
<img src="https://csdnimg.cn/release/phoenix/images/feedLoading.gif">
</div>
<div class="recommend-end-box">
<p class="text-center">没有更多推荐了,<a href="https://blog.csdn.net/" class="c-blue c-blue-hover c-blue-focus">返回首页</a></p>
</div>
</div>
</main>
<aside style="position: fixed; bottom: 0px; z-index: 99; left: 65.9931px; width: 300px; top: auto;">
<div id="asideProfile" class="aside-box">
<!-- <h3 class="aside-title">个人资料</h3> -->
<div class="profile-intro d-flex">
<div class="avatar-box d-flex justify-content-center flex-column">
<a href="https://blog.csdn.net/blake321">
<img src="https://avatar.csdn.net/6/8/E/3_blake321.jpg" class="avatar_pic">
</a>
</div>
<div class="user-info d-flex justify-content-center flex-column">
<p class="name csdn-tracking-statistics tracking-click" data-mod="popu_379">
<a href="https://blog.csdn.net/blake321" target="_blank" class="" id="uid">blake321</a>
</p>
</div>
<div class="opt-box d-flex justify-content-center flex-column">
<span class="csdn-tracking-statistics tracking-click" data-mod="popu_379">
<a class="btn btn-sm btn-red-hollow" id="btnAttent" target="_blank">关注</a>
</span>
</div>
</div>
<div class="data-info d-flex item-tiling">
<dl class="text-center" title="6">
<dt><a href="https://blog.csdn.net/blake321?t=1">原创</a></dt>
<dd><a href="https://blog.csdn.net/blake321?t=1"><span class="count">6</span></a></dd>
</dl>
<dl class="text-center" id="fanBox" title="0">
<dt>粉丝</dt>
<dd><span class="count" id="fan">0</span></dd>
</dl>
<dl class="text-center" title="0">
<dt>喜欢</dt>
<dd><span class="count">0</span></dd>
</dl>
<dl class="text-center" title="0">
<dt>评论</dt>
<dd><span class="count">0</span></dd>
</dl>
</div>
<div class="grade-box clearfix">
<dl>
<dt>等级:</dt>
<dd>
<a href="https://blog.csdn.net/home/help.html#level" title="1级,点击查看等级说明" target="_blank">
<svg class="icon icon-level" aria-hidden="true">
<use xlink:href="#csdnc-bloglevel-1"></use>
</svg>
</a>
</dd>
</dl>
<dl>
<dt>访问:</dt>
<dd title="496">
496 </dd>
</dl>
<dl>
<dt>积分:</dt>
<dd title="66">
66 </dd>
</dl>
<dl title="1610968">
<dt>排名:</dt>
<dd>161万+</dd>
</dl>
</div>
</div>
<div class="csdn-tracking-statistics mb8 box-shadow" data-pid="blog" data-mod="popu_4" style="height:250px;">
<div class="aside-content text-center" id="cpro_u2734133">
<!-- 广告位:PC-博客内页-百度联盟-300x250 --><div id="_14ocsecs855" style=""><div id="mjzjhxkce"><div><div><em style="width:0px;height:0px;visibility:visible;"></em><iframe width="300" frameborder="0" height="250" scrolling="no" src="//pos.baidu.com/s?hei=250&wid=300&di=u3392637&ltu=https%3A%2F%2Fblog.csdn.net%2Fblake321%2Farticle%2Fdetails%2F81606869&dai=1&ant=0&ari=2&dis=0&drs=1&psr=1366x768&ti=%E5%A6%82%E4%BD%95%E8%BD%AC%E8%BD%BD%E6%96%87%E7%AB%A0%20-%20blake321%E7%9A%84%E5%8D%9A%E5%AE%A2%20-%20CSDN%E5%8D%9A%E5%AE%A2&tlm=1540117036&cfv=0&cpl=3&dc=3&dtm=HTML_POST&pis=-1x-1&exps=111000&cmi=4&tpr=1540117036633&cdo=-1&ccd=24&col=zh-CN&chi=1&pss=1498x3290&pcs=1499x696&dri=0&ps=302.33333587646484x90&par=1366x728&cce=true&tcn=1540117037&ltr=https%3A%2F%2Fwww.baidu.com%2Flink%3Furl%3Dn71GtbDmSxWDBjWKawJJNDhhDL26hskqMODYWDtvoy9u_98QB44XsIrwE1I9hI7m5k9peE1ocm5im9TR2YMb5qYoCumbQQTVElk95p1Hsza%26wd%3D%26eqid%3D962485eb0001330b000000025bcbfad1&cec=UTF-8&prot=2&cja=false"></iframe></div></div></div></div><script type="text/javascript" src="//rabc1.iteye.com/common/production/web/z3n86.js?lg=yyovfyh"></script> </div>