vuepress2.0使用教程（1）-vuepress介绍、选型原因及使用感受

原创 已于 2022-09-30 17:01:50 修改 · 2.6k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-NC-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #开发语言 #前端

于 2022-07-29 14:47:45 首次发布

       百家饭团队开发的百家饭OpenAPI平台是用vuepress2.0搭建的，搭建的时候不知道2.0还处在beta状态，所以导致后来踩了一些坑，使用过程中vuepress2.0也从2.0.0-beta.18升到了2.0.0-beta.48，有很多的变化，所以想写一个教程介绍一下vuepress2.0的情况以及使用经验。

大致计划写这些内容吧：

  1. vuepress介绍、选型原因及使用感受（先介绍一下自己用的情况吧）
  2. vuepress2.0使用（搭建一个vuepress支撑的网站）-第一部分
  3. vuepress2.0使用（搭建一个vuepress支撑的网站）-修改默认模板配置
  4. vuepress2.0使用（搭建一个vuepress支撑的网站）-详细配置默认模板
最低0.47元/天 解锁文章
vuepress2.0使用教程（3）- vuepress2.0使用（搭建一个vuepress支撑的网站）-修改默认模板配置
baijiafan的博客
07-31 3059
vuepress2.0使用（搭建一个vuepress支撑的网站）-修改默认模板配置
VuePress 与 VitePress 深度对比：特性、差异与选型指南
最新发布
qq_29768197的博客
09-07 823
在 Vue 生态系统中，文档工具一直是开发者关注的重点。VuePress 和 VitePress 作为两款由 Vue 团队主导或受其理念影响的静态站点生成器，均以 “为 Vue 生态文档而生” 为核心定位，但在技术架构、性能表现和使用场景上存在显著差异。本文将从核心特性、底层原理、功能对比、适用场景四个维度，全面解析二者的区别与联系，帮助开发者根据项目需求做出更合适的选型。
VuePress Quick Start Guide
10-19
What are static site generators, why do you need them, and how are they better than general blogging or writing or content tools? This book answers all those questions as you learn how to build sites with VuePress. This book teaches you how to build static sites in VuePress in no time. All the site
Vuepress 2从0-1保姆级入门教程——安装流程篇
passwordgloo的博客
09-29 7119
Vuepress2.X安装教程，教程以comet彗星文档为例教你一步步搭建自家的文档库
【VuePress2.0】快速开始（不用）
Lenhart001的博客
11-21 1052
【VuePress2.0】快速开始（不用）
VuePress v2.0 项目创建
qq_34388017的博客
05-30 231
我创建了一个文件夹，然后在文件夹中打开了powershell。本地站点：http://localhost:8080。构建后的文件夹中已有了初始文件。
VuePress2.0构建项目文档系统
qq_34388017的博客
05-30 418
参考TerraMours 官网。
vuepress2.0使用教程（2）-使用vuepress 2.0搭建一个简单站点
baijiafan的博客
07-30 2344
vuepress2.0使用教程（2）-使用vuepress 2.0搭建一个简单站点
vuepress2.0使用教程（6）-扩展默认模板之准备及扩展页面组件
baijiafan的博客
08-12 1985
vuepress 2.0全功能介绍，第三部分，默认主题的扩展
vuepress2.0使用教程（10）-从零开始搭建自定义模板
baijiafan的博客
09-16 2632
为vuepress2编写自定义模板
Vuepress 2从0-1保姆级入门教程——文档配置篇
passwordgloo的博客
02-19 6887
Vuepress2 详解图标、仓库链接、语言配置、导航栏、侧边栏
blog-vuepress:博客-vuepress版本
03-22
1，叉此项目 建成项目fork到自己的github仓库，从此它就属于你了。 2，修改配置项 第一步：找到docs / .vuepress / config.js文件第二步：研究它的所有分支，注释都有，带有*是必改项，实在看不见的就查对应插件的文档，这里用到或者没有用到的插件下面网址都有，可以根据自己的需求进行扩展 3，拥有属于自己的域名（非必要） 在阿里云或者腾讯云购买自己想要的域名，让其成为自己的ip！备注：域名购买完成直接工信部备案，因为备案的时间较久，所以越早备案越好 4，购买云服务器 在这些云服务商购买的域名最好就在那购买服务器，基本新用户第一年都10块钱。 5，配置云服务器 方法一：使用nginx反向代理服务器（推荐）参考文章： : 方法二：启动一个静态文件服务器配置节点运行环境，写一个脚本启动一个静态文件服务器 5，快速部署 为了能够更加方便的发表文章和更新文章，我选择采用g
VuePress 完整使用教程
Jumbo
11-06 4667
官网 官网地址：https://vuepress.vuejs.org/zh/ 环境 1.node hexo 基于 node，所以首先要安装node环境 2.npm 包管理工具 环境配置请参考本站对应安装教程 快速开始 创建并进入一个新目录 mkdir vuepress-starter && cd vuepress-starter 使用你喜欢的包管理器进行初始化 yarn init # npm init 将 VuePress 安装为本地依赖 我们已经不再推荐全局安装 V.
Vuepress 文档脚手架(vue 3.x+vuepress2.x+vite+ts)
IT飞牛
06-19 5542
这里提供一个解决方案，那就是Vuepress框架，最新的 Vuepress2.x 框架已经蓄势待发，支持Vue3.x。创建目录 2、初始化项目 3、将 VuePress 安装为本地依赖 4、在 package.json 中添加一些 scripts 5、将默认的临时目录和缓存目录添加到 .gitignore 文件中 6、 创建你的第一篇文档 7、在本地启动服务器来开发你的文档网站 VuePress 会在 启动一个热重载的开发服务器。当你修改你的 Markdown 文件时，浏览器中的内容也会自动更
手写一个简化版本的vuepress
舜岳的博客
12-06 306
我手写一个简化版本的vuepress 它的名称叫 uabpress 项目名称： uabpress 功能： 启动项目： uabpress dev ./docs 作用：将docs文件夹下的md编译在浏览器运行网页 打包项目： uabpress build ./docs 作用：将docs文件夹下的md打包成html网页 效果图如下： 全局安装 uabpress 包 npm install -g uabpress 卸载在全局的 uabpress 包 npm uninstall -g uabpress 使
VuePress 使用教程：从入门到精通
我是 二川兄，对Web开发、GIS开发、3D模型、机器学习、面试技巧等方面都有一些涉猎~ 欢迎您加入技术交流圈！你可以在我的文章末尾找到我~
04-20 3531
VuePress 使用教程：从入门到精通
vuepress2.0避坑指南
Web_boom的博客
10-07 3003
主要是在.vuepress新建components，内部组件会自动根据文件名注册成全局组件，比如下面两个类似的组件在markdown文件中就可以直接使用了* 这是一个全局注册的组件因为你想高度自定义化，所以官方提供了客户端自定义配置，首先需要在.vuepress文件夹下新建一个client.ts。
vuepress保姆级教学
wananzss的博客
11-15 1653
vuepress入门级教学
Vuepress博客搭建教程
凉城旧影的博客
09-09 704
Vuepress博客搭建教程 环境搭建 安装node #官网下载node.js https://nodejs.org/zh-cn/ #下载好了自带npm #cmd窗口查看npm及node是否安装成功 出现版本信息说明成功 node -v npm -v #更换npm为淘宝源 npm config set registry https://registry.npm.taobao.org #查看是否更换成功 npm config get registry 打开vuepress官网 #创建一个项目目录 mkdi
Vue2.0全栈项目开发教程：打造Webapp案例
Vue2.0相较于Vue1.x版本，在性能和功能上做了许多改进，例如虚拟DOM的引入，使得Vue的性能更优，也更适合大型项目的开发。 ### 知识点二：vue-router路由管理 vue-router是Vue.js的官方路由管理器，它和Vue.js的...
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

百家饭AI

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值