实现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://www.cnblogs.com/Johnson-lin/p/11178935.html

时间: 2024-10-10 15:24:26

实现markdown功能的相关文章

新版markdown功能发布!支持github flavored markdown!

让大家久等了!新版markdown功能一直拖到今天才发布,很是愧疚...但不管怎么样,总算发布了! 今年1月份发布第一版markdown功能之后,很多园友反馈说做得很烂,我们综合大家的反馈之后发现不仅很烂,而且非常烂.于是,烂定思烂,决定重新开发markdown功能. 这次我们果断采用了最强大的markdown引擎--pandoc.但果断起来容易,做起来难.摆在我们面前的一个最大的难题就是如何用C#调用Haskell? 再加上之前没有接触过Haskell,更是难上加难.经过一个多月的努力才解决了

[转]有道云笔记markdown

作为半个文字工作者,一天当中,一半时间用在遣词造句,一半时间则在死磕排版.当听说"前所未有的极简语法"Markdown,不仅能简化排版.大大提高书写效率,而且上手零门槛.好奇宝宝怎么忍得住一颗蠢蠢欲动的心? 从未接触过代码的门外汉,初次听说Markdown,脑子是空的.但如果愿意抽5分钟,看下这篇文章--了解Markdown是什么.能干什么.对码字的你有什么益处:再打开有道云笔记,抽出10分钟对照Markdown简明教程加以练习. 15分钟,你就能掌握一门极客圈最流行的文本编辑语言~

Markdown是怎样接管我的各种的写作工作的

转载:来源网址:http://www.cnblogs.com/marvin/p/UseMarkdownWritting.html      马非码 Markdown是怎样接管我的各种的写作工作的 对于一个程序猿来说,没有什么比单纯的写代码更能让人兴奋了.如果能让你像写代码一样写文档,不用再面对那些繁琐的样式,你会怎么看?它就是Markdown!即使博客园已经有不少介绍的文章了,但是我依然还是不厌其烦的再次向你们推荐. 本文不是介绍Markdown语法的,因此需要了解Markdown语法请查看<M

Markdown常用用法

很早之前就听过Markdown,一直没用,用过才发现,原来这么好用,迷人,就好比一位知性.大方.成熟.美丽的少妇一样深深吸引着我,特深夜把学习的笔记记录下. 引用 ">"最好来个空格,虽然不加也没事,标准点嘛 标题 "#" 一级标题"##" 二级标题,还带下划线的,哈哈"###" 三级标题"####" 四级标题 无序列表 无序列表 无序列表2 无序列表3 无序列表就长上面的这个样子,操作非常简单,一个

editor.md实现Markdown编辑器

editor.md实现Markdown编辑器 Markdown和Editor.md简介 Markdwon编辑器在技术工作者圈子中已经越来越流行,简单的语法,统一的格式,强大的扩展功能,最重要的是:你可以用Markdown,设计一篇精彩绝伦的文档而完全不需要将你的右手从键盘上移到鼠标上去,这是我和很多编程工作者最热爱的.长期使用Leanote的原因,也是基于有着强大的WEB端和客户端的Markdown编辑器(个人甚至偏向于客户端Leanote).Editor.md 是国人开发的开源在线Markdo

如何在博客园的markdown编辑器中输入数学公式

如果您在mardown编辑器中不仅输入markdown,还想输入LateX数学公式,需要将LateX数学公式放在某个html标签之中,比如<p></p>,这样可以避免数学公式中的一些字符被markdown引擎处理. 比如下面的数学公式: \begin{align}\notag \dot{x}&=\mathbf{A}x+\mathbf{B}u\y&=\begin{bmatrix}1&0\0&1\end{bmatrix}x+\begin{bmatrix}

markdown语法实例

今天学习了有道云笔记的markdown功能,找了各种说明案列都练习了一遍,最后一篇总结的还不错的帖子特做收藏. 原文链接如下:http://blog.csdn.net/u011419965/article/details/50536937#字体字号颜色 markdown语法实例 目录 markdown语法实例 强调 分割线 引用 标题Setext方式 大标题 小标题 标题Atx方式 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 无序列表 有序列表 嵌套列表 8 文字超链Inline

jupyter 中markdown使用

jupyter使用还是很方便的,尤其是喜欢MarkDown功能,在安装插件后可以非常清晰的看到整个文档的基本结构,下面介绍下MarkDownd的使用: 1.MarkDown必须是在命令模式是下使用的,编辑cell时,在需要标记的文字行前添加#--一级标题##--二级标题......一共五级标题吧 2.按esc键进入编辑模式,按M键,最后切记要执行本行代码,不然不会出现markdown效果哦?? 原文地址:https://www.cnblogs.com/goulingyun/p/10789572.

锤子便签V2.5产品体验报告

前言 笔者对互联网产品很感兴趣,但属小白玩家.如果各位前辈有兴致请看一下,恭候指教. 体验环境 体验产品:锤子便签 体验版本:V2.5 体验终端:华为荣耀3X畅玩版 手机系统:Android4.2.2 体验日期:2015.09.02 产品概览 锤子便签是一款工具类App,可以让用户在便签中输入文字以及加载图片,文字部分支持Markdown语言,编辑完成之后支持用户以文字或者图片或者网页的形式,通过社交工具或者即时通讯工具分享出去. 产品定位         产品解读 为有些文艺气息,喜欢图文混编