【Sublime】插件及配置

說明： 自用 Sublime Text 3 時用到的方便高效的插件及其相關配置。
Sublime 下載地址： https://www.sublimetext.com/3

1. Package Control 安裝包管理

1. 在線安裝
   ctrl+` 或者 View > Show Console 打開python控制檯，然後執行下面的命令安裝

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea

2. 離線手動安裝
   Preferences > Browse Packages 打開 Package 文件夾。下載 Package Control.sublime-package 並把它拷貝到剛打開的 Package 文件夾，重啓 Sbulime。

2. ConvertToUTF8 中文編碼

Preferneces -> Package Control 或者 ctrl+shift+p 打開命令面板。輸入 Install Package 啓動在線安裝包。然後 稍等 輸入 ConvertToUTF8 即可安裝。

3. Markdown 相關

3.1. MarkdownEditing 編輯

Preferneces -> Package Setting -> Markdown Editing -> Markdown GFM settings - User

{
    "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
    // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
    // Layout
    "draw_centered": false,
    "rulers": [],
        // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor.tmTheme",
        // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Dark.tmTheme",
        // "color_scheme": "Packages/MarkdownEditing/MarkdownEditor-Yellow.tmTheme",
    "highlight_line": true, // 高亮正在編輯的行
    "line_numbers": true,   // 顯示行號
    "tab_size": 4,          // tab寬度
    "translate_tabs_to_spaces": true,   // tab轉換爲空格
    "trim_trailing_white_space_on_save": true,  // 保存時去掉行尾空格
    "word_wrap": true,      // 自動換行
    "wrap_width": "auto",    // 換行的寬度,默認80會造成左側大量留白
    "mde.keep_centered": true,  // 可以保持你正在編輯的行始終處於屏幕的中間
}

3.2. OmniMarkupPreviewer 瀏覽器實時預覽

Preferences -> Package Settings -> OmniMarkupPreviewer -> Setting - User

{
    "renderer_options-MarkdownRenderer":
    {
        "extensions": ["tables", "fenced_code", "codehilite", "toc"],
        "parser": "markdown",
        "enabled_parsers": ["markdown"]
    }
}

爲支持 latex語法：
Preferences -> Package Settings -> OmniMarkupPreviewer -> Setting - Default

"mathjax_enabled": true,// 支持 latex語法

修改預覽快捷鍵
Ctrl+Alt+o -> Alt+m
Preferences -> Key Bindings-User

[
    {
        "keys": ["alt+m"], "command": "omni_markup_preview",
        "context": [{"key": "omnimarkup_is_enabled", "operator": "equal", "operand": ""}]
    }
]

3.3. TableEditor 表格格式化

當前頁面啓用

3.4. imagepaste 寫markdown直接粘貼圖片

from: https://blog.csdn.net/zhezhebie/article/details/80771156

3.5. 更改圖片大小

使用 html 顯示設定圖片尺寸

<img src="./README/README0.png" width="400" height="334">