原
CSDN如何轉載博客
<div class="article-info-box">
<div class="article-bar-top d-flex">
<span class="time">2017年12月10日 12:38:42</span>
<div class="float-right">
<span class="read-count">閱讀數：429</span>
</div>
</div>
</div>
</div>
</div>
<article>
<div id="article_content" class="article_content clearfix csdn-tracking-statistics" data-pid="blog" data-mod="popu_307" data-dsm="post">
<div class="markdown_views">
<h2 id="一why爲何寫這篇文章呢"><a name="t0"></a>一、Why？爲何寫這篇文章呢？</h2>
可能有人會說直接收藏不就可以了嗎，何必轉載呢。但最近遇到了一個問題：我收藏了一篇不錯的文章，然後想再看的時候，突然打不開了。。。這讓我情何以堪！
作者刪除或轉爲私密狀態，人家就是不讓你看了，你能咋地！
機智的我當時還收藏了同一篇文章作者在兩個網站（簡書與其個人博客網站）發表的鏈接，結果。。。
機智如我怎麼會被難倒！哈哈哈，google了一下文章標題，萬幸，有人轉載過這篇文章！！！如果沒人轉載呢？如果特別想看，不看睡不着覺呢？真是後怕！！！
我之前也是不怎麼轉載文章的，可是，一朝被蛇咬十年怕井繩啊。這就是寫這篇文章的原因！google了一下，有好幾種方法，但都不太完美，應該說不適合自己，所以寫此文章，一是爲了防止記憶力減退的我忘記操作步驟，二是方便後來者。
二、操作步驟
有些博客可以簡單的複製進行轉載，但有些博客直接複製會改變博客的格式，此時要另想它法。
1、用Chrome瀏覽器打開待轉載的文章，右鍵，單擊【檢查(N)】
2、在右側html中找到想轉載內容對應的節點，一般博客內容對應的是id=”article_content”的div標籤。選中節點，網頁上被選中內容會被高亮顯示，然後在標籤上右鍵選擇Copy——Copy outerHTML
如何找相應內容
1、先摺疊所有代碼塊，界面只剩下<html> <head></head> <body></body> <html/>標籤
2、展開<body>標籤，展開<div id="container">標籤
3、展開<div id="body">標籤
4、展開<div id="main">標籤
5、展開<div id="main">標籤
6、展開<div id="article_details">標籤
7、<div id="article_content">標籤即爲博客正文代碼
如果這樣不對，根據鼠標移到相應標籤上會高亮，一層一層找下去即可，或者Ctrl+F輸入article_content搜索- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
3、寫博客–>選擇HTML編輯器。單擊【源代碼】圖標。
4、粘貼已經複製的HTML源代碼。
5、此時將鼠標移動到【源代碼】圖標，發現圖標變爲【可視化編輯】，單擊圖標，可以可視化編輯複製的博客內容。
單擊圖標後的變化，博客內容此時可以非常方便的編輯。
6、文章標題選擇【轉載】，填寫博客標題。
7、與自己寫博客一樣，填寫相應內容，發表博客。
<div class="article-bar-bottom">
<div class="article-copyright">
版權聲明：本文爲博主原創文章，未經博主允許不得轉載。 https://blog.csdn.net/bruce_lv/article/details/78764024 </div>
<div class="tags-box hot-word">
<span class="label">相關熱詞：</span>
<a class="tag-link" href="https://blog.csdn.net/aiwuzhi12/article/details/54707695" target="_blank">
分詞csdn </a>
<a class="tag-link" href="https://blog.csdn.net/bluesky1215/article/details/68922920" target="_blank">
前端框架csdn </a>
<a class="tag-link" href="https://blog.csdn.net/b0q8cpra539hafs7/article/details/78652212" target="_blank">
多隆csdn </a>
<a class="tag-link" href="https://blog.csdn.net/lydia_ke/article/details/78612196" target="_blank">
因子分解csdn </a>
<a class="tag-link" href="https://blog.csdn.net/xiaqunfeng123/article/details/52571173" target="_blank">
固態硬盤csdn </a>
</div>
</div>
<!-- !empty($pre_next_article[0]) -->
<div class="related-article related-article-prev text-truncate">
<a href="https://blog.csdn.net/bruce_lv/article/details/78763044">
<span>上一篇</span>帶你學開源項目：OkHttp--自己動手實現okhttp </a>
</div>
<div class="related-article related-article-next text-truncate">
<a href="https://blog.csdn.net/bruce_lv/article/details/78764088">
<span>下一篇</span>Android Volley完全解析(四)，帶你從源碼的角度理解Volley </a>
</div>
</div>