zoukankan      html  css  js  c++  java
  • markdown 一个小模版

    # Dillinger

    Dillinger is a cloud-enabled, mobile-ready, offline-storage, AngularJS powered HTML5 Markdown editor.

    - Type some Markdown on the left
    - See HTML in the right
    - Magic

    Markdown is a lightweight markup language based on the formatting conventions that people naturally use in email. As [John Gruber] writes on the [Markdown site] [1]:

    > The overriding design goal for Markdown's
    > formatting syntax is to make it as readable
    > as possible. The idea is that a
    > Markdown-formatted document should be
    > publishable as-is, as plain text, without
    > looking like it's been marked up with tags
    > or formatting instructions.

    This text you see here is *actually* written in Markdown! To get a feel for Markdown's syntax, type some text into the left window and watch the results in the right.

    ### Version
    3.0.2

    ### Tech

    Dillinger uses a number of open source projects to work properly:

    * [AngularJS] - HTML enhanced for web apps!
    * [Ace Editor] - awesome web-based text editor
    * [Marked] - a super fast port of Markdown to JavaScript
    * [Twitter Bootstrap] - great UI boilerplate for modern web apps
    * [node.js] - evented I/O for the backend
    * [Express] - fast node.js network app framework [@tjholowaychuk]
    * [Gulp] - the streaming build system
    * [keymaster.js] - awesome keyboard handler lib by [@thomasfuchs]
    * [jQuery] - duh

    ### Installation

    You need Gulp installed globally:

    ```sh
    $ npm i -g gulp
    ```

    ```sh
    $ git clone [git-repo-url] dillinger
    $ cd dillinger
    $ npm i -d
    $ mkdir -p public/files/{md,html,pdf}
    $ gulp build --prod
    $ NODE_ENV=production node app
    ```

    ### Plugins

    Dillinger is currently extended with the following plugins

    * Dropbox
    * Github
    * Google Drive
    * OneDrive

    Readmes, how to use them in your own application can be found here:

    * [plugins/dropbox/README.md](https://github.com/joemccann/dillinger/tree/master/plugins/dropbox/README.md)
    * [plugins/github/README.md](https://github.com/joemccann/dillinger/tree/master/plugins/github/README.md)
    * [plugins/googledrive/README.md](https://github.com/joemccann/dillinger/tree/master/plugins/googledrive/README.md)
    * [plugins/onedrive/README.md](https://github.com/joemccann/dillinger/tree/master/plugins/onedrive/README.md)

    ### Development

    Want to contribute? Great!

    Dillinger uses Gulp + Webpack for fast developing.
    Make a change in your file and instantanously see your updates!

    Open your favorite Terminal and run these commands.

    First Tab:
    ```sh
    $ node app
    ```

    Second Tab:
    ```sh
    $ gulp watch
    ```

    (optional) Third:
    ```sh
    $ karma start
    ```

    ### Todo's

    - Write Tests
    - Rethink Github Save
    - Add Code Comments
    - Add Night Mode

    License
    ----

    MIT


    **Free Software, Hell Yeah!**

    [john gruber]:http://daringfireball.net/
    [@thomasfuchs]:http://twitter.com/thomasfuchs
    [1]:http://daringfireball.net/projects/markdown/
    [marked]:https://github.com/chjj/marked
    [Ace Editor]:http://ace.ajax.org
    [node.js]:http://nodejs.org
    [Twitter Bootstrap]:http://twitter.github.com/bootstrap/
    [keymaster.js]:https://github.com/madrobby/keymaster
    [jQuery]:http://jquery.com
    [@tjholowaychuk]:http://twitter.com/tjholowaychuk
    [express]:http://expressjs.com
    [AngularJS]:http://angularjs.org
    [Gulp]:http://gulpjs.com

  • 相关阅读:
    spring的@Transactional注解详细用法
    C#中对string与string[]的初步操作
    响应式下的雪碧图解决方案 - 活用background-size / background-position
    background-position 详解
    sass学习笔记
    微信小程序实操-image height:auto问题,url地址报错,“不在以下合法域名列表中”问题等
    如何开发一个微信小程序
    括号生成 回溯算法 递归 深度优先遍历 剪枝
    前K个高频元素 数字型 Hash表解决
    寻找重复的数 hash表
  • 原文地址:https://www.cnblogs.com/yufenghou/p/4458305.html
Copyright © 2011-2022 走看看