編輯HTML代碼,批量製作博文清單

來源:互聯網
上載者:User

標籤:style   class   blog   http   tar   ext   

當積累的博文多了,常想製作一個分類目錄,方便讀者閱讀。這可以是一個不輕鬆且枯燥的工作。

  以《關於“IT學子成長指導”專欄及文章目錄》中目錄的製作為例,介紹我的“懶”辦法。這個目錄常更新,是件事兒。或許算個技巧,背後,全是重複工作過的辛酸。所謂技巧,全是從笨辦法中來的。


  博文清單製作方法

  我要收錄到目錄中的文章,皆來自於《IT學子成長指導》部落格專欄。進入專欄,改到“管理專欄”的頁面。選中要進入專欄的文章,CTRL-C複製了事。(如果博文不是出自專欄,在部落格首頁選“目錄”視圖也一樣。)1:


  到CSDN部落格,“寫新文章”,CTRL-V,帶連結的文章清單複製進去了。還有其他文章,再來幾次。可能版面在縮排等方面會出現不如意的情況,不必管,後面處理。2:


  點“《》”表徵圖,進入原始碼視圖,要用的就是這些文章的HTML代碼。CTRL-A,CTRL-C。3:


  啟動EditPlus(或其他HTML編輯器,甚至就Word、WPS),建立一個HTML文檔,CTRL-V。4:


  接下來,用EditPlus編輯HTML。為使將來格式統一,只保留每個<a>標記中最基本的成分(<a href=”...”>文字</a>),去掉所有的修飾。
  編輯時,不要用眼和手組合做。用編輯器的替換功能。
  選一塊,CTRL-C,CTRL-V到“尋找”框中,“替換”為的部分,空著就行。點“全部替換”,很爽的感覺。5:


  這些標記也就那麼幾種。幾次下來,可能還有個別例外,手工刪除。
  文檔成了6的樣子。


  還可以加上你想要的標記。例如,每個連結單獨一行排版,將“</a>”替換為“</a><br\>”。7:


  將這些代碼複製到新寫的博文中,切換到“可視化編輯”視圖中,你想要的結果就有了。8:


  接下來,按你的想法分類、編輯就可以了。


  外一篇:製作帶連結的名單

  直接用HTML編輯,是一個很便捷的方式。電腦專業的,知道點HTML,就用好了。
  我的工作中,至少每年都得做一份學生部落格連結清單(如C++程式設計課程首頁-2013級中的名單),如法泡製。
  課代表給我提供學生姓名和CSDN部落格的使用者號,是一個EXCEL文檔9:


  編輯一下,寫成HTML的連結標記。在EXCEL中繼續做,是因為EXCEL中的“填充”功能強,寫好一行,其他行一拖就成。10:


  將表格中的內容,複製、粘貼到word中,仍然是一個表格。將“表格轉換為文字”再將所有的定位字元“替換”為空白,11:


  然後,所有的學生連結就有了,12。


  根據需要加些換行之類的,大功告成。




=================== 迂者 賀利堅 CSDN部落格專欄=================|== IT學子成長指導專欄 專欄文章的分類目錄(不定期更新) ==||== C++ 課堂線上專欄  賀利堅課程教學連結(分課程年級) ==||== 我寫的書——《逆襲大學——傳給IT學子的正能量》    ==|===== 為IT菜鳥起飛鋪跑道,和學生一起享受快樂和激情的大學 =====



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.