1. 程式人生 > >如何轉載CSDN中的部落格(firefox,chrome)

如何轉載CSDN中的部落格(firefox,chrome)

解釋

首先轉載的原理就是把他人的寫好html佈局複製到自己的編輯器中.

csdn的部落格中有兩種編輯方式:markdown編輯器和html編輯器.

使用不同的編輯器編寫釋出後在網頁會顯示不同的div佈局:一個名稱是markdown_views,一個是htmledit_views.
編輯器div佈局一定完全顯示作者的原佈局.

這兩種div佈局方式都是在article_content的div佈局下,你可以直接複製article_content的div佈局.
但是article_content的div佈局下可能會多一些其他東西(某些情況下),當你複製並放到自己的編輯器後會出現多餘的html部分.

所以請選擇性複製編輯器div佈局.

關鍵字

article_content
markdown_views
htmledit_views
outerHTML

操作(MarkDown編輯器 )

1.在想要轉載的csdn部落格頁面按下F12
2.在firefox的Inspector選項卡或者chrome的Elements選項卡檢視元素標籤
3.按ctrl+f搜尋關鍵詞markdown_views,可以看到id為markdown_views的div
4.在該div位置右鍵選擇copy,在copy的次選項中選擇Outer HTML或者是copy outerHTML
5.在部落格編輯的左框中直接ctrl+v
6.左編輯框中出現html頁面,右邊框完美再現原部落格
7.把原文地址加上,支援原創
8.釋出部落格,完成