官网:https://github.com/moefyit/vuepress-plugin-dynamic-title 更多插件 还有很多插件,例如: 看板娘:VuePress 集成 Live2D 看板娘 预览:live2d 模型包展示,非常适合我这种一看到妹子就要调戏两下的人 vuepress-plugin-live2d:也是一个看板娘,图片在 GitHub 上,因此本博客没有采用。 彩虹带背景:https...
插件地址:https://vuepress-theme-reco.recoluan.com/views/plugins/bgmPlayer.html 安装: yarn add @vuepress-reco/vuepress-plugin-bgm-player -D 使用: plugins:[['@vuepress-reco/vuepress-plugin-bgm-player',{audios:[{name:'LOSER',artist:'米津玄師',url:'https://www.ytmp3.cn/down/73654.mp3'...
Vue.use会自动阻止多次注册相同插件,届时即使多次调用也只会注册一次该插件,在像 CommonJS 这样的模块环境中,你应该始终显式地调用Vue.use()。 当install 方法被同一个插件多次调用,插件将只会被安装一次。 二、开发插件 Vue.js 的插件应该暴露一个install方法。这个方法的第一个参数是Vue构造器,第二个参数是一...
在vuepress2中简单引入即可达到将政采云掘金博客一键生成vuepress2页面,效果✨ 详见Demo 使用 安装插件 npm i vuepress-plugin-blog-sync 按照vuepress文档初始化后,vuepress.config.ts中修改成如下配置引入插件即可达到效果 // vuepress.config.ts import { defaultTheme, defineUserConfig } from 'vuepress' import...
一个具有强大功能的 vuepress 主题仓库✨ 在vuepress或者vdoing主题项目中,其实已经内置了一些第三方插件,比如百度统计,第三方搜索,代码块一件复制,评论区等等。 想看用了什么插件,看package.json就可以。以下是我的安装的一些依赖 "devDependencies": {
在《一篇带你用 VuePress + Github Pages 搭建博客》中,我们使用 VuePress 搭建了一个博客,最终的效果查看:TypeScript 中文文档。 但在搭建 VuePress 博客的过程中,也并不是所有的插件都能满足需求,所以本篇我们以实现一个代码复制插件为例,教大家如何从零实现一个 VuePress 插件。
别名: 介绍 VuePress 官方博客主题与插件 前言 VuePress Core Team 的成员 Billy: 除了 VuePress 核心以外,我负责官方博客插件与主题的开发。 如果你不知道 VuePress, 他是一个由 Vue 的作者尤雨溪建立的静态网站生成器,简单又轻量,以 markdown 为中心,其特点是能在 markdown 里使用 Vue,被许多用户用来撰写技术文...
在任意目录新建一个插件目录,我这里在/pkg/vuepress-plugin-simple-encrypt mkdir /pkg/vuepress-plugin-simple-encrypt image-20220424215029271 进入该目录,初始化项目 yarn init 输入插件名vuepress-plugin-simple-encrypt,入口文件名index.js,其他选项对应填写即可。
去vuepress的github下载源码https://github.com/vuejs/vuepress,把路径/vuepress-master/packages/@vuepress/theme-default下,layouts和util拷贝出来,存放目录如下: 在theme文件夹下,创建一个index.js其内容如下: // .vuepress/theme/index.js module.exports = { ...
vuepress搭建博客教程(十三)、图片自动缩放插件 安装插件,并在plugins中引入。 yarn add -D @vuepress/plugin-medium-zoom module.exports = { plugins: ['@vuepress/medium-zoom'] } 把鼠标放在图片上,会有一个十字型的标识,点击就可以放大图片。