VuePress的配置都是通过config.js来进行的,所以第一步就是要新建config.js文件。 新建config.js 在\docs.vuepress目录下新建config.js文件: 输入以下内容: 代码语言:javascript 代码运行次数:0 运行 AI代码解释 import{defineUserConfig}from'vuepress'exportdefaultdefineUserConfig({lang:'zh-CN',title:'你好, VuePr...
VuePress的配置都是通过config.js来进行的,所以第一步就是要新建config.js文件。 新建config.js 在\docs.vuepress目录下新建config.js文件: 输入以下内容: import{defineUserConfig}from'vuepress'exportdefaultdefineUserConfig({lang:'zh-CN',title:'你好, VuePress !',description:'这是我的第一个 VuePress 站点'...
const scale = targetWidth / width const x = -(window.innerWidth / 2 - paddingLeft) //X轴方向移动的距离 const y = window.innerHeight - paddingTop - width / 2 - paddingBottom return { x, y, scale } } 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 给cd-wrap...
一、安装Vuepress2 ✅ 本教程以空白项目comet(彗星)为例,推荐选择自动安装方式 ✅ 本教程选用pnpm Node.js 包管理器,不清楚npm、yarn、pnpm区别的请参考程序员晚天的npm、yarn、pnpm优缺点 ⚠️ 请确保Git、Node、Pnpm安装完毕,如果不清楚环境配置,移步这里Vuepress 2.X 环境篇 ❌ 请勿在驱动器根目录运...
最近打算自己做一个博客网站记笔记,然后部署到github上,最终选择了vuepress的最新版本v2(使用的是vue3和TypeScript开发,默认使用Vite作为打包工具)。 一、根据官方示例搭建项目 直接根据官方文档先初始化项目就行了,注意文档的版本,v1和v2还是有很多地方不同的。
使用VuePress2搭建基于Vue3的组件库,并部署到GitHub Pages 完成后的效果图展示: 使用vue-cli进行项目构建 一、使用命令vue create m-baseui快速初始化一个项目 这里参考我写的上一篇: 基于Vue3开发自己的组件库 二、打开VuePress官网,切换到v2版本,快速上手中可以看到 ...
51CTO博客已为您找到关于vuepress2侧边栏展开和折叠原理的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及vuepress2侧边栏展开和折叠原理问答内容。更多vuepress2侧边栏展开和折叠原理相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
1.安装程序 node.js 或者 Yarn。VuePress支持使用Yarn和npm来安装,Node.js版本需要>=8才可以。 此处选择熟悉的工具即可,博主这里用的是npm咯。 2.打开cmd,在控制台输入以下代码: 全局安装VuePress yarn global add vuepress # 或者:npm install -g vuepress ...
vuepress2 使用自定义组件, 百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的,搭建的时候不知道2.0还处在beta状态,所以导致后来踩了一些坑,使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48,有很多的变化,所以想写一个教程
在你的vuepress项目中启用此插件 yarn add -D vuepress-plugin-comment2@next my-book/docs/.vuepress/config.js plugins: [ ...commentPlugin({provider:"Giscus",repo:"dshvv/red-treasure-book",repoId:"MDEwOlJlcG9zaXRvcnk0MDcxNDYxODA=",category:"Announcements",categoryId:"DIC_kwDOGESOxM4CPs5U...