一个具有强大功能的 vuepress 主题仓库✨在vuepress或者vdoing主题项目中,其实已经内置了一些第三方插件,比如百度统计,第三方搜索,代码块一件复制,评论区等等。想看用了什么插件,看package.json就可以。以下是我的安装的一些依赖"devDependencies": {
"dayjs": "^1.9.7",
"inquirer": "^7.1.0",
转载
2024-08-20 14:21:39
218阅读
原型:<el-input
style="width:200px"
size="small"
v-model="searchKeyword"
type="text"
@keydown.native="searchhandle"
placeholder=
转载
2024-10-20 06:42:25
41阅读
原文参考链接手把手教你使用 VuePress 搭建个人博客有阅读障碍的同学,可以跳过第一至四节,下载我写好的工具包: git clone https://github.com/zhangyunchencc/vuepress-devkit.git 然后从第五节开始看。一、为什么你需要一个博客?优秀的程序员都在写博客,写博客有很多好处:帮助自己梳理、总结、理解知识点(个人提升)帮助
前言作为一个常年的B端前端开发者来说,千篇一律的业务开发有着些许的枯燥无味。在联调过程中,会经常发现后端在部署服务,然后又不知什么时候部署好,由于公司的部署系统查看系统部署状态入口较深,所以闲暇之余,研究了一下Chrome插件开发。因此从今天起,我们进行Chrome插件的开发学习。通过下拉框可以快速的切换不同项目的前后端部署状态,先看一下成果:1. 什么是Chrome插件谷歌浏览器插件是一种小型的
转载
2024-08-23 10:55:33
41阅读
1.插件的分类1.添加全局方法或属性,如 vue-element 2.添加全局资源: 指令/过滤器/过渡等,如 vue-touch 3.通过全局mixin方法添加一些组件选项,如 vuex 4.添加Vue实例方法,通过把它们添加到 Vue.prototype 上实现vue插件的编写方法一般分为4类,主要注册和绑定机制如下:export default {
install(Vue, opti
一.vue开发插件后台界面wordpress本身自带jquery环境,php也可以写html代码,从而展示前端页面。但是jquery有一些过时了,不太适合现在数据驱动开发,使用vue可以更快更好的迭代。如上图所示,vue-cli开发的界面可以应用在插件界面中。二.设置管理菜单在插件的index.php中(入口文件)// 后台菜单初始化时创建自定义菜单
add_action('admin_menu'
VuePress@next 使用数学公式插件搞了一个VuePress1.0的 现在升级了一下,但是使用数学公式的插件老报错啊!经过不懈努力,终于搞定了。现在记录一下。2.0不想看前面的请直接异步到后面 2.0中一个最简单的配置后来发现的VuePress 介绍VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown 来书写内容(如文档、博客等),然后 Vue
前言前些天我突然想搞个个人博客,自己搞网站觉得太麻烦,百度来百度去好像hexo很不错。可是不知道为啥,我搞了一个星期都没搞出来,不是这错就是那错。怎么分类,怎么管理标签又是一塌糊涂,文档写起来又很麻烦。然后我就放弃了。没过多久我就了解到还有一个东西叫vuepress。虽然现在马上要9102年了,可是我vue还没用过几次。于是我决定拿这个项目练练手,顺便学习下vue。事实证明这又是一次踩坑,不过结果
Vuepress介绍类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点
响应式,也可以自定义主题与hexo类似
内置markdown(还增加了一些扩展),并且可以在其使用Vue组件
Google Analytics 集成
PWA 自动生成Service Worker
快速上手
安装
初始化项目
yarn init -y
# 或者 npm i
转载
2024-07-22 10:19:29
84阅读
由于工作项目的需要,需要使用到歌曲播放,参考多方资料,写了一个仿网易云音乐播放界面,能完整的实现音乐播放功能。 前端简单的使用vue组件和audio标签实现了播放器界面,后端则是调用网易云的API获取对应的歌曲信息。 废话不多说上代码歌曲播放界面(musicPlay.vue)<template>
<div class="main-page">
一、UI组件及框架element - 饿了么出品的Vue2的web UI工具套件mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material - 通过Vue Material和Vue 2建立精美的app应用muse-ui - 三端样式
推荐一款高效VuePress主题:OneN vuepress-theme-oneN? A vuepress theme for oneN 项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-oneN ,这款主题将为你的 VuePress 网站带来更具现代感和专业感的外观。项目简介OneN 主题是 VuePress 社区的一个优秀贡献,它的目标
开发VUE插件详细步骤一.前置知识1.混入2.render函数3.使用代码注册组件4.extend二、开发插件1.插件使用例子2.插件开发开发插件使用插件分析修改插件,丰富插件功能调用方法如果对您有帮助,就点个赞吧!!欢迎留言评论@_@ 一.前置知识1.混入基本示例: 示例文件结构: 新建一个.js文件,里面定义属性,这里面的属性就是vue的属性,在vue文件中引入这个文件中的属性时也会混合到v
转载
2024-09-09 22:35:05
74阅读
一、为什么要自己动手写插件呢,原因有二: 其一:是因为最近产品了提了一个在web端接收,消息通知的需求,产品要求在若干个页面内如果有消息,就要弹出消息弹窗展示给用户,略加思索之后,第一反应就是写个消息的组件,在需要的页面引入,不过写好之后,发现这样写好麻烦,是不是可以写个插件在全局一次性引入呢? 其二:纯粹的想学习一下vue的插件是如何开发的二、既然有想法了,那就开始写呗,先去查看了vue的官
一文读懂Vue插件使用插件使用插件Vue.use()开发插件Vue项目中应用配合require.context,动态导入全局组件Vue项目中引入elementUi组件(全局)推荐阅读 插件插件通常用来为 Vue 添加全局功能。插件的功能范围没有严格的限制——一般有下面几种:添加全局方法或者 property。如:vue-custom-element添加全局资源:指令/过滤器/过渡等。如 vue-t
转载
2024-08-28 13:46:14
93阅读
问题最近在使用vuepress-theme-reco构建属于自己的博客,感兴趣的同学可以自己去官网上构建自己的博客。 在使用这个框架构建博客的时候,发现了一个及其令人头疼的问题——中文标签返回404,具体的表现形式:解决办法很快的啊,我找到了issue,里面的大佬已经给了对应的解释和解决办法。问题原因:浏览器对直接输入的中文url做了一次encode导致 匹配不到对应的path,然后就打到了404
转载
2024-06-19 08:55:08
106阅读
介绍在之前为了搭建 VuePress 的文档,顺带制作了视频教程,如今准备再次搭建一个 VuePress 的项目,一看自己的视频竟然有五个小时,天呐,我只是需要过一遍而已,所以重新整理成文档吧,万一将来又要用呢……当然,如果您觉得文字版不够直观,可以前往观看视频版: 【 ,当时录制完本地测试后觉得声音大小还可以,结果一套录完了才发现声音很小,所以推荐带上耳机。VuePress 文档示例插件列表为了
转载
2024-05-14 14:15:10
116阅读
vuepress编写API文档介绍搭建安装初始化配置组件API文档发布组件库坑没有高亮 介绍想要搭建一个类似elementUI的组件库及相关的API文档,可以直接引用组件,还有代码展示,这里使用vuepress来搭建。详细配置可以前往vuepress官网查看。搭建安装全局安装vuepress
npm i vuepress -g新建项目mkdir my_vuepress初始化进入项目cd my_v
转载
2024-04-30 21:07:07
302阅读
VuePress介绍 VuePress 由两部分组成:第一部分是一个极简静态网站生成器,它包含由 Vue 驱动的主题系统和插件 API,另一个部分是为书写技术文档而优化的默认主题,它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内
转载
2024-04-04 19:39:49
53阅读
VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。每一个由 VuePress 生成的页面都带有预渲染好的 HTML,也因此具有非常好的加载性能和搜索引擎优化(SEO)。同时,一旦页面被加载,Vue 将接管这些静态内容,并将其转换成一个完整的单页应用(SPA),其他的
转载
2024-05-05 21:54:18
158阅读