vuepress2.0使用教程（2）-使用vuepress 2.0搭建一个简单站点

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

#vue.js #前端 #javascript

于 2022-07-30 17:00:00 首次发布
本文档详细记录了使用VuePress2.0搭建网站的全过程，包括初始设置、模板配置、主题扩展及部署等。作者在实践中遇到的问题，如编码错误，以及解决方案都有所提及。此外，教程还涵盖了如何自定义VuePress主题，增强页面功能，引入第三方库，并提供了针对不同场景的配置建议。

       百家饭团队开发的百家饭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元/天 解锁文章
Vuepress 2.x 简单创建一个blog
News777的博客
10-25 1079
因为vuepress有非常多的配置项，这里我就简单介绍几个我日常用到的，若你有其它需求，可在官方文档中进行查询后配置————官方文档链接。
vuepress2.0使用教程（7）-扩展默认主题- 提供更多页面模板并引入ElementUI
baijiafan的博客
08-13 3410
vuepress 2.0的进阶用法，编辑我们自己的模板啦
VuePress搭建文档博客 超详细教程
前端互助会
04-23 3111
前言 搭建文档，个人博客用什么比较用；当然是Vue全家桶之一的vuepress啦；这可是大神尤雨溪推出的一款模板； vuepress用于迅速搭建技术文档网站与个人博客，简单快捷，下面和我一起开始学习吧！ 一、成品展示 1. 技术文档网站： vue全家桶官网：vue、vuex、vue-cli、vue-router以及vuepress本身 2. 个人博客： 组件zhb-ui 使用文档 3. 官方文档 VuePress 二、开始搭建 搭建之前建议大家先学习了解一下markdown语法，为之后
Vuepress 2从0-1保姆级入门教程——安装流程篇
passwordgloo的博客
09-29 7124
Vuepress2.X安装教程，教程以comet彗星文档为例教你一步步搭建自家的文档库
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
vuepress2.0使用教程（3）- vuepress2.0使用（搭建一个vuepress支撑的网站）-修改默认模板配置
baijiafan的博客
07-31 3064
vuepress2.0使用（搭建一个vuepress支撑的网站）-修改默认模板配置
vuepress2.0使用教程（10）-从零开始搭建自定义模板
baijiafan的博客
09-16 2641
为vuepress2编写自定义模板
vuepress2.0使用教程（6）-扩展默认模板之准备及扩展页面组件
baijiafan的博客
08-12 1993
vuepress 2.0全功能介绍，第三部分，默认主题的扩展
vuepress2.0使用教程（8）-扩展MD功能（Section扩展及自定义语法）
baijiafan的博客
08-19 1457
vuepress自定义md容器和md语法，较难，属于高级用法
一步一步教你搭建 vuepress
qq_25810751的博客
03-28 1235
简介：VuePress是 vue驱动的静态网页生成器。详情请查看官网 VuePress 由两部分组成：一部分是支持用 Vue 开发主题的极简静态网站生成器，另一个部分是为书写技术文档而优化的默认主题。它的诞生初衷是为了支持 Vue 及其子项目的文档需求。 项目搭建： 1、vuepress 是由 vue、vueRouter 和 webpack 驱动的但页面应用。所以请先安装 node 和 we...
VuePress搭建博客教程（含部署到github）
weixin_45732455的博客
04-03 780
记录使用vuepress搭建个人博客的过程
基础教程 | 用VuePress搭建一个简单的个人博客（附源码）
stay hungry, stay foolish
10-09 3986
用VuePress搭建一个简单的个人博客基础教程，基础版和美化版风格 （附源码）
vuepress-reco搭建与部署指南
weixin_55010563的博客
03-15 881
而vuepress-reco作为vuepress的现代化主题，它既继承了vuepress的markdown 友好性和静态站点的高性能，又通过丰富的主题功能和开箱即用的配置，借助vuepress的插件生态，为技术文档注入了更多可能，让开发者能够专注于内容创作，而非繁琐的配置。1、在Github 顶部菜单栏点击+，然后New repository新建仓库，输入项目的相关信息，然后Create repository创建仓库，需要注意的是，如果您的用户或组织名称包含大写字母，您必须小写字母。
【VuePress2.0】快速开始（不用）
Lenhart001的博客
11-21 1056
【VuePress2.0】快速开始（不用）
基于vuePress搭建个人博客（保姆级教程）
前端大波的博客
09-27 1607
手把手教你如何在本地大家一套基于vuePress的个人博客，超简单哦！
【VuePress 个人博客搭建】
weixin_46252229的博客
09-09 1063
【VuePress 个人博客搭建】
【vuepress个人博客搭建全流程】
最新发布
qq_73332829的博客
05-17 1744
本篇博客记录了作者作为初学者使用 VuePress 和 vuepress-theme-reco 搭建个人博客网站的全过程。文章内容包括技术栈选择、VuePress 安装配置、博客内容撰写、本地调试、主题自定义以及部署到 GitHub Pages 的详细步骤。最后分享了实际部署效果与个人总结，鼓励读者留言交流。适合对 Vue/VuePress 感兴趣并想快速搭建个人博客的开发者阅读参考。
Vuepress建立静态网站 ,从零基础入门到完整建立第一个网页及部署全过程
CDamogu
07-20 2626
VuePress是一款使用Vue驱动的静态网站生成器，是Vue的作者EvanYou为了方便文档的编写而开发的。默认主题与Vue官方文档一致简洁，少配置，高性能Markdown专为技术文档提供拓展自带PWA自定义主题，可定制程度完全由自己决定VuePress中文网Vuepress在中配置`{}}选项来获取每个文件最后一次git提交的UNIX时间戳(ms)，同时它将以合适的日期格式显示在每一页的底部tip提示warning注意。...
vuepress2.0使用教程（1）-vuepress介绍、选型原因及使用感受
baijiafan的博客
07-29 2671
vuepress 2.0真实建站感受及使用教程
评论
成就一亿技术人!
拼手气红包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、付费专栏及课程。

余额充值