Notepad++离线安装使用Markdown插件

1.介绍

MarkdownViewerPlusPlus是Notepad++的Markdown插件,
这个Markdown插件可以在Notepad++中实时动态渲染,
可以同步查看使用Markdown的文章排版效果,
还可以把文章导出为HTML和PDF格式的文件。

img

2.安装插件

这里我们使用的是离线安装包安装的方法,
在线安装的方法请参考如下文章:
Notepad++在线安装使用JSON插件

img

2.1.下载插件包

MarkdownViewerPlusPlus官网下载地址
https://nea.github.io/MarkdownViewerPlusPlus/
有32位和64位两个插件包,
因为我的Notepad++安装的是32位的,
所以这里下载32位的插件包:
MarkdownViewerPlusPlus-0.8.2-x86.zip

2.2.解压插件包

将下载的zip包解压,
可以看到如下安装文件:
MarkdownViewerPlusPlus.dll

2.3.离线安装插件

设置(T) -> 导入 -> 导入插件...

img

选择刚才解压出来的插件安装文件:

img

点击确认,弹出对话框,
提示安装完插件后需要重启Notepad++使插件生效。

img

3.使用插件

Notepad++重启后能在插件(P)菜单下看到MarkdownViewer++插件,
说明插件安装成功。
该插件主要提供两个功能,
一个是查看实时动态渲染markdown文章的排版效果,
另一个是将排版好的文章导出为HTML和PDF格式的文件。

3.1.查看实时markdown排版效果

这个功能和大部分支持Markdown的工具都是一样的,
打开后左边是编辑文本,右边是渲染后的排版效果。

首先我们打开一个markdown文件,
然后打开MarkdownViewer++视图:
插件(P) -> MarkdownViewer++ -> MarkdownViewer++

img

可以看到右边对应的排版效果:

img

3.2.导出HTML和PDF格式文件

在右边的MarkdownViewer++预览视图中,
点击Export as,选择导出文件的格式为HTML或PDF。

img

4.自定义CSS样式

MarkdownViewerPlusPlus插件是可以自定义排版样式的:
插件(P) -> MarkdownViewer++ -> Options
选择HTML,编辑Custom CSS可以自定义CSS样式。
另外为了方便查看导出的HTML页面,
可以勾选Export下的Open HTML after export。

img

刚装好插件时Custom CSS是空的,
所以渲染出来的表格是没有边框的,
看着非常不习惯,
在Custom CSS添加如下样式,
将表格边框折叠为单一边框,
并且设置1像素的实线黑色边框。

table
{
  border-collapse:collapse;
}
table,th, td
{
  border: 1px solid black;
}

设置完成后保存,渲染表格效果如下:

img

更多CSS样式的设置请参考如下w3school教程:
CSS-样式:CSS-表格

posted @ 2020-12-17 22:09  李克平  阅读(1598)  评论(1编辑  收藏  举报