天天看點

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

在參考“如何快速轉載CSDN中的部落格”後,由于自己不懂html以及markdown相關知識,是以花了一些時間來弄明白怎麼轉載部落格,以下為轉載CSDN部落格步驟和一些知識小筆記。

參考部落格原址:http://blog.csdn.net/bolu1234/article/details/51867099

轉載CSDN部落格步驟:

1.CSDN部落格頁面右鍵,點選【檢查】

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

點選檢查後,頁面右側出現html代碼,如下圖

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

2.如果需要轉載全文,則在html代碼下側點選選中article_content 即可,會在代碼框中自動選中article_content相關代碼

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

3.在選中html的article_content代碼處右鍵,點選【Copy】,再點選【Copy outerHTML】即可,至此,部落格内容的html代碼複制完成

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

4.建立部落格,在markdown編輯器中粘貼以上html代碼。

!!!注意:是markdown編輯器,CSDN部落格預設的是html編輯器,在部落格設定中修改成markdown編輯器。在html編輯器中是無法将html代碼轉換成相應部落格内容的

Markdown和HTML相關小知識

Markdown

Markdown是一種純文字形式的标記語言,重點在易讀易寫,排版漂亮,是寫部落格的好工具,優點類似于word,但是更簡潔直覺。

Markdown在windows、Linux以及OS平台都有許多支援的編輯器

HTML:

超文本标記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于建立網頁的标準标記語言。HTML是一種基礎技術,常與CSS、JavaScript一起被衆多網站用于設計令人賞心悅目的網頁、網頁應用程式以及移動應用程式的使用者界面[1]。網頁浏覽器可以讀取HTML檔案,并将其渲染成可視化網頁。HTML描述了一個網站的結構語義随着線索的呈現,使之成為一種标記語言而非程式設計語言。 —— [維基百科]

HTML其實.txt文本類似,不同的是HTML中包含有标記的符号;

HTML标記的構成一般有兩種:單标記<…>或者雙标記

HTML文檔結構如下:

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

@[TOC](這裡寫自定義目錄标題)

歡迎使用Markdown編輯器

你好! 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章,了解一下Markdown的基本文法知識。

新的改變

我們對Markdown編輯器進行了一些功能拓展與文法支援,除了标準的Markdown編輯器功能,我們增加了如下幾點新功能,幫助你用它寫部落格:

  1. 全新的界面設計 ,将會帶來全新的寫作體驗;
  2. 在創作中心設定你喜愛的代碼高亮樣式,Markdown 将代碼片顯示選擇的高亮樣式 進行展示;
  3. 增加了 圖檔拖拽 功能,你可以将本地的圖檔直接拖拽到編輯區域直接展示;
  4. 全新的 KaTeX數學公式 文法;
  5. 增加了支援甘特圖的mermaid文法1 功能;
  6. 增加了 多螢幕編輯 Markdown文章功能;
  7. 增加了 焦點寫作模式、預覽模式、簡潔寫作模式、左右區域同步滾輪設定 等功能,功能按鈕位于編輯區域與預覽區域中間;
  8. 增加了 檢查清單 功能。

功能快捷鍵

撤銷:Ctrl/Command + Z

重做:Ctrl/Command + Y

加粗:Ctrl/Command + B

斜體:Ctrl/Command + I

标題:Ctrl/Command + Shift + H

無序清單:Ctrl/Command + Shift + U

有序清單:Ctrl/Command + Shift + O

檢查清單:Ctrl/Command + Shift + C

插入代碼:Ctrl/Command + Shift + K

插傳入連結接:Ctrl/Command + Shift + L

插入圖檔:Ctrl/Command + Shift + G

合理的建立标題,有助于目錄的生成

直接輸入1次#,并按下space後,将生成1級标題。

輸入2次#,并按下space後,将生成2級标題。

以此類推,我們支援6級标題。有助于使用

TOC

文法後生成一個完美的目錄。

如何改變文本的樣式

強調文本 強調文本

加粗文本 加粗文本

标記文本

删除文本

引用文本

H2O is是液體。

210 運算結果是 1024.

插傳入連結接與圖檔

連結: link.

圖檔:

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

帶尺寸的圖檔:

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

居中的圖檔:

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

居中并且帶尺寸的圖檔:

CSDN怎麼轉載别人的部落格歡迎使用Markdown編輯器

當然,我們為了讓使用者更加便捷,我們增加了圖檔拖拽功能。

如何插入一段漂亮的代碼片

去部落格設定頁面,選擇一款你喜歡的代碼片高亮樣式,下面展示同樣高亮的

代碼片

.

// An highlighted block
var foo = 'bar';
           

生成一個适合你的清單

  • 項目
    • 項目
      • 項目
  1. 項目1
  2. 項目2
  3. 項目3
  • 計劃任務
  • 完成任務

建立一個表格

一個簡單的表格是這麼建立的:

項目 Value
電腦 $1600
手機 $12
導管 $1

設定内容居中、居左、居右

使用

:---------:

居中

使用

:----------

居左

使用

----------:

居右

第一列 第二列 第三列
第一列文本居中 第二列文本居右 第三列文本居左

SmartyPants

SmartyPants将ASCII标點字元轉換為“智能”印刷标點HTML實體。例如:

TYPE ASCII HTML
Single backticks

'Isn't this fun?'

‘Isn’t this fun?’
Quotes

"Isn't this fun?"

“Isn’t this fun?”
Dashes

-- is en-dash, --- is em-dash

– is en-dash, — is em-dash

建立一個自定義清單

Markdown
Text-to- HTML conversion tool
Authors
John
Luke

如何建立一個注腳

一個具有注腳的文本。2

注釋也是必不可少的

Markdown将文本轉換為 HTML。

KaTeX數學公式

您可以使用渲染LaTeX數學表達式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通過歐拉積分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t &ThinSpace; . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

你可以找到更多關于的資訊 LaTeX 數學表達式here.

新的甘特圖功能,豐富你的文章

  • 關于 甘特圖 文法,參考 這兒,

UML 圖表

可以使用UML圖表進行渲染。 Mermaid. 例如下面産生的一個序列圖::

這将産生一個流程圖。:

  • 關于 Mermaid 文法,參考 這兒,

FLowchart流程圖

我們依舊會支援flowchart的流程圖:

  • 關于 Flowchart流程圖 文法,參考 這兒.

導出與導入

導出

如果你想嘗試使用此編輯器, 你可以在此篇文章任意編輯。當你完成了一篇文章的寫作, 在上方工具欄找到 文章導出 ,生成一個.md檔案或者.html檔案進行本地儲存。

導入

如果你想加載一篇你寫過的.md檔案或者.html檔案,在上方工具欄可以選擇導入功能進行對應擴充名的檔案導入,

繼續你的創作。

  1. mermaid文法說明 ↩︎
  2. 注腳的解釋 ↩︎

在參考“如何快速轉載CSDN中的部落格”後,由于自己不懂html以及markdown相關知識,是以花了一些時間來弄明白怎麼轉載部落格,以下為轉載CSDN部落格步驟和一些知識小筆記。

參考部落格原址:http://blog.csdn.net/bolu1234/article/details/51867099

繼續閱讀