插件地址:https://vuepress-theme-reco.recoluan.com/views/plugins/extractCode.html 安装: yarn add @vuepress-reco/vuepress-plugin-extract-code -D 使用: plugins: [ '@vuepress-reco/extract-code' ] 效果截图: 当你需要使用这种方式展示代码的时候,你需要在 md 文件中添加: <RecoDemo :collapse="true">...
插件地址:vuepress-theme-reco.recoluan.com 安装: yarn add @vuepress-reco/vuepress-plugin-extract-code -D 使用: plugins: [ '@vuepress-reco/extract-code' ] 效果截图: 当你需要使用这种方式展示代码的时候,你需要在 md 文件中添加: <RecoDemo :collapse="true"> <template slot="code-bash"> <<<...
yarn add @vuepress-reco/vuepress-plugin-extract-code -D 使用: plugins:['@vuepress-reco/extract-code'] 效果截图: 当你需要使用这种方式展示代码的时候,你需要在 md 文件中添加: <RecoDemo:collapse="true"><template slot="code-bash"><<<@/docs/handbook/demo/index.sh</template><template slot="cod...
// .vuepress/config.tsimport{ defineUserConfig }from"vuepress";import{ recoTheme }from"vuepress-theme-reco";exportdefaultdefineUserConfig({// 打包文件路径dest:"./dist",// 运行端口号port:3011,// 语言locales: {"/": {lang:"zh-CN", }, },// html head头部配置head: [ ["link", {rel:"...
yarn add @vuepress-reco/vuepress-plugin-extract-code -D复制代码 使用: plugins: ['@vuepress-reco/extract-code']复制代码 当你需要使用这种方式展示代码的时候,你需要在 md 文件中添加: <RecoDemo :collapse="true"><template slot="code-bash"><<< @/docs/handbook/demo/index.sh</template><template ...
🎨 This is the repo for vuepress-theme-reco 2. Contribute to vuepress-reco/vuepress-theme-reco development by creating an account on GitHub.
办法当然是有的,程序员的智慧是无穷的,vuepress-plugin-extract-code 这个插件给了解决方案,它手动解析了组件内的<<< @/filepath语法并将其转换成了代码文本,使用这个插件后写法变成了这样: <reco-demo> <color-picker-basic-demo slot="demo"></color-picker-basic-demo> ...
办法当然是有的,程序员的智慧是无穷的,vuepress-plugin-extract-code这个插件给了解决方案,它手动解析了组件内的<<< @/filepath语法并将其转换成了代码文本,使用这个插件后写法变成了这样: <reco-demo><color-picker-basic-demoslot="demo"></color-picker-basic-demo><templateslot="code-vue"><<<@/docs/....
前言 嗯～, 没错, 博客又迎来一次重大的更新, 采用 vuepress 这一静态博客解决方案,并使用魔改主题。这篇会从搭建博客到部署上线进行较详细的介绍
下载vuepress-theme-reco官方的主题模板(脚手架),再根据自己的需要进行相应的修改,再根据自己的服务器配置Github Actions文件,最后上传到Github,触发Github Actions自动构建部署到第三方服务器。以后就只需提交markdown文件到Github,Github Actions便可自动部署到第三方服务器 ...