使用MarkDown编辑器做出有意思的柱状图（完整代码）

这是生成的效果
⎩⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎨⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎪⎧​基础信用: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编辑器还是很好玩的！运用得当可以做出漂亮的博客！

注：如果您通过本文,有(qi)用(guai)的知识增加了，请您点个赞再离开,如果不嫌弃的话,点个关注再走吧，日更博主每天在线答疑 ! 当然，也非常欢迎您能在讨论区指出此文的不足处，作者会及时对文章加以修正 !如果有任何问题，欢迎评论，非常乐意为您解答！( •̀ ω •́ )✧