为MPE移植pixyll主题
最近Typora发布了正式版，然而Typora开启了收费模式。于是决定在vscode上配置新的markdown环境。
Typora拥有出色的预览能力，vscode平台上的MPE（Markdown Preview Enhanced）刚好满足需要。但是，MPE的默认主题并不包含pixyll。所以尝试将Typora的pixyll移植到MPE。
MPE默认提供了github.css、newsprint.css等主题，根据这些线索可以确定MPE插件的部署位置。
1
2
3
find ~/. -name 'newsprint.css'
/home/cheney/./.vscode/extensions/shd101wyy.markdown-preview-enhanced-0.6.1/node_modules/@shd101wyy/mume/styles/preview_theme/newsprint.css
/home/cheney/./.config/Typora/themes/newsprint.css
通过上述命令，可以发现MPE的主题部署在了/home/cheney/./.vscode/extensions/shd101wyy.markdown-preview-enhanced-0.6.1/node_modules/@shd101wyy/mume/styles/preview_theme/目录下。
然后，将Typora的pixyll.css主题文件复制到上述目录，
1
cp -r ~/.config/Typroa/themes/pixyll.css ~/.config/Typora/themes/pixyll ~/.vscode/extensions/shd101wyy.markdown-preview-enhanced-0.6.1/node_modules/@shd101wyy/mume/styles/preview_theme/
完成复制后，尝试修改vscode的setting.json文件，在文件中添加MPE的主题配置。
1
2
3
4
5
6
{
...
"markdown-preview-enhanced.previewTheme": "pixyll.css"
...
}
通过预览Markdown文件，可以发现预览主题已经修改为pixyll。但是，vscode会提示错误。
1
Value is not accepted. Valid values: "atom-dark.css", "atom-light.css", "atom-material.css", "github-dark.css", "github-light.css", "gothic.css", "medium.css", "monokai.css", "newsprint.css", "night.css", "none.css", "one-dark.css", "one-light.css", "solarized-dark.css", "solarized-light.css", "vue.css".
这是因为自定义主题不在markdown-preview-enhanced.previewTheme规范内。
对刚才提到的问题，需要修改MPE插件的package.json文件，向markdown-preview-enhanced.previewTheme的enum内追加pixyll.css即可。