天天看點

哎哎哎啊

<article class="baidu_pl">

       <div id="article_content" class="article_content clearfix">

       <link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-1a85854398.css">

               <div id="content_views" class="markdown_views prism-tomorrow-night-eighties">

                   <svg xmlns="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>

                   <h2><a name="t0"></a><a id="1_0"></a>1.問題背景</h2>

<p>最近在學習Git過程中想了解<code>git reflog</code>指令的進階用法與指令詳解,于是找到了這幾篇特别優秀的文章:<br> [1]<a href="https://blog.csdn.net/ouyang_peng/article/details/84061662">使用git reflog 指令來檢視曆史送出記錄并使用送出記錄恢複已經被删除掉的分支</a><br> [2]<a href="https://blog.csdn.net/chaiyu2002/article/details/81773041">Git:git-reflog的用法總結</a><br> 有收藏癖的我,很喜歡能保留他人的格式并收藏文章,這裡就有一種方法可以快速轉載别人的CSDN部落格文章并附帶格式與圖檔。</p>

<h2><a name="t1"></a><a id="2_5"></a>2.實作步驟</h2>

<h3><a name="t2"></a><a id="1F12____6"></a>(1)打開我們想轉載的文章,按<mark>F12按鍵</mark> 或者 <mark>右鍵點選網頁選擇“審查元素”</mark> 打開網頁開發者調試頁面</h3>

<p><img src="https://img-blog.csdnimg.cn/20190329120417913.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dxNnlsZzA4,size_16,color_FFFFFF,t_70" alt="在這裡插入圖檔描述"><br> 如部落客我想轉載<a href="https://blog.csdn.net/ouyang_peng/article/details/84061662">使用git reflog 指令來檢視曆史送出記錄并使用送出記錄恢複已經被删除掉的分支</a>,進入該部落格的頁面後,按<mark>F12按鍵</mark> 或者 <mark>右鍵點選網頁選擇“審查元素”</mark>,來打開網頁開發者調試頁面</p>

<h3><a name="t3"></a><a id="2HTML_9"></a>(2)複制該部落格的正文對應的HTML标簽</h3>

<p>在<mark>被選中的該部落格的正文該部落格的正文的id=“article_content”</mark> 代碼處右鍵,點選【Copy】,再點選【Copy outerHTML】即可,至此,部落格内容的html代碼複制完成 <img src="https://img-blog.csdnimg.cn/20190329120405693.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dxNnlsZzA4,size_16,color_FFFFFF,t_70" alt="在這裡插入圖檔描述"></p>

<h3><a name="t4"></a><a id="3CSDNMarkDown_11"></a>(3)将上面複制的代碼粘貼到CSDN的<mark>MarkDown編輯器</mark>中</h3>

<p><img src="https://img-blog.csdnimg.cn/20190329122408624.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dxNnlsZzA4,size_16,color_FFFFFF,t_70" alt="在這裡插入圖檔描述"></p>

<h3><a name="t5"></a><a id="4_13"></a>(4)根據實際情況删除格式不正确的部分</h3>

<p><strong>我們在将上面複制的代碼粘貼到CSDN的<mark>MarkDown編輯器</mark>後,要根據實際情況删除格式不正确的部分。</strong><br> 因為根據實際測試,本次的快速轉載文章會存在以下缺陷:</p>

<ol><li>代碼文本的複制貼貼會出現格式錯誤<br> <img src="https://img-blog.csdnimg.cn/20190329124324646.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dxNnlsZzA4,size_16,color_FFFFFF,t_70" alt="在這裡插入圖檔描述"></li><li>文章開頭部分由于HTML标簽過多的原因可能不适配或不能正常顯示<br> <img src="https://img-blog.csdnimg.cn/20190329124357422.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dxNnlsZzA4,size_16,color_FFFFFF,t_70" alt="在這裡插入圖檔描述"></li><li>目前部落客我隻發現了上述1,2問題,可能還存在其他的格式不相容的問題</li></ol>

<h3><a name="t6"></a><a id="4_23"></a>4.功能實作的原理</h3>

<p>我們可能會疑惑為什麼可以把HTML一段标簽裡面的代碼複制到CSDN的<mark>MarkDown編輯器</mark>後,會保留大部分的格式呢?<br> 這個問題的關鍵是在于<mark>MarkDown編輯器</mark>,CSDN釋出部落格有兩種編輯器:富文本編輯器和MarkDown編輯器。<br> <img src="https://img-blog.csdnimg.cn/20190329122408624.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dxNnlsZzA4,size_16,color_FFFFFF,t_70" alt="在這裡插入圖檔描述"><br> 根據<a href="http://www.markdown.cn/">MarkDown官方教程網站</a>的描述,MarkDown相容 HTML,是以我們把HTML标簽複制粘貼到<mark>MarkDown編輯器</mark>裡面仍然保留了原文章的格式,這就是實作的原理!</p>

<p>作為程式員或者寫作人的你,必須要懂得使用MarkDown了!</p>

<p>不完全統計,MarkDown文法已經被以下平台支援了:Github全球最大開源代碼托管平台,項目的說明性檔案ReadMe.md-(字尾md就是MarkDown),Gitlab,Gitbook;CSDN程式員部落格平台,Wordpress部落格,Typecho部落格;知乎,有道雲筆記,印象筆記,簡書;所有電子郵箱;Markdown線上編輯工具。</p>

<p>如果你是程式員,你總得上Github找代碼和寫文檔吧?Github上讀懂别人的代碼和寫文檔得用MarkDown;你做一個項目,項目的說明性檔案ReadMe.md你總得寫吧?這個項目的說明性檔案ReadMe.md-(字尾md就是MarkDown)就是用MarkDown文法規則編寫的;你學習程式設計有所收獲,也要上CSDN程式員部落格平台寫幾篇部落格吧?上CSDN寫部落格的其中一個編輯器就是MarkDown。</p>

<p>如果你同時還是寫作人,我們總有一個需求:一篇文章在多個平台發表,但是在不同平台發表文章,複制粘貼文本可能會導緻不同平台的排版出錯!你弄懂MarkDown,在上面的平台發文章再也不用擔心複制粘貼文本都會導緻不同平台的排版出錯了!你說好不好?一篇MarkDown的文章在上面所有平台全部統一排版!</p>

<p>我寫的這篇文章完全介紹了MarkDown的前世今生,希望你可以了解一下:<a href="https://blog.csdn.net/wq6ylg08/article/details/88875796">MarkDown标記語言最詳細的背景介紹與使用意義與文法教程與編輯器推薦</a></p>

<p>本文參考來源:<br> [1]<a href="https://blog.csdn.net/zhongjianblackberry/article/details/79456338">https://blog.csdn.net/zhongjianblackberry/article/details/79456338</a></p>

               </div><div data-report-view="{&quot;mod&quot;:&quot;1585297308_001&quot;,&quot;spm&quot;:&quot;1001.2101.3001.6548&quot;,&quot;dest&quot;:&quot;https://lijunde.blog.csdn.net/article/details/88889575&quot;,&quot;extend1&quot;:&quot;pc&quot;,&quot;ab&quot;:&quot;new&quot;}"><div></div></div>

               <link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-d7a94ec6ab.css" rel="stylesheet">

               <link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-49037e4d27.css" rel="stylesheet">

       </div>

   </article>