实现markdown功能

前言

由于个人一直想弄一个博客网站，所以写博客的功能也就必须存在啦，而之前想过用富文本编辑器来实现的。但是接触了markdown后，发现真的是太好玩了，而且使用markdown的话可以在博客园、CSDN、公众号等各个地方使用。如果使用富文本来实现的话。。那可就惨了，发一篇文章在不同的地方就要重新弄一下样式。真的是非常蛋teng。所以建议不会markdown语法的童鞋还是得好好去看看。



在这里我要介绍的是如何在你的网站接入Markdown功能

实现功能

实现markdown的功能主要实现两部分，找到可以转换markdown语法的功能。然后去找一下你自己喜欢的markdown主题样式。（如果你追求至简的话，你只需要实现第一部就可以了，只是有点丑。。。）

showdown.js

为什么使用showdown.js？肤浅的我只认star数（手动吾眼）

入口在此：https://github.com/showdownjs/showdown

用法也是灰常之简单：

只需使用到 dict\showdown.js文件，引入了之后，只需如下使用:

var converter = new showdown.Converter(),
    text      = '# hello, markdown!',
    html      = converter.makeHtml(text);

这样就可以获取到markdown语法转换后的html啦。

其实还是很丑的。。。因为没有样式。。。

主题样式

Typora

入口：http://theme.typora.io/

貌似挺多人喜欢用这个，但是我个人觉得麻麻地。而且有些主题对中文不太支持。不过里面的主题还挺多的。可以搞一下。

Markdownhere

入口：https://markdown-here.com/

Markdownhere 是李笑来制作的一套 CSS 主题，。我现在用着他的CSS主题，其实也是麻麻地，然后自己也改了一点。感觉没啥变化(一名CSS的菜鸟)。

少数派

为什么叫少数派？我也不知道，我一直以为是少数人使用的流派（自己yy的）。

入口：https://cdn.sspai.com/minja/sspai.css.zip

个人博客网址： https://colablog.cn/

如果我的文章帮助到您，可以关注我的微信公众号，第一时间分享文章给您