CSDN-markdown黑色背景代碼生成

不用代碼解決生活中問題的程序員，不是一個好程序員 —— 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>...</li>都代表一行，每個<font>...</font>中有一個單詞或標點，包含了這個單詞的字號字體顏色信息。
那麼重點來了，我們要把htm5格式的代碼轉化爲html4格式。以下是我的代碼：

---

3. 代碼

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

1. package test;
3. import java.io.BufferedReader;
4. import java.io.File;
5. import java.io.FileReader;
6. import java.io.IOException;
8. public class HtmlConversion {
9.     // 在<span>標籤中提取字體或顏色
10.     public static String extract(String str, String markName, String endTag) {
11.         String res = "";
12.         int start = str.indexOf(markName);
13.         if (start != -1) {
14.             str = str.substring(start + markName.length() + 1);
15.             int end = str.indexOf(endTag);
16.             res = str.substring(0, end);
17.             //System.out.println(res);
18.         }
19.         return res;
20.     }
22.     //<span>轉化爲<font>標籤
23.     public static String spanConversion(String str) {
24.         int size = 2;// 設置字號
25.         String result = "";
26.         String color = extract(str, "color", "'");
27.         //System.out.println(color);
28.         String face = extract(str, "font-family", ";");
29.         //System.out.println(face);
31.         String text = "";
32.         int start = str.indexOf("color");
33.         if (start != -1) {
34.             str = str.substring(start + 6);
35.             start = str.indexOf("'>");
36.             str = str.substring(start + 2);
37.             int end = str.indexOf("</span>");
38.             if (end != -1) {
39.                 text = str.substring(0, end);
40.                 text = text.replace("<u>", "");
41.                 text = text.replace("</u>", "");
42.                 text = text.replace("\r\n", "");
43.                 //System.out.println(text);
44.             }
45.         }
46.         if (color != "" && text != "") {
47.            result = "<font size=\"" + size + "\" color=\"" + color + "\" face='" + face + "'>" + text + "</font>";
48.         }
49.         return result;
50.     }
52.     //<p>標籤轉化爲<li>標籤
53.     public static String pConversion(String str) {
54.         String res = "";
55.         String[] list = str.split("<span");
56.         for (int i = 1; i < list.length; i++) {
57.             res += spanConversion(list[i]);
58.         }
59.         return "<li>" + res + "</li>";
60.     }
62.     //html5語法轉化爲html4語法
63.     public static void converse(String fileName) {
64.         //設置背景爲黑色,<ol>爲有序列表
65.         String content = "<table><tr><td bgcolor=#00000>\n<ol>";
66.         System.out.println(content);
68.         File file = new File(fileName);
69.         BufferedReader reader = null;
70.         String pMark = "";//<p>標籤
71.         try {
72.             reader = new BufferedReader(new FileReader(file));
73.             String temp = null;
74.             while ((temp = reader.readLine()) != null) {
75.                 pMark += temp;
76.                 if (pMark.contains("<p class") && pMark.contains("</p>")) {
77.                     content = HtmlConversion.pConversion(pMark);
78.                     System.out.println(content);
79.                     pMark = "";
80.                 }
81.             }
82.             content = "<ol>\n</td></tr></table>";
83.             System.out.println(content);
84.             reader.close();
85.         } catch (Exception e) {
86.             e.printStackTrace();
87.         } finally {
88.             if (reader != null) {
89.                 try {
90.                     reader.close();
91.                 } catch (IOException e1) {
92.                 }
93.             }
94.         }
95.     }
97.     public static void main(String[] args) {
98.         String file = "C:/Users/username/Desktop/test.html";
99.         converse(file);
100.     }
102. }

---

4. 複製到markdown

運行之後，把控制檯輸出的代碼複製粘貼到markdown編輯器中，得到如下結果：

大功告成ヾ(ﾟ∀ﾟゞ)