zoukankan      html  css  js  c++  java
  • 使用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)

    输入公式时,下标代码_后一定要加一个空格,否则可能渲染错误。如:

    $$oldsymbol{||x||}_ {p}=(sum_ {i}{|x_ {i}|^p})^{1/p} 	ag{1}$$
    

    的效果是

    [oldsymbol{||x||}_ {p}=(sum_ {i}{|x_ {i}|^p})^{1/p} ag{1} ]

    $$oldsymbol{||x||}_{p}=(sum_{i}{|x_{i}|^p})^{1/p}  	ag{2}$$
    

    效果是:

    [oldsymbol{||x||}_{p}=(sum_{i}{|x_{i}|^p})^{1/p} ag{2} ]

    代码

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

    的显示效果为:

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

    代码

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

    的显示效果为:

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

    代码

    $$
    left[
    egin{matrix}
    1 & 2 & 3 \
    4 & 5 & 6 \
    7 & 8 & 9
    end{matrix} 
    ight]	ag{2}
    $$
    

    的显示效果为:

    [left[ egin{matrix} 1 & 2 & 3 \ 4 & 5 & 6 \ 7 & 8 & 9 end{matrix} ight] ag{2} ]

    而代码

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

    的显示效果为

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

    画流程图:

      ```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]
  • 相关阅读:
    Thinkphp5.0 模型hasOne、hasMany、belongsTo详解
    ES6中async和await说明和用法
    必会SQL练习题
    Git初识学习
    CI框架简单使用
    JavaScript 的 this 原理
    javascript实现游戏贪吃蛇
    js清除childNodes中的#text(选项卡中会用到获取第一级子元素)
    JavaNIO
    MongoDB入门_shell基本操作
  • 原文地址:https://www.cnblogs.com/charleechan/p/11434838.html
Copyright © 2011-2022 走看看