VuePress 由两部分组成:一部分是支持用 Vue 开发主题的极简静态网站生成器,另一个部分是为书写技术文档而优化的默认主题。在VuePress应用的目录里面,一个.md文件可以生产一个.html文件,文件夹目录下默认访问README.md文件,也就相当于目录下的index.html,所以本地测试环境访问的链接如:http://localhost:8081/bar/barOne.html。确保
.md文件使用vuepress转静态网页vuepress介绍Markdown语法1.标题2.列表3.引用4.强调5.图片与连接6.代码片段7.表格8.分隔线9.换行10.脚注(注解)11.Markdown支持Html标签vuepress项目搭建vuepress的目录结构vuepress的配置1.创建配置文件2.导航栏配置3.侧边栏配置 vuepress介绍 vuepress是一个用来生成开发文档
VitePress:Vite & Vue 驱动的静态网站生成器 https://github.com/vuejs/vitepressVuePress的小兄弟,建立在vite的基础上npm install -D vitepressecho '# Hello VitePress' > index.md# starts dev servernpx vitepress# build >
一、前置准备1.1 准备Github账号(可选)Github是当前全球最流行的代码托管平台,我们可以把VuePress代码托管到Github上,然后通过它静态站点功能进行发布和预览。所以,需要先拥有一个github的账号,没有的话可以注册一个,另外Github还有一系列工具:Github CLI、Github Desktop、Github CodeSpace、Electron。1.2 安装Git
转载 2024-09-26 09:24:16
29阅读
目录Vue中的ref 引用1. 使用 ref 引用 DOM 元素2. 使用 ref 引用组件3. 控制文本框和按钮的按需切换4.this.$nextTick(cb) 方法mixin.js混合配置1.局部混合(在组件中)2.全局混合(在main.js)Vue的插件1.定义插件(在plugin.js)2.使用插件(在main.js)Vue中的ref 引用 ref 用来辅助开发
转载 5月前
29阅读
当我们的组件库具备一些组件之后,需要开发者能够更流畅地使用,就需要有使用文档。这里我是用vuepress来搭建对应的开发文档。关于如何独立地使用vuepress,我之前地文章可以参考本文地内容也是和这个差不多,只不过整合了vue的组件使用范例。一,安装VuePressnpm install -D vuepress二,新建基础文件根目录下新建如下文件:--docs ----README.md ---
1、prop传值(父传子)父组件 <div id="app"> <HelloWorld msg="Welcome to Your Vue.js App"/> </div>子组件 <template> <div class="hello"> <h1>{{ msg }}</h1> &lt
转载 2024-09-27 22:29:02
139阅读
前言看见大部分前端人都有自己博客,骤然发现自己还没有自己的博客,这可不行!别人有的 我也要有! ps:我有自己的域名和服务器。本文详细说了自己如何快速使用VuePress快速搭建个人博客,看完不会打我(开玩笑的,大家不用看也是会的,但是可以帮我指出不足)。技术选用VuePress ,进入VuePress官网,快速上手。上手VuePress1.创建并进入一个新目录2.使用你喜欢的包管理器进行初始化3
转载 2024-05-20 22:26:33
339阅读
1 安装首先,通过 npm 安装 vue-router 插件:npm install --save vue-router 复制代码安装的插件版本是:vue-router@3.0.22 用法2.1 新建 vue 组件在 router 目录中,新建 views 目录,然后新建两个 vue 组件(一个页面就对应一个组件)。index.vue:<template> <div&
动态给vue的data添加一个新的属性直接添加属性的问题原理分析解决方案Vue.set()Obiect.assign()$forceUpdate小结此文章,来源于印客学院的资料,这里只是分享,便于查漏补缺。动态给vue的data添加一个新的属性此文章,来源于印客学院的资料,这里只是分享,便于查漏补缺。当你在Vue实例中动态添加一个 新的属性到data数据中的对象 时,Vue将无法检测到该属性的变化
VuePress 使用并应用 mcommon 模
原创 2月前
52阅读
MDT2010可以用来快速部署Windows 7、Windows Vista和Windows XP。支持导入WIM镜像,并可以在客户机上抓取WIM镜像。可以充分实现自定义安装。 使用MDT2010导入操作系统、驱动和更新补丁:打开MDT2010 “Deployment Workbench”,进入"MDTShare$”。右键点击”Applications”选择”New F
模板 泛型,是一种将类型参数化以达到代码复用的技术,C++中使用模板来实现泛型 模板的使用格式如下 template <typename\class T> typename和class是等价的 模板没有被使用时,是不会被实例化出来的 模板的声明和实现如果分离到.h和.cpp中,会导致链接错误 一般将 ...
转载 2021-04-23 22:13:00
28阅读
2评论
花了2天多的时间总算搭出一个博客的雏形了。 搭建的博客没有使用官方提供的主题,而是自己创建了一个主题。所以,在样式上,有自己的风格和特点。转入正题。 环境搭建安装VuePressyarn global add vuepress 或者:npm install -g vuepress 也可以直接下载我的代码。然后cnpm i 下载依赖 https://github.com/newway7/blog
转载 2024-02-29 06:50:12
55阅读
4.1 项目结构首先说明一下官方推荐的目录结构:4.2 创建项目文件夹可以右键手动新建,也可以使用 mkdir 命令新建:mkdir vuepressBlogDemo全局安装 VuePressnpm install -g vuepress进入 vuepressBlogDemo 文件夹,初始化项目 使用 npm init 或 npm init -y(默认yes)npm init -y4.3 创建文件
转载 2024-07-24 17:43:34
100阅读
随着开源项目knife4j添加的新特性越来越多,搭建一个开源软件的技术博客迫在眉睫,针对非专业前端的开发者来说,能快速搭建一个网站当然是最好的,正好,看到了VuePress这款产品特点简直是和自己完美契合,主要有几点;通过编写Markdown文件就可以轻松完成整个站点的内容输出,不用考虑排版,专注于协作基于Vue、Node等技术的可插拔式的自定义插件开发体系,构建自定义的主题、插件等简单、方便安装
转载 2024-05-07 13:47:01
26阅读
在项目扩展到一定程度,我们会对项目中大量的公共业务做封装,当多人开发时就带来一个问题:如何让所有人快速使用封装好的组件,降低学习成本?这里提供一个解决方案,那就是Vuepress框架,最新的 Vuepress2.x 框架已经蓄势待发,支持Vue3.x。一、创建一个基础Vuepress项目1、创建并进入一个新目录创建VuepressDocs目录mkdir VuepressDocs cd Vuepre
转载 2024-06-27 17:13:24
252阅读
内容模块模块名:content模块提供的可用操作操作名说明lists内容数据列表relation内容相关文章hits内容数据点击排行榜category内容栏目列表position内容推荐位列表position操作说明如下: 内容推荐位列表(position):可用参数:参数名是否必须默认值说明posid是null推荐位IDcatid否null调用栏目IDthumb否0是否仅必须缩略图or
最终效果开发流程1. 新建文件夹 mydocs2. 初始化项目进入项目文件夹 mydocs,执行命令yarn init一直回车使用默认配置即可
原创 2022-07-12 17:17:17
560阅读
前段时间,docsify 的cdn崩了,我翻了一下很久之前的笔记,打开贼慢不说,样式全没了。于是下定决心找个时间看看有什么好的文档工具重新弄一个,虽然都是几年前的笔记文档,但毕竟这些笔记见证了我的成长,不能丢。最终选定了vuePress2,下面将记录使用 vuePress2 的详细过程。vuepress官方文档https://v2.vuepress.vuejs.org/zh/使用 vuepress
  • 1
  • 2
  • 3
  • 4
  • 5