2. 程式人生 > >CSDN-markdown黑色背景程式碼生成

CSDN-markdown黑色背景程式碼生成

阿新 • • 發佈：2019-02-17

不用程式碼解決生活中問題的程式設計師，不是一個好程式設計師 —— gdx（高大俠）

從我寫部落格之初，一直都想在部落格裡貼看起來高大上的 黑色背景五彩繽紛的程式碼，但苦苦搜尋之後仍受限於部落格自帶的編輯器。終於，功夫不負有心人，在知道CSDN部落格的markdown編輯器用的是html4語法之後，我找到了一個方法。

1. 獲得程式碼的html5格式

這裡寫圖片描述

這是IDE中程式碼風格，複製貼上到word中：

這裡寫圖片描述

可以看到是儲存了程式碼顏色的。然後檔案->另存為，選擇html格式。用記事本開啟，我們可以看到其中有這樣一段程式碼：

<p class=MsoNormal align=left style='text-align:left;text-autospace:none'>
<b><span lang=EN-US style='font-size:10.0pt;font-family:Consolas;color:#CC7832'>package</span></b>
<span lang=EN-US style='font-size:10.0pt;font-family:Consolas;color:#D9E8F7'> Test</span>
<span lang=EN-US style='font-size:10.0pt;font-family:Consolas;color:lavender'>;</span></p>

這段程式碼描述了package Test;這一行的字號字型和顏色。我們可以發現每個<p>...</p>儲存了程式碼中一行的資訊，每個<span>...</span>中有一個單詞或標點，我們需要提取它的字型和顏色（字號自己設定），然後轉變成html4語法格式。

2. 轉化為html4格式

這裡寫圖片描述

如圖是html4格式，其中<table><tr><td bgcolor=#00000>...</td></tr></table>把背景設為黑色，<ol>...<ol>是有序列表，裡面每個<li align='left'>...</li>

都代表一行，每個<font>...</font>中有一個單詞或標點，包含了這個單詞的字號字型顏色資訊。
那麼重點來了，我們要把htm5格式的程式碼轉化為html4格式。以下是我的程式碼：

3. 程式碼

好東西拿出來大家一起分享(ノ￣▽￣)

  1. package test;
  2. import java.io.BufferedReader;
  3. import java.io.File;
  4. import java.io.FileReader;
  5. import java.io.IOException;
  6. publicclassHtmlConversion{
  7. // 在<span>標籤中提取字型或顏色
  8. publicstaticStringextract(Stringstr,StringmarkName,StringendTag){
  9. Stringres="";
  10. intstart=str.indexOf(markName);
  11. if(start!=-1){
  12. str=str.substring(start+markName.length()+1);
  13. intend=str.indexOf(endTag);
  14. res=str.substring(0,end);
  15. //System.out.println(res);
  16. }
  17. returnres;
  18. }
  19. //<span>轉化為<font>標籤
  20. publicstaticStringspanConversion(Stringstr){
  21. intsize=2;// 設定字號
  22. Stringresult="";
  23. Stringcolor=extract(str,"color","'");
  24. //System.out.println(color);
  25. Stringface=extract(str,"font-family",";");
  26. //System.out.println(face);
  27. Stringtext="";
  28. intstart=str.indexOf("color");
  29. if(start!=-1){
  30. str=str.substring(start+6);
  31. start=str.indexOf("'>");
  32. str=str.substring(start+2);
  33. intend=str.indexOf("</span>");
  34. if(end!=-1){
  35. text=str.substring(0,end);
  36. text=text.replace("<u>","");
  37. text=text.replace("</u>","");
  38. text=text.replace("\r\n","");
  39. //System.out.println(text);
  40. }
  41. }
  42. if(color!=""&&text!=""){
  43. result="<font size=\""+size+"\" color=\""+color+"\" face='" + face + "'>"+text+"</font>";
  44. }
  45. returnresult;
  46. }
  47. //<p>標籤轉化為<li>標籤
  48. publicstaticStringpConversion(Stringstr){
  49. Stringres="";
  50. String[]list=str.split("<span");
  51. for(inti=1;i<list.length;i++){
  52. res+=spanConversion(list[i]);
  53. }
  54. return"<li>"+res+"</li>";
  55. }
  56. //html5語法轉化為html4語法
  57. publicstaticvoidconverse(StringfileName){
  58. //設定背景為黑色,<ol>為有序列表
  59. Stringcontent="<table><tr><td bgcolor=#00000>\n<ol>";
  60. System.out.println(content);
  61. Filefile=newFile(fileName);
  62. BufferedReaderreader=null;
  63. StringpMark="";//<p>標籤
  64. try{
  65. reader=newBufferedReader(newFileReader(file));
  66. Stringtemp=null;
  67. while((temp=reader.readLine())!=null){
  68. pMark+=temp;
  69. if(pMark.contains("<p class")&&pMark.contains("</p>")){
  70. content=HtmlConversion.pConversion(pMark);
  71. System.out.println(content);
  72. pMark="";
  73. }
  74. }
  75. content="<ol>\n</td></tr></table>";
  76. System.out.println(content);
  77. reader.close();
  78. }catch(Exceptione){
  79. e.printStackTrace();
  80. }finally{
  81. if(reader!=null){
  82. try{
  83. reader.close();
  84. }catch(IOExceptione1){
  85. }
  86. }
  87. }
  88. }
  89. publicstaticvoidmain(String[]args){
  90. Stringfile="C:/Users/username/Desktop/test.html";
  91. converse(file);
  92. }
  93. }

4. 複製到markdown

執行之後，把控制檯輸出的程式碼複製貼上到markdown編輯器中，得到如下結果：

這裡寫圖片描述

大功告成ヾ(ﾟ∀ﾟゞ)

相關推薦

CSDN-markdown黑色背景程式碼生成

不用程式碼解決生活中問題的程式設計師，不是一個好程式設計師 —— gdx（高大俠） 從我寫部落格之初，一直都想在部落格裡貼看起來高大上的 黑色背景五彩繽紛的程式碼，但苦苦搜尋之後仍受限於部落格自帶的編輯器。終於，功夫不負有心人，在知道CSDN部落格的mark

歡迎使用CSDN-markdown編輯器程式碼格式

這裡寫自定義目錄標題 歡迎使用Markdown編輯器 新的改變 功能快捷鍵 合理的建立標題，有助於目錄的生成 如何改變文字的樣式 插入連結與圖片 如何插入一段漂亮的程式碼片 生成一個適合你的列表 建

CSDN-Markdown新增程式碼段（識別符號）

在Markdown中新增程式碼只需要在程式碼的前邊一行與後邊一行分別新增````，並且在前邊一行新增語言標識的關鍵字。 在使用Markdown寫程式碼段如果使用語言標識程式段就會有相應的高亮，沒有標識的時候全部都是一個顏色影響程式的觀賞性。 未使用高亮的為 int apple =

歡迎使用CSDN-markdown編輯器

數學計算 大量數據 com track -a ado ext fad layer Flash多線程機制Worker 之前的Flash版本號中，是不支持多線程的，這也是廣大開發人員苦惱的一個地方。在眾多開發人員的要求或需求之下，Adobe在他的Flash

CSDN-markdown基本的語法說明

tty 來看 人性化 一個 隱式 [] 常常 clu block 文件夾 概述 簡介Markdown CSDN Markdown的功能支持 標題 Setext形式 atx形式 區塊引用 分隔線 強調 列表 無序列表 有序列表 註意事項 鏈接

去除安卓自定義Dialog黑色背景，設置無邊框，透明

isf window bsp 希望 nbsp tle -name rep lan 我們在自定義Dialog的時候，往往會希望除去安卓系統定義背景和標題，以便於更好的顯示我們自己想要的效果。 其實我們只需要註意幾個地方就行了。 1.在Style文件的中定義Dialog的主題

禁止 上滑下滑的時候出現微信瀏覽器的黑色背景

scrolltop tails hidden otto listener sin listen scrip 滾動事件 轉載：http://blog.csdn.net/yingzhi3104/article/details/78730342 網頁加載完調用 $(functio

geany黑色背景配色

-type back label public theme nta 沒有 div processor 從 John Gabriele <jmg3000(at)gmail(dot)com>的Dark Fruit Salad修改來。隨意修改、使用、分發還沒有上傳至g

jfinalQ開發教程01-表命名規範和程式碼生成

mysql 1.選擇 java可以配套各種資料庫，oracle，mysql，sqlserver等等， 但是就個人開發或者中小公司開發，無疑mysql是最好的推薦， 所以jfinalQ預設使用mysql資料庫，其他資料庫的支援有待完善。 2.版本 5.6.17

歡迎使用CSDN-markdown編輯器.......

這裡寫自定義目錄標題 歡迎使用Markdown編輯器 新的改變 功能快捷鍵 合理的建立標題，有助於目錄的生成 如何改變文字的樣式 插入連結與圖片 如何插入一段漂亮的程式碼片 生成一個適合你的列表 建

CSDN Markdown編輯器首次使用教程

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來，用它寫部落格，將會帶來全新的體驗哦： - **Markdown和擴充套件Markdown簡潔的語法** - **程式碼塊高亮** - **圖片連結和圖片上傳** - ***LaTex*數學

CSDN-markdown編輯器操作指南

Markdown編輯器使用 歡迎使用Markdown編輯器 新的改變 功能快捷鍵 合理的建立標題，有助於目錄的生成 如何改變文字的樣式 插入連結與圖片 如何插入一段漂亮的程式碼片 生成一個適合你的列表

歡迎使用CSDN-markdown編輯器[模板]

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來，用它寫部落格，將會帶來全新的體驗哦： Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列

CSDN-markdown語法教程

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來，用它寫部落格，將會帶來全新的體驗哦： Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列

歡迎使用CSDN-markdown編輯器21

response.reset(); ServletOutputStream sos = response.getOutputStream(); response.setContentType( "application/pdf" ); response.setHe

mybatis程式碼生成工具 mybatis-generator

            mybatis-generator-1.0使用手冊 1．    編寫目的 1.1．前面的話 每個專案開始，都會寫到servi

IL2CPP 深入講解：程式碼生成之旅

上次我們翻譯了由Unity開發人員JOSH PETERSON所寫的、IL2CPP深入講解系列的第一期，現在第二期的中文版也新鮮出爐，歡迎大家分享給身邊的程式設計師。 IL2CPP INTERNALS: A TOUR OF GENERATED CODE 作者：JOSH PETERSON 翻

歡迎使用CSDN-markdown編輯器（111）

歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來，用它寫部落格，將會帶來全新的體驗哦： Markdown和擴充套件Markdown簡潔的語法 程式碼塊高亮 圖片連結和圖片上傳 LaTex數學公式 UML序列

歡迎使用CSDN-markdown編輯器！

Markdown自帶教程 歡迎使用Markdown編輯器！ 你好！ 這是你第一次使用 Markdown編輯器 所展示的歡迎頁。如果你想學習如何使用Markdown編輯器, 可以仔細閱讀這篇文章，瞭解一下Markdown的基本語法知識。 新的改變 我們對Markdown編輯器進

參考使用CSDN-markdown編輯器以及複雜表格編輯

複雜表格書寫方式 可以得到如圖所示表格 下面為csdn自帶markdown編輯提示資訊，這裡儲存一下方便日後查詢 歡迎使用Markdown編輯器寫部落格 本Markdown編輯器使用StackEdit修改而來，用它寫部落格，將會帶來全新的體驗哦： Mark