這是生成的效果
⎩⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎨⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎧基礎信用:100練習情況:61社區貢獻:25比賽情況:0獲得成就:0總估值:186∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣∣050100+++++
這是源碼
$\def{\cGreen}{#52C41A} \def{\cOrange}{#F39C11} \def{\cYellow}{#FADB14}
\def{\cRed}{#E74C3C} \def{\colorOfLine}{#A9A9A9} \def{\colorOfDivide}
{#000000} \def{\colorOfName}{#000000} \def{\colorOfBox}{#000000}
\def{\colorOfContent}{#000000} \newcommand{\item}[2]
{\color{\colorOfName}\textbf{#1:}\text{#2} & } \newcommand{\add}[2]{
\fcolorbox{\colorOfBox}{#2}{\normalsize\vphantom{+}\kern{#1 mm}} }
\newcommand{\main}[6]{ \boxed{ \color{white}\begin{cases}
&\color{\colorOfLine}\kern{4pt}\begin{vmatrix}\raisebox{90pt}
{}\kern{48.56mm}\end{vmatrix}\kern{-5.5pt}\begin{vmatrix}\raisebox{90pt}
{}\kern{48.56mm}\end{vmatrix} \\[-108pt]
&\color{\colorOfDivide}\scriptsize\kern{4 pt}\text{0}\kern{48.2
mm}\text{50}\kern{47 mm}\text{100} \\[3pt] \item{基礎信用}{#1} \add{#1}
{\cOrange} \\[3pt] \item{練習情況}{#2} \add{#2}{\cGreen} \\[3pt] \item{社區
貢獻}{#3} \add{#3}{\cGreen} \\[3pt] \item{比賽情況}{#4} \add{#4}{\cYellow}
\\[3pt] \item{獲得成就}{#5} \add{#5}{\cRed} \\[3pt]
\color{\colorOfName}\textbf{總估值:\kern{10pt}#6} \end{cases} } \\ }
\main{100}{61}{25}{0}{0}{186}$
把上面的代碼放到MarkDown編輯器裏就會顯示出柱狀圖啦
需要修改顏色或者數值就找空填就好啦
MarkDown編輯器還是很好玩的!運用得當可以做出漂亮的博客!