说明本文引用自:https://segmentfault.com/a/11...这篇文章需要手动写每个图片标签,很麻烦,因为我有一个对vuepress有一定的了解,直接使用vuepress默认主题中的代码,手动为每张图片添加tag,这样只需要在配置文件中配置,不需要修改每张md的img图片文件。首先vuepress的版本:0.14.5,这个版本可以导出默认主题。1.导出默认主题Vuepress0.14版本可以使用以下命令复制默认主题。如果你的项目名为press,在press同级终端输入如下命令:vuepressejectpressDONE将默认主题复制到/Users/username/tmp/press/.vuepress/theme中。该命令会将使用默认主题的源代码复制到press目录下的.vuepress/theme文件夹中,这样就可以任意修改默认主题了。需要注意的是,一旦弹出,即使升级VuePress,也无法再让VuePress更新默认主题。2、可以直接将fancybox的CDN添加到importfancybox.vuepress/config.js文件的head标签中。既然依赖jquery,那么jquery也是必须要引入的。module.exports={head:[//添加jquert和fancybox['script',{src:'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js'}],['脚本',{src:'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.min.js'}],['链接',{rel:'stylesheet',类型:'text/css',href:'https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.2/jquery.fancybox.min.css'}]],themeConfig:{//yourconfig}}3.修改默认主题,在导出的默认主题文件夹中添加代码,打开文件:.vuepress/theme/Page.vue在Page.vue文件的exportdefault中添加如下代码:exportdefault{methods:{createEditLink(repo,docsRepo,docsDir,docsBranch,path){},//图片缩放方法,使用代码给img标签添加标签setPictureZoom(){letimg=document.querySelectorAll('p>img')for(leti=0;i
