使用notepad++寫markdown的配置過程



已過時

  1. 下載最新的markdown插件,github
    解壓后將MarkdownViewerPlusPlus.dll復制一份到notepad++安裝目錄的plugins里
    現在再打開notepad++就能看到markdown插件的小圖標了

  2. 設置markdown高亮
    下載最新的markdown高亮配置文件,github
    打開notepad++,依次點擊:
    語言自定義語言格式導入
    我選的是theme-deep-black里的userDefinedLang-markdown.deep-black.modern.xml樣式
    重啟notepad++→語言,這時就能在下面看到你添加的高亮配置選項,選中即可

  3. Ctrl+Shift+M實時預覽。

  4. 還是簡陋了點,其實Github官方出的Atom更好用一些(配合Markdown Preview Enhanced插件)。


下面給出新方法

  1. 下載安裝notepad++;

  2. 設置markdown高亮

    下載最新的markdown高亮配置文件,github
    打開notepad++,依次點擊:語言自定義語言格式導入,選擇theme-deep-black里的userDefinedLang-markdown.deep-black.modern.xml樣式
    重啟notepad++→語言,這時就能在下面看到你添加的高亮配置選項,選中即可。

  3. 安裝chrome插件Markdown Preview Plus進行安裝。
    打開選項設置,勾選以下選項:

    • [x] KaTeX support inline($math$ or \ (math\ )) and line($ $ math $ $ or \ [math\ ])
    • [x] Enable HTML content Note: Take care for XSS attack if you enable this option
    • [x] Enable auto-reload
    • [x] Enable Table Of Content

    並將Reload Frequency設置為1second

    然后勾選全部的Supported file extensions

    打開 chrome://extensions/找到Markdown Preview Plus,點擊下面的詳細信息,勾選允許訪問文件網址,可選在隱身模式下使用

  4. 開始創作

    新建一個Markdown文件,在notepad++里進行編輯,同時拖放到chrome瀏覽器中進行實時預覽。在notepad++里每保存一次,瀏覽器里就可看到預覽情況。

  • 以下是最新辦法:使用VS Code或Atom中的Markdown Preview Enhance插件預覽。
  • 要保存為PDF,需要先轉換為本地html,然后在Chrome瀏覽器中打開,打印為PDF文檔。

表格與公式

表格的語句上一行必須為空行,不然表格不生效。

代碼 符號
\lbrace \(\lbrace\)
\sim \(\sim\)

輸入公式時,下標代碼_后一定要加一個空格,否則可能渲染錯誤。如:

$$\boldsymbol{||x||}_ {p}=(\sum_ {i}{|x_ {i}|^p})^{1/p} \tag{1}$$

的效果是

\[\boldsymbol{||x||}_ {p}=(\sum_ {i}{|x_ {i}|^p})^{1/p} \tag{1} \]

$$\boldsymbol{||x||}_{p}=(\sum_{i}{|x_{i}|^p})^{1/p}  \tag{2}$$

效果是:

\[\boldsymbol{||x||}_{p}=(\sum_{i}{|x_{i}|^p})^{1/p} \tag{2} \]

代碼

\begin{aligned}
 a&=b+c \\
 d+e&=f
\end{aligned}

的顯示效果為:

\[\begin{aligned} a&=b+c \\ d+e&=f \end{aligned} \]

代碼

\begin{alignedat}{2}
 10&x+ &3&y = 2 \\
 3&x+&13&y = 4
\end{alignedat}

的顯示效果為:

\[\begin{alignedat}{2} 10&x+ &3&y = 2 \\ 3&x+&13&y = 4 \end{alignedat} \]

代碼

$$
\left[
\begin{matrix}
1 & 2 & 3 \\
4 & 5 & 6 \\
7 & 8 & 9
\end{matrix} \right]\tag{2}
$$

的顯示效果為:

\[\left[ \begin{matrix} 1 & 2 & 3 \\ 4 & 5 & 6 \\ 7 & 8 & 9 \end{matrix} \right]\tag{2} \]

而代碼

$$\left\{ \begin{matrix}g(x_{i}) \leq 0 \\ \alpha_{i} \geq 0 \\\alpha_{i}\cdot g(x_{i})=0\end{matrix} \right.$$

的顯示效果為

\[\left\{ \begin{matrix}g(x_{i}) \leq 0 \\ \alpha_{i} \geq 0 \\\alpha_{i}\cdot g(x_{i})=0\end{matrix} \right. \]

畫流程圖:

  ```mermaid
    graph TD
    A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
  ```

的效果為:

graph TD A[Hard edge] -->|Link text| B(Round edge) B --> C{Decision} C -->|One| D[Result one] C -->|Two| E[Result two]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM