• 网站实现markdown功能


    前言

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


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

    实现功能

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

    showdown.js

    为什么使用showdown.js?肤浅的我只认star数(手动吾眼)
    入口在此:https://github.com/showdownjs/showdown
    用法也是灰常之简单:
    只需使用到 dictshowdown.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/

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

    微信公众号

  • 相关阅读:
    maven的安装步骤
    Sublime Text 3设置指南
    Eclipse 不同版本名称
    redis命令简单介绍
    redis简介与window安装:
    redis数据类型:String
    Mybatis-plus的使用步骤
    SpringgBoot父子工程的创建
    我的大学-易班
    IDEA:配置Tomcat并运行应用
  • 原文地址:https://www.cnblogs.com/Johnson-lin/p/11178935.html
Copyright © 2020-2023  润新知