sublime-4:用sublime撰写markdown文档【分分快三计划

作者:分分快三计划

迅猛开端

$ npm install md2site -g

设置完之后就能够利用md2site 命令了。

$ md2site init your_project_name

比方自个儿创立二个omi的文档:

分分快三计划 1

本条时间比较长,因为还有也许会设置相关的npm依赖包。安装成功能够见到:

分分快三计划 2

$ cd your_project_name

转到对应的项目目录。

找到your_project_name目录下的docs目录:

分分快三计划 3

在里边写你的markdown文书档案。在config.js中安顿相应的目录树:

let config = {
    menus: {
        cn: [
            {
                active: true,
                title: '快速开始',
                currentIndex: 0,
                list: [
                    {name: '安装', md: 'installation'},
                    {name: '组件', md: 'components'},
                    {name: '组件通讯', md: 'communication'}
                ]
            }
        ],
        en: [
            {
                active: true,
                title: 'QUICK START',
                currentIndex: 0,
                list: [
                    {name: 'Installation', md: 'installation'},
                    {name: 'Components', md: 'components'},
                    {name: 'Communication', md: 'communication'}
                ]
            }
        ]
    }
}

export default config;

写的经过中能够因此上边包车型客车指令能够扩充网址预览

$ npm run dev

也可发表布置:

$ npm run dist

后生可畏款不错的多语言响应式无刷新的自惭形秽文书档案网址就这么消除了!简单吗~~

分分快三计划 4

分分快三计划 5

4.多少个常用的markdown语法示例

写在前边

Md2site是基于Omi的风姿浪漫款Markdown转网址工具,使用轻便,生成的文本轻松,成效强大。
当大家想把一群markdown文书档案转成网址时,你也可以有众多选项,倘诺选取 md2site ,你势必会爱上她。

  • 官网:
  • Github:
  • 真心诚意案例:

4.11.引用

> 引用的文字内容> 这是另外的引用内容

Github

  • 做事踏实案例:
  • 接待使用,欢跃地书写美好的网址呢~~

4.1.标题

#标题1
##标题2
###标题3

特性

  • 相当的轻便,生成的网址除了Omi不依靠于其余第三方库,相当的小的尺码让你加载更加快
  • 生龙活虎体化帮忙Markdown,使用markdown写你的文书档案或然网址,完整扶植markdown全体语法
  • 响应式,生成的网址是响应式的,手提式有线电话机和PC都有正确的读书体验
  • 多语言,天生支持多语言,只需追加改正配置便可。让世界明白你的网址
  • 代码美,请牢记:不只有是代码高亮,使用md2site轻易能够让代码内的有些代码高亮
  • 超实惠,npm run dev预览,npm run dist风度翩翩键生成网址。不满足现存布局或样式可轻巧实行二回开垦

4.7.表格

|故事点 |8:30-9:30 |9:30-10:30 |10:30-11:30 |14:00-15:00 |15:00-16:00 |16:00-17:00 |17:00-18:00 |18:00-19:00 |
|---|---|---|---|---|---|---|---|---|
|故事|1.测试修改过的规则;2.修改有问题规则;||||||||
|完成<br>情况||■■|■■■|■■■|■■|■■|■|■■■|
|总结|||||||||
故事点 8:30-9:30 9:30-10:30 10:30-11:30 14:00-15:00 15:00-16:00 16:00-17:00 17:00-18:00 18:00-19:00
故事 1.测试修改过的规则;2.修改有问题规则;
完成
情况
■■ ■■■ ■■■ ■■ ■■ ■■■
总结

Markdown语法扩充

少年老成经你想让代码块中的有个别行高亮,譬如那个样子:

分分快三计划 6

你能够运用这种语法来标志须要高亮的行:

分分快三计划 7

地点代表:1到3行以至26行高亮。

4.4.概念列表

Apple: Pomaceous fruit of plants of the genus Malus in the family 
Rosaceae.Orange: The fruit of an evergreen tree of the genus Citrus.

3.3配置css文件

  马克down Preview生成的HTML文件,在浏览器里查看时其默许的增进率为45em,如若您认为变化的网页太窄,能够更正一下css文件。张开Markdown Preview的设置目录,找到markdown.css和github.css文件,查找上边包车型客车内容:

body { 
width: 45em; border: 1px solid #ddd;
 outline: 1300px solid #fff; 
margin: 16px auto; }

  把在那之中的45em退换为十分之八如故你以为分外的尺码就能够。sublime安装包目录与格式Linux遭遇经过 Package Control: List Packages,在己安装的Packages里筛选 马克down Preview会直接打开Markdown Preview的装置目录,在开垦的目录中央直属机关接能够找到markdown.css和github.css。Windows情况在sublime安装目录下,找到 DataInstalled Packages目录,这几个目录正是安装包的目录。假如已经设置好Markdown Preview,能够看见文件 马克down Preview.sublime-package 。那几个实际是叁个zip包。间接用系统里的压缩工具张开,然后在压缩包的根目录下寻觅markdown.css和github.css,根据上述办法校正就能够。纠正产生必要保留回压缩包。在开辟压缩包改正的时候,必得关闭sublime,不然相当小概修正成功。

4.9.强调

这是**黑体**写法
这是*斜体*的写法

这是黑体写法
这是斜体的写法

3.2.代码高亮

  markdown里放置的代码在生成html文书档案时,援救根据语言高亮展现。通过 Preferences -> Package Settings -> 马克down Preview -> Settings-User来开接收户设置文件,到场如下内容就能够展开代码高亮功效。

{ "enable_highlight": true}

  假如急需更加尖端的高亮彰显,举个例子钦定代码高亮的风格(emacs, vim etc.卡塔尔国,则足以自定义 codehilite扩大来达成。在Markdown Preview顾客安装文件里插足如下内容就能够。本文就是使用 emacs高亮风格来显示代码的。

{ "enabled_extensions": [ "extra", "github", "toc", 
"headerid", "meta", "sane_lists", "smarty", 
"wikilinks", "admonition", "codehilite(guess_lang=False,
pygments_style=emacs)" ]}

  关于pygments,pygments_style可以用来钦定代码高亮的风格。Markdown Preview使用pygments来成功代码高亮。关于pygments以至越来越多可用的放置代码高亮风格,可访谈pygments官网查看有关文书档案。

4.8.警告

hint类型的警告:
!!! hint "subject of hint" Any number of other 
indented markdown elements.
note类型的警告:
!!! note "subject of 
note" Any number of other indented markdown elements.
...................................

  警报有五类别型,类型差异变化的html文书档案样式也不一样等,可用的样式有 hint, attention, caution, danger, question, note。

4.3.弹出式注释

把鼠标停留在**HTML**和**W3C**上看会发生什么。

*[HTML]: Hyper Text Markup Language
*[W3C]: World Wide Web Consortium

3.1.安顿飞速键

  通过 Preferences -> Key Bindings - User展开sublime的火速键配置文件,把上边内容复制到那个装置文件里保存。

{ "keys": ["alt m"], "command": "markdown_preview", 
"args": {"target": "browser", "parser":"markdown"} }

  配置达成后,按下alt m就能够直接在浏览器里预览markdown的创作效果。

4.10.超链接

1).这是一个[链接](https://github.com/kamidox/blogs)
2).这是另外一种[链接][1]的形式[1]: https://pythonhosted.org/Markdown/extensions/index.html

4.6.角注

Footnotes[^1] have a label[^@#$%] and the footnote's content.[^1]: This 
is a footnote content.[^@#$%]: A footnote on the label: "@#$%".

4.12.图片

![这就是个图片嘛](http://upload-images.jianshu.io/upload_images/3084894-10e1f13e30bce46e.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)

分分快三计划 8

那正是个图片嘛

4.2.列表

1).无序列表:
* 列表1
* 列表2
* 列表3

- 列表1
- 列表2
- 列表3

2).有序列表
1. 列表1
2. 列表2
3. 列表3

1.什么是markdown

  Markdown 是生机勃勃种轻量级标识语言,它同意大家接纳易读易写的纯文本格式编写文书档案,然后转换到格式丰裕的HTML页面。 —— 维基百科

3.配置Markdown Preview插件

摘要:本文包蕴两局地内容:在sublime里安装Markdown Preview插件来促成markdown文件的预览;介绍markdown常用的语法,让初次接触markdown的人方可在短期内理解常用的语法和句法

4.5.代码局地

python #!python # -*- coding: utf-8 -*- from flask import Flask, 
render_template app = Flask(__name__) app.debug = APP_DEBUG 
#homepage just for fun @app.route('/') def home(): return 
render_template('index.html') 

5.练习

  直接在布署好的sublime里新建三个readme.md,把地点的markdown语法拷贝进去演练一下。
  推荐三个做得非常不错的markdown在线编辑器Mark飞象。本文正是用markdown编写的。
  最棒施行Windows下得以选取sublime对markdown举行编辑预览。但Linux下要让sublime补助中文输入还索要折腾风华正茂番。个人感到最棒实施是如此的Windows下,使用sublime对markdown举行编写制定,预览。Linux下,直接运用gedit对markdown进行编辑。gedit的markdown语法高亮看起来特别直率。编辑达成后,用sublime张开预览效果


环顾以下大伙儿号关心小猿↓↓↓↓↓↓↓↓

分分快三计划 9

越来越多信息请在简书、和讯、新浪、掘金队、CSDN都得以经过找寻“Share猿”找到小猿哦!!!


4.13.目录

[TOC]

2.安装Markdown Preview插件

  推荐的安装格局是经过[Package Control(https://sublime.wbond.net/卡塔尔来设置:如若您的sublime还没装Package Control,需求先点击这里查阅安装格局运用 ctrl shift P来张开命令窗口,输入并精选 Package Control: Install Package在弹出的窗口里输入 Markdown Preview并按回车来成功安装

本文由分分快三计划发布,转载请注明来源

关键词: 分分快三计划 解放生产力!