您的位置:首页 > 其它

Sublime3+MarkDown安装与配置

2015-09-18 08:59 441 查看

Sublime3+MarkDown
Install and Config Guide

Sysrd@RI:loulvlin

send mail to me


1.what is markdown and
why is markdown?

Please reference github’s markdown info

2.download sublime3(64
|
32)


3.install
sublime3 and after the completion of the installation is as follows



4.register
sublime3 with lisence as follows

— – BEGIN LICENSE — –
Andrew Weber
Single User License
EA7E-855605
813A03DD 5E4AD9E6 6C0EEB94 BC99798F
942194A6 02396E98 E62C9979 4BB979FE
91424C9D A45400BF F6747D88 2FB88078
90F5CC94 1CDC92DC 8457107A F151657B
1D22E383 A997F016 42397640 33F41CFC
E1D0AE85 A0BBD039 0E9C8D55 E1B89D5D
5CDB7036 E56DE1C0 EFCC0840 650CD3A6
B98FC99C 8FAC73EE D2B95564 DF450523
— — END LICENSE — —








5.sublime Text 3
install Package Control

View->Show Console



Paste the following
code and Press Enter

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())






6.sublime Text
3 install Markdown Packages

NOTICE:

MarkDown Editing for edit markdown and export HTML

MarkDown TOC for generate catalog

MarkDown Preview(or HTML Preview) for preview markdown in html

ctrl+shift+p input
install and press Enter




waiting…



input
markdown and choose MarkDown Editing and press Enter




input
markdown and choose MarkDown TOC and press Enter


input
markdown and choose MarkDown Preview(or HTML Preview) and press Enter




OK,ctrl+shift+p
input m begin your markdown…




But,OmniMarkupPreviewer
package is also a good option for markdown…




7.sublime Text 3 Remove Packages

ctrl+shift+p
input package choose Remove Package and press Enter




select
the package you want to delete and press Enter




8.sublime
Text 3 Markdown code Snippet Extension

ctrl+shift+p
input install and press Enter




select
Code Snippets Helper and press Enter to install




then Tools->New Snippet



paste the following snippet code
<snippet>
<content><![CDATA[
[${1:Display_Text}](${2:http://example.com/} ${3:"$2"})
]]></content>
<tabTrigger>mdlink</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>Insert Link</description>
</snippet>


filename:Markdown_Link_(mdlink).sublime-snippet



save mdlink snippet



now,the
configuration of mdlink is complete

test mdlink



9.The other three
commonly used snippets

Markdown_Image_(mdimg).sublime-snippet
<snippet>
<content><![CDATA[
![${1:Some_Text}](${2:url_to_image} ${3:"$1"})
]]></content>
<tabTrigger>mdimg</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>Insert Image</description>
</snippet>

Markdown_Anchor_(mdarch).sublime-snippet
<snippet>
<content><![CDATA[
[${1:Display_Text}][${2:id}]$5
[$2]:${3:http://example.com/} ${4:"$3"}
]]></content>
<tabTrigger>mdacr</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>Link Anchor</description>
</snippet>

Markdown_Footnote_(mdfn).sublime-snippet
<snippet>
<content><![CDATA[
[^${1:Footnote}]$3
[^$1]:${2:Footnote_Text}
]]></content>
<tabTrigger>mdfn</tabTrigger>
<scope>text.html.markdown.multimarkdown, text.html.markdown</scope>
<description>Insert Footnote</description>
</snippet>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: