vuepress-theme-hope搭建过程（保姆级）

原创 已于 2022-06-20 15:31:00 修改 · 6k 阅读 · 22 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

于 2022-04-07 19:46:25 首次发布
本文详细讲述了在node10版本弃用后，如何通过nvm进行Node.js版本管理，重点介绍了nvm的安装过程、配置及在搭建vuepress-theme-hope过程中遇到的问题，如yarn配置和跨分区安装问题的解决方案。

前言：因为现有项目一直用的都是node10的版本，所以导致在搭建vuepress-theme-hope的过程中踩了很多坑，最后才知道node10已经被弃用，只好又去装了nvm进行node的多版本管理。下面对整个流程进行详细的解析。

nvm安装

点击链接下载nvm for Windows

​​​​​​Releases · coreybutler/nvm-windows · GitHub

这里我们选择nvm-setup.zip安装包，下载之后点击安装，无需配置就可以使用，方便。

下载完成后直接解压后运行安装包

1）同意协议，下一步

2）选择nvm的本地安装目录，下一步

3）设置 Node.js的快捷方式存放的目录，在刚安装目录的盘里新建一个目录存放即可，下一步

4）点击Install-->Finish完成本次安装

因为我的电脑上之前装过nodejs，所以安装后会出现如下弹窗，询问是否允许nvm管理已下载的node版本，这里选择：是

安装完成后命令行输入nvm，如果出现nvm版本号和一系列帮助指令，则说明nvm安装成功

最低0.47元/天 解锁文章
vuepress-theme-vdoing博客搭建教程
沉梦听雨的博客
03-12 1721
本博客使用的主题为：vuepress-theme-vdoing，相关介绍和使用方法可以参考该主题的官方文档官方文档快速上手
VuePress、VuePress-theme-hope 搭建个人博客 1【快速上手】 —— 防止踩坑篇
qq_53895518的博客
12-27 2125
vuePress官网地址 👉。
vuepress-theme-hope：具有大量功能的vuepress主题:sparkles:
02-23
Vuepress主题希望 具有大量功能的Vuepress主题 :sparkles: /一个具有强大功能的vuepress主题 :sparkles: 具有大量功能的Vuepress主题 :sparkles: /一个具有强大功能的vuepress主题 :sparkles: 官方文档/官方文档 | | 主题亮点 主题保持@vuepress/theme-default的样式，并添加了许多功能和优化： 页面增强 向Markdown添加了更多语法，从而丰富了文档和博客撰写 特克斯支持 自定义对齐 流程图 标记 Subsript和Supercript 代码演示 介绍 图片预览功能，支持： 缩放 拖曳 滑动浏览 分享 正在下载 文章信息显示 阅读次数 作者和写作日期 自动生成的字数和估计的阅读时间 标签和类别 评论系统 面包屑 页面图标 版权展示 可自定义的页脚 特征 开箱即用 全新的主题颜色，可让您在浏览过程中动态切换 暗模式，允许您根据设备设置手动切换或自动应用 全
Mister-Hope.github.io:使用 vuepress-theme-hope 构建个人博客
08-04
个人博客 使用 VuePress 与 搭建的个人博客 A personal blog using VuePress and |
[详细]vuepress-theme-hope搭建博客
哼
04-25 2290
市面上的博客框架有很多，鉴于vuepress是静态博客框架，可以部署到GitHub Pages而不用自己提供服务器，并且对前端也非常友好，因此我选择了vuepress，主题选用了vuepress-theme-hope。笔者运行自己的博客时感觉打开速度还是比较慢，之后可能会考虑增加CDN优化gh-pages的说明。
vuepress-theme-hope-demo:vuepress-theme-hope的演示
03-10
总的来说，"vuepress-theme-hope-demo" 是一个展示 "vuepress-theme-hope" 主题特性和功能的实例，帮助开发者理解和应用这个强大的 VuePress 主题。通过这个演示，你可以学习如何利用 VuePress 和 "vuepress-theme-...
本项目是基于Vuepress框架 Vuepress-theme-hope主题搭建的一个个人学习笔记文档站点，项目内记.zip
02-23
通过这个项目，我们可以学习到如何使用 Vuepress 构建个人知识库，了解 Vuepress 的基本配置和 Markdown 的高级用法，以及如何利用 Vuepress-theme-hope 来定制个性化网站。同时，也可以深入理解前端开发工具的使用...
vuepress-theme-hope.github.io:Vuepress-Theme-Hope的文档
03-09
Vuepress-Theme-Hope是基于Vuepress的个性化主题，它为用户提供了一套美观且功能丰富的文档站点构建方案。Vuepress本身是由Vue.js驱动的静态站点生成器，特别适合用于技术文档和项目文档的编写。Vuepress-Theme-Hope...
vuepress-theme-vdoing-doc:vuepress-theme-vdoing主题文档
05-01
VuePress 主题是用于定制 VuePress 生成站点外观的工具，而 `vuepress-theme-vdoing` 是一个针对个人技术博客的 VuePress 主题，以其简约、快速加载和易于定制的特点深受开发者喜爱。本主题旨在提供一个清爽的界面，...
探索未来技术：vuepress-theme-hope — 功能强大的 VuePress 主题
gitblog_00002的博客
05-13 612
如果你正在寻找一个能够让你的技术博客或文档站点脱颖而出的解决方案，那么【vuepress-theme-hope】绝对值得你一试。这个由 Mr.Hope 创建并维护的开源项目，集成了最新前端技术，为你的文档体验注入了全新的活力。 ## 项目介绍 **vuepress-theme-hope** 是一个基于 VuePress 2 的主题，充分利用 Vite 4、Webpack 5 和 Vue 3 的...
vuepress-theme-material:Vuepress主题
05-18
vuepress-theme-material 安装 yarn add vuepress-theme-material || npm i vuepress-theme-material 配置 docs/vuepress/config.js module.exports = { title: `Wuyaoxing's Blog`, description: '俱怀逸兴壮思飞，欲上青天揽明月', locales: { '/': { lang: 'zh-CN', title: 'blog', description: '俱怀逸兴壮思飞，欲上青天揽明月！' } }, head: [ ['link', { rel: 'icon', href: `/favicon.ico` }], ['link', { rel:
vuepress-theme-reco:simple一个简单而美丽的vuepress Blog＆Doc主题
04-30
介绍 这是一个Vuepress主题，旨在添加博客类别，标签墙，分页，评论和其他所需功能； 主题极简，已根据Vuepress的默认主题进行了修改，并且官方主题配置仍然适用； 演示： 文档： ， ， 快速开始 像素 npx @vuepress-reco/theme-cli init npm npm install @vuepress-reco/theme-cli -g theme-cli init 纱 yarn global add @vuepress-reco/theme-cli theme-cli init 多语言 语 语言代码 简体中文 zh-CN ， zh-SG 繁体中文 zh-HK ， zh-MO ， zh-TW 日本人 ja-JP 韩国人 ko-KR 英语 en-US和其他 更新记录 贡献者 PS感谢两个美女对主题徽标的贡献：Zoey和冰冰。 执照 预习
vuepress-hope
03-08
Vuepress主题希望 具有大量功能的Vuepress主题 :sparkles: /一个具有强大功能的vuepress主题 :sparkles: 这是的模板 您可以通过从此模板创建一个存储库来开始您的vuepress-theme-hope之旅 :warning: 请报告错误或在上开始讨论 安装部门： 运行npm install或yarn install 开发环境： 运行npm run serve或yarn run serve 构建生产文件： 运行npm run build或yarn run build 这是的模板 你可以直接使用它来开始你的 :warning:请在发起讨论或反馈bug。 安装依赖： 运行npm install或者yarn install 测试环境： npm run serve yarn run serve 生产环境（制作文件）： npm run build yarn run build
VuePress-theme-hope + github + vercel 部署踩坑经验分享
04-07 1914
网站搭建过程中踩的一些坑
【亲测免费】 VuePress Theme Hope 使用教程
gitblog_00918的博客
08-09 726
VuePress Theme Hope 是一个强大的 VuePress 主题，提供了大量的功能。目前 V2 版本基于 VuePress2 开发，并且处于 beta 阶段。V1 版本已经基于 VuePress1 被弃用。该主题包含多个插件，如博客插件、评论插件、Markdown 组件插件等，支持多种功能扩展。 ## 项目快速启动 ### 安装 首先，克隆项目仓库到本地： ```bash gi...
VuePress-theme-hope 搭建个人博客 2【快速上手】 —— 安装、部署 防止踩坑篇
qq_53895518的博客
12-27 1596
续👆VuePress、VuePress-theme-hope 搭建个人博客 1【快速上手】
VuePress-theme-hope2 搭建个人网站完整教程
油墨香^-^的博客
05-21 1198
本文介绍了使用VuePress-theme-hope搭建个人网站的完整流程。从环境准备（安装Node.js和Yarn）、项目初始化，到目录结构配置、主题设置（包括导航栏、侧边栏、博客功能等），详细说明了配置文件的编写方法。内容创建部分涵盖首页、关于页和博客文章的编写规范，并介绍了评论系统、搜索功能和自动部署的配置。最后提供了自定义样式、组件开发的方法以及常见问题解决方案，帮助开发者快速构建功能完善、支持SEO优化的现代化个人网站。
VuePress oneN 博客主题搭建 —— vuepress-theme-onen
Veminem的博客
10-19 2765
VuePress oneN 主题搭建简介预览主题安装主题配置首页侧边栏导航栏音乐控件页脚自定义图标自定义颜色MarkDown 扩展元信息一级标题参考选项 简介 一个偏文档风格的博客，灵感来自于 oneNote 笔记本 博客主题追求简约文档风，抛去主流博客的元素，标签、归档等 这看起来更像是对默认主题的一次改版，但也增加了主题的元素 预览 ???? Live Demo 主题安装 oneN 主题基于 ...
vuepress - hope 使用细则
JavaPub
04-24 2076
vue // http://javapub.net.cn/
vuepress-theme-hope seo
最新发布
06-04
vuepress-theme-hope 是一个功能强大的 VuePress 主题，支持多种增强功能和插件，适用于项目文档和博客网站的搭建。为了优化其 SEO（搜索引擎优化）性能，可以从以下几个方面进行配置和调整。 #### 1. 全局 SEO ...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值