美文网首页css+markdown
Sublime Text怎么用Markdown

Sublime Text怎么用Markdown

作者: teletian | 来源:发表于2016-06-26 22:43 被阅读696次

安装Markdown Editing和Markdown Preview插件。

  • Markdown Editing用于编写。
  • Markdown Preview用于把Markdown格式转为HTML格式并打开浏览器预览。

Markdown Editing的一些设置

  • Markdown Editing视图左边会空出一块区域,怎么去掉呢?
    Preferences -> Package Settings -> Markdown Editing -> Markdown GFM Setting - User
    添加如下设置
    {
    "draw_centered": false
    }
  • Markdown Editing视图背景是白色,怎么变成黑色呢?
    Preferences -> Package Settings -> Markdown Editing -> Markdown GFM Setting - User
    添加如下设置
    {  
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme"  
    }
  • 设置浏览器预览快捷键
    如果我们想要直接在浏览器中预览效果的话,可以自定义快捷键:
    Preferences -> Key Bindings User,输入:
    "keys": ["alt+m"], "command": "markdown_preview", "args": { "target": "browser"} 

保存后,直接输入快捷键:Alt+M 就可以直接在浏览器中预览生成的HTML文件了。

  • 设置视图显示行号
    {
    "line_numbers": true
    }
  • 设置宽度撑满屏幕
    {
    "word_wrap": false
    }

Markdown Preview的一些设置

  • 设置宽度撑满屏幕
    Markdown Preview生成的HTML文件,在浏览器里查看时其默认的宽度为45em,如果你觉得生成的网页太窄,可以修改一下css文件。
    打开Markdown Preview的安装目录,找到markdown.css文件,查找下面的内容:
body {
width: 45em;
border: 1px solid #ddd;
outline: 1300px solid #fff;
margin: 16px auto;
}

把里面的45em修改为80%或者你认为合适的尺寸即可。

sublime安装包目录与格式

  • Linux环境通过 Package Control: List Packages,在己安装的Packages里选择 Markdown Preview 会直接打开Markdown Preview的安装目录,在打开的目录中直接可以找到markdown.css。
  • Windows环境在sublime安装目录下,找到 Data\Installed Packages
    目录,这个目录就是安装包的目录。如果已经安装好Markdown Preview,可以看到文件 Markdown Preview.sublime-package。这个其实是一个zip包。直接用系统里的压缩工具打开,然后在压缩包的根目录下查找markdown.css,按照上述方法修改即可。修改完成需要保存回压缩包。在打开压缩包修改的时候,必须关闭sublime,否则无法修改成功。

相关文章

网友评论

本文标题:Sublime Text怎么用Markdown

本文链接:https://www.haomeiwen.com/subject/hphzdttx.html