推荐一款高效VuePress主题:OneN vuepress-theme-oneN? A vuepress theme for oneN 项目地址:https://gitcode.com/gh_mirrors/vu/vuepress-theme-oneN ,这款主题将为你的 VuePress 网站带来更具现代感和专业感的外观。项目简介OneN 主题是 VuePress 社区的一个优秀贡献,它的目标
介绍此主题继承至vuepress的默认主题,添加功能有标签页改造,主页改造,博客分类及展示,gitalk集成及gitalk自动化配置,最新google Analytics集成等。使用npm install vuepress-theme-reform -D # or yarn add vuepress-theme-reform
复制代码然后在docs/.vuepress/config.js文件中添加
转载
2024-08-23 20:36:21
91阅读
VuePress 如何自定义主题和页面布局要自定义VuePress的主题,需要做以下几步:创建主题文件夹:在VuePress项目的根目录下创建一个themes文件夹,并在其中新建一个以主题名命名的文件夹,例如my-theme。创建主题配置文件:在my-theme文件夹中创建一个config.js文件,用于配置主题的一些选项,例如导航栏、侧边栏、颜色等。创建主题模板文件:在my-theme文件夹中创
转载
2024-02-23 16:44:21
289阅读
您是否正在为您的网站寻找最佳响应式WordPress主题?大多数现代WordPress主题都是开箱即用的。然而,WordPress主题数量太多以至于很难选择一个。在本文中,我们精心挑选了一些最好的响应式WordPress主题供您选择。目录 什么是响应式WordPress主题,它为什么重要?开始使用您的响应式WordPress网站1. Divi迪维2.Astra阿斯特拉3. Hestia赫
vuepress 基本配置::: tip 本页所列的选项仅对默认主题生效。如果你在使用一个自定义主题,选项可能会有不同。 :::首页配置首页配置文件是doc目录下的README.md文件,以下是一个如何使用的例子:---
home: true
heroImage: /hero.png
heroText: Hero 标题
tagline: Hero 副标题
actionText: 快速上手 →
ac
转载
2024-03-26 23:42:38
97阅读
VitePress:Vite & Vue 驱动的静态网站生成器 https://github.com/vuejs/vitepressVuePress的小兄弟,建立在vite的基础上npm install -D vitepressecho '# Hello VitePress' > index.md# starts dev servernpx vitepress# build >
首先附上vuepress官网: 介绍 | VuePress 正如官网上介绍的一样,vuepress由两部分组成: 极简静态网站生成器,默认主题(为写技术文档儿优化的)。这里我们先了解下如何搭建一个静态网站。目标:搭建一个类似如下的文档:没错,我除了看文档,还借鉴了这位大神的技术博客。附上链接: 搭建步骤:1. 创建并进入一个新目录,然后初始化。 2. 将
转载
2024-03-27 22:14:49
71阅读
最近熬了很多个夜晚, 踩坑无数, 终于写出了用VuePress驱动的主题.只需体验三分钟,你就会跟我一样,爱上这款主题.vuepress-theme-indigo-material, 已经发布到npm, 请客官享用~~介绍vuepress-theme-indigo-material 的原主题是hexo-theme-indigo, github 的 star 数高达2042, fork 的有451个
转载
2024-05-08 11:22:16
136阅读
一个具有强大功能的 vuepress 主题仓库✨在vuepress或者vdoing主题项目中,其实已经内置了一些第三方插件,比如百度统计,第三方搜索,代码块一件复制,评论区等等。想看用了什么插件,看package.json就可以。以下是我的安装的一些依赖"devDependencies": {
"dayjs": "^1.9.7",
"inquirer": "^7.1.0",
转载
2024-08-20 14:21:39
218阅读
介绍:基于emlog的fee就是仿的此主题而来。 wordpress主题vieu基于Dux主题二次开发! 的一款专业打造轻量级个人企业风格博客主题! 专注于前端开发,全站响应式布局自适应模板。 适用范围:wordpress主题 后台登录保护:本模板支持后台自定义密码登录访问禁用xmlrpc等为您保驾护航 三种风格:页面拥有三种显示风格购买一套拥有三套模板风格分别为博客、cms、卡片 特色登录:本站
前言上一章已经讲了 vuepress 主题如何实现继承,这样我们可以任意修改默认主题的任何组件及样式了。我们知道 vuepress 是无法自动根据我们 markdown 文件中的---
tags:
- js
- vue
---
复制代码生成标签云的页面的,而一个博客,标签在其中有知识分类及导航功能,是必不可少的一环,下面带领大家来改造一下默认主题让它能支持自动生成标签云页面第一步配置的修改既然是主
转载
2024-08-06 19:06:25
57阅读
由于工作项目的需要,需要使用到歌曲播放,参考多方资料,写了一个仿网易云音乐播放界面,能完整的实现音乐播放功能。 前端简单的使用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 - 三端样式
开发VUE插件详细步骤一.前置知识1.混入2.render函数3.使用代码注册组件4.extend二、开发插件1.插件使用例子2.插件开发开发插件使用插件分析修改插件,丰富插件功能调用方法如果对您有帮助,就点个赞吧!!欢迎留言评论@_@ 一.前置知识1.混入基本示例: 示例文件结构: 新建一个.js文件,里面定义属性,这里面的属性就是vue的属性,在vue文件中引入这个文件中的属性时也会混合到v
转载
2024-09-09 22:35:05
74阅读
1.插件的分类1.添加全局方法或属性,如 vue-element 2.添加全局资源: 指令/过滤器/过渡等,如 vue-touch 3.通过全局mixin方法添加一些组件选项,如 vuex 4.添加Vue实例方法,通过把它们添加到 Vue.prototype 上实现vue插件的编写方法一般分为4类,主要注册和绑定机制如下:export default {
install(Vue, opti
一、为什么要自己动手写插件呢,原因有二: 其一:是因为最近产品了提了一个在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阅读