天天看點

Sublime3+MarkDown安裝與配置

Sublime3+MarkDown Install and Config Guide

[email protected]: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

Sublime3+MarkDown安裝與配置

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 — —
           
Sublime3+MarkDown安裝與配置
Sublime3+MarkDown安裝與配置
Sublime3+MarkDown安裝與配置

5.sublime Text 3 install Package Control

View->Show Console

Sublime3+MarkDown安裝與配置

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())
           
Sublime3+MarkDown安裝與配置
Sublime3+MarkDown安裝與配置

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

Sublime3+MarkDown安裝與配置

waiting…

Sublime3+MarkDown安裝與配置

input markdown and choose MarkDown Editing and press Enter

Sublime3+MarkDown安裝與配置

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

Sublime3+MarkDown安裝與配置

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

Sublime3+MarkDown安裝與配置

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

Sublime3+MarkDown安裝與配置

7.sublime Text 3 Remove Packages

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

Sublime3+MarkDown安裝與配置

select the package you want to delete and press Enter

Sublime3+MarkDown安裝與配置

8.sublime Text 3 Markdown code Snippet Extension

ctrl+shift+p input install and press Enter

Sublime3+MarkDown安裝與配置

select Code Snippets Helper and press Enter to install

Sublime3+MarkDown安裝與配置

then Tools->New Snippet

Sublime3+MarkDown安裝與配置

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
Sublime3+MarkDown安裝與配置

save mdlink snippet

Sublime3+MarkDown安裝與配置

now,the configuration of mdlink is complete

test mdlink

Sublime3+MarkDown安裝與配置

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>
           
上一篇: 論"道"(二)
下一篇: 線上學習VIM

繼續閱讀