VuePress使用

news/2024/9/28 5:30:22

记一篇:安装Vuepress过程也遇到的问题,于是想写篇文章总结一下~ ~

一、介绍

VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用 Markdown在新窗口打开 来书写内容(如文档、博客等),然后 VuePress 会帮助你生成一个静态网站来展示它们。

官网链接:https://vuepress.vuejs.org/zh/guide/introduction.html

 

二、安装

依赖环境:Node.js v18.16.0+  

1.node/npm安装

因为原node.js v16.0.1需卸载后重新安装,在Node.js官网下载msi文件:下载地址: Node.js — Download,下载后点击msi安装,

安装后cmd 运行node -v npm-v 查看版本

2.pnpm安装(非必要)

为什么使用pnpm? pnpm 本质上就是一个包管理器,这一点跟 npm/yarn 没有区别 它的优势:包安装速度极快;磁盘空间利用非常高效;

可以使用npm i -g pnpm安装

想了解pnpm更多的内容可以通过此篇进行了解:链接

3.VuePress安装

(1)#安装 vuepress:npm install -g vuepress 

(2)#安装打包工具和主题:npm install -g @vuepress/bundler-vite@next @vuepress/theme-default@next  

到此相关依赖已安装完成 

 

三 、调试/运行

创建项目模板:pnpm create vuepress-theme-hope my-docs 或 npm init vuepress-theme-hope@latest my-docs

my-docs可替换自己想生成的文件

 启动后查看发现报错:端口被占用

 可通过对应文件package.json 修改端口号 cd 进入生成文件的路径 

 以上就完成相关打包调试流程了,访问 http://localhost:8089/

 

以上demo来源是giee:有兴趣可通过 链接 访问~ ~

 

 



本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/45793.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

windows server登录密码忘记,怎么重置

在开始前,需要准备U盘,作为引导盘,进入安装界面 亲测,对所有的windows server都有效 步骤1在虚拟机的光盘中选择Server2012R2的ISO,并确定(如果是物理机,直接把ISO刻录成光盘,放入光驱即可)2重启服务器,修改启动项从CD-ROM启动,当在屏幕出现Press any key to boot f…

基于django的灾害监测系统

说明 技术栈: 开发框架:Django 前端:boostrap、ajax、JavaScript 后端:python 数据库:redis、postgresql前期工作 安装PostgreSQL 安装Redis 创建第一个页面 1. 创建Django项目运行测试 python manage.py runserver2. 创建app python manage.py startapp app13.将app1注册…

基于AD9009的PCIe射频信号采集回放卡

基于AD9009的PCIe射频信号采集回放卡PCIe射频收发平台75MHz至 调谐范围200MHz瞬时带宽基于RF-IC芯片PCIe射器和接收器、集成式频率合成器以及数字信号处理功能。满足3G、4G和5G宏蜂窝时分双工(TDD)基站应用要求。接收链路由两个独立的带宽、直接变频接收器组成,具有出色的动射…

解决Error: error:0308010C:digital envelope routines::unsupported(个人亲测)

解决Error: error:0308010C:digital envelope routines::unsupported的四种解决方案-CSDN博客真的管用,个人是方案二解决了问题。

嵌入式产品如何做安全加密?

1. 版权保护芯片RJGT102介绍 为了防止硬件电路与固件被抄袭,核心在于加密芯片和安全解决方案的设计,目前大多MPU并不具备安全防护功能,所以最好的办法是使用一颗专用的加密芯片,通过加密芯片对接MPU,进行认证,授权,保存关键数据等。 RJGT102采用了SHA256对称加密算法,2…

TP4086B电源管理芯片

896s外部充电芯片tp4086b 充电过程 当输入电压大于电源低电压检测阈值和芯片使能输入端接高电平时,TP4086B/C开始对电池充电,CHRG 管脚输出低电平,表示充电正在进行。如果电池电压低于 2.9V,TP4086B/C采用涓流对电池进行预充电此时充电电流是恒流充电电流的 10%。当电池电压…

数仓sql场景:求第一次出现和最后一次出现及最后一次的相关信息

1.需求 根据身份证号分组聚合求第一次(开始时间最小)出现的基站及对应时间和最后一次(结束时间最大)出现的基站,ip4,ip6及对应时间2.应用场景 安全行业,上网流量日志监控行业,如追击罪犯,要查看第一次出现的位置和最后一次出现的位置及最后一次联系人等相关信息,从而可以…

SVG pattern 标签的用法和应用场景

通过使用 通过使用 <pattern> 标签,可以在 SVG 图像内部定义可重复使用的任意图案。这些图案可以通过 fill 属性或 stroke 属性进行引用。 使用场景 例如我们要在 <svg> 中绘制大量的圆点点,可以通过重复使用 <circle> 标签来实现。<svg width="10…