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 align='left'>...</li>都代表一行，每个<font>...</font>中有一个单词或标点，包含了这个单词的字号字体颜色信息。
那么重点来了，我们要把htm5格式的代码转化为html4格式。以下是我的代码：

---

3. 代码

好东西拿出来大家一起分享(ノ￣▽￣)

package test; import java.io.BufferedReader; import java.io.File; import java.io.FileReader; import java.io.IOException; public class HtmlConversion {     // 在<span>标签中提取字体或颜色     public static String extract(String str, String markName, String endTag) {         String res = "";         int start = str.indexOf(markName);         if (start != -1) {             str = str.substring(start + markName.length() + 1);             int end = str.indexOf(endTag);             res = str.substring(0, end);             //System.out.println(res);         }         return res;     }     //<span>转化为<font>标签     public static String spanConversion(String str) {         int size = 2;// 设置字号         String result = "";         String color = extract(str, "color", "'");         //System.out.println(color);         String face = extract(str, "font-family", ";");         //System.out.println(face);         String text = "";         int start = str.indexOf("color");         if (start != -1) {             str = str.substring(start + 6);             start = str.indexOf("'>");             str = str.substring(start + 2);             int end = str.indexOf("</span>");             if (end != -1) {                 text = str.substring(0, end);                 text = text.replace("<u>", "");                 text = text.replace("</u>", "");                 text = text.replace("\r\n", "");                 //System.out.println(text);             }         }         if (color != "" && text != "") {            result = "<font size=\"" + size + "\" color=\"" + color + "\" face='" + face + "'>" + text + "</font>";         }         return result;     }     //<p>标签转化为<li>标签     public static String pConversion(String str) {         String res = "";         String[] list = str.split("<span");         for (int i = 1; i < list.length; i++) {             res += spanConversion(list[i]);         }         return "<li>" + res + "</li>";     }     //html5语法转化为html4语法     public static void converse(String fileName) {         //设置背景为黑色,<ol>为有序列表         String content = "<table><tr><td bgcolor=#00000>\n<ol>";         System.out.println(content);         File file = new File(fileName);         BufferedReader reader = null;         String pMark = "";//<p>标签         try {             reader = new BufferedReader(new FileReader(file));             String temp = null;             while ((temp = reader.readLine()) != null) {                 pMark += temp;                 if (pMark.contains("<p class") && pMark.contains("</p>")) {                     content = HtmlConversion.pConversion(pMark);                     System.out.println(content);                     pMark = "";                 }             }             content = "<ol>\n</td></tr></table>";             System.out.println(content);             reader.close();         } catch (Exception e) {             e.printStackTrace();         } finally {             if (reader != null) {                 try {                     reader.close();                 } catch (IOException e1) {                 }             }         }     }     public static void main(String[] args) {         String file = "C:/Users/username/Desktop/test.html";         converse(file);     } }

---

4. 复制到markdown

运行之后，把控制台输出的代码复制粘贴到markdown编辑器中，得到如下结果：

大功告成ヾ(ﾟ∀ﾟゞ)