Simple and convenient setting Sublime edit preview MarkDown

Simple and convenient setting Sublime edit preview MarkDown

Sublime edit markdown, install some plug-in to get a better experience.
Need to install some plugins.

Installation of the plug

  1. Ctrl+ Shift+ POpen the console, Install Package Controlwait for the installation was successful
  2. Again Ctrl+ Shift+ Pconsole,Package Control
  3. Enter the name in order to install the plug-in, wait a few moments to install.

Plug-in options:

1.MarkdownEditing
2.MarkdownLivePre1view
3.MarkdownPreview
4.Auto-save
5.LiveReload

Preview program:

  • 1 + 2 [ Scheme I ]
    • Directly open another window in preview sublime, it is possible to realize synchronous display
      • Advantages: easy and convenient
      • Disadvantages: simple style insufficiency have BUG, when using the dividing line will eat the contents of the dividing line.
        ***
  • 1 + 3 + 4 + 5 [ Scheme II ]
    • Preview browser, through [4] to complete the browser reads, [5] complete real storage, it can also be real-time preview
      • Advantages: nice, display outstanding
      • Cons: plug-in installed more trouble, the higher consumption occasionally splash screen when the browser refresh.

Option One: MarkdownEditing+MarkdownLivePreview

1. EditingAfter installation, reopen the .md file and they will have a new interface.
More accurate syntax highlighting and very ugly themes
modify the settings:> the Preferences >> Package Penalty for Settings >> MarkdownEditing >> GFM Settings - User

Configuration:

{
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
    "draw_centered": false,
}

2. LivePreviewAfter installation
Ctrl+ Shift+ Popen console MarkdownLivePreview: Open Setting
Add Shortcut Alt+ M
alternative configurations:

{
    "keys": ["alt+m"],
    "command": "open_markdown_preview"
}

The content can be edited by keyboard shortcuts to preview after the restart.


Option Two: MarkdownEditing+ MarkdownPreview+ LiveReload+Auto-save

1. EditingAfter installation configuration as described above
to modify the settings:> the Preferences >> the Package Settings >> MarkdownEditing >> GFM the User-Settings
configuration:

{
    "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
    "draw_centered": false,
}

2. MarkdownPreviewPost Install
modify the settings:> the Preferences >> Key Blindings
add content:

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

When finished, you can open the browser preview page .md files via shortcuts.

3. Auto-saveAfter installing the
modified settings:> the Preferences >> the Package Settings >> LiveReload >> Settings - the User
Configuration:

{
  "auto_save_on_modified": true,
  "auto_save_delay_in_seconds": 1,
  "auto_save_all_files": true,
  "auto_save_current_file": ".md",
  "auto_save_ignore_files": [".txt",".py"],
}

auto_save_delay_in_secondsSave the changes frequency. During that flash, then you can reduce the number.
auto_save_ignore_filesIgnore the file. If there is no need to be unchanged
completed, you can save files in real time to dispense with manually save.

4. LiveReloadAfter installation
modify settings:> the Preferences >> the Package Settings >> LiveReload >> Settings - the User
Configuration:

{
    "enabled_plugins": [
    "SimpleReloadPlugin",
    "SimpleRefresh"
    ]
}

After setting, each call to preview the page will automatically load in real time, to dispense with manually refresh the page.

After four plug-in installation configuration is complete, you can achieve through the browser displays a preview page

At this point, we're done.
Thanks for reading.

Guess you like

Origin www.cnblogs.com/jrri/p/12446300.html