hexo vscode 写作配置

hexo配置

在_config.yml中添加post_asset_folder: true，hexo n xx创建页面会创建一个同名资源文件夹用于存放图片等,在md中输入![这里输入图片描述](xxx)，就可以插入这个文件夹中的图片，方便文件管理;hexo默认支持的图片插入语法是{% assest xxx %} 这里需 要下hexo-asset-image插件以支持md的图片语法

npm install hexo-asset-image --save

注:hexo-asset-image的插件生成的图片图径有问题这里需 要改一下源码 修改 /node_modules/hexo-asset-image/index.js 下的src路径 修改前

$(this).attr('src', config.root + link + src);
console.info&&console.info("update link as:-->"+config.root + link + src);

修改后

$(this).attr('src', src);
console.info&&console.info("update link as:-->" + src);

vscode markdown插件下载

1.粘贴图片Paste Image

这个插件用来在md文档中粘贴图片，默认会在文档的同级目录下新建一个图片文件，并在md中插入一行相对路径的图片代码。迎合上述hexo的新图片插入方式，可以在vscode的user-settings里新增两条配置：

"pasteImage.path": "${currentFileNameWithoutExt}/",
"pasteImage.insertPattern": "![这里输入图片描述](${imageFilePath})"

这样以来，粘贴的图片就会保存到md文档的同名文件夹下，文档中将插入hexo asset语法的代码。 2.预览Markdown Preview Enhanced

作者	邮箱	github	giteer	csdn
littley	1628466962@qq.com	https://github.com/litttley	https://gitee.com/yylittle	https://blog.csdn.net/m0_37696990