当前位置: 首页 > news >正文

做资料分享网站有哪些独立站怎么搭建

做资料分享网站有哪些,独立站怎么搭建,建网站哪家好北京,国家企业网VitePress安装部署 VitePress安装步骤 安装 Node环境 官网下载:https://nodejs.org/zh-cn 傻瓜式安装到完成 npm环境 安装完Node环境之后,可以直接运行下面的命令安装npm npm install -g pnpm关于pnpm源: 有时候需要国内源&#xff0c…

VitePress安装部署

VitePress安装步骤

安装 Node环境

官网下载:https://nodejs.org/zh-cn

傻瓜式安装到完成

npm环境

安装完Node环境之后,可以直接运行下面的命令安装npm

npm install -g pnpm

关于pnpm源:

有时候需要国内源,不全的时候又要切换到默认源,比较麻烦,以下提供几个源:

设置镜像源,可以使用淘宝源
pnpm config set registry https://registry.npm.taobao.org/

切回官方镜像

npm config set registry https://registry.npmmirror.com/

具体的教程可以参考:https://blog.csdn.net/qq_43684588/article/details/134554654

初始化项目

新建一个空的目录:D:\project2024\VitePress

$ pnpm init    # 初始化目录Wrote to D:\project2024\VitePress\package.json{"name": "VitePress","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"keywords": [],"author": "","license": "ISC"
}

安装VitePress

$ pnpm add -D vitepress    # 安装VitePressProgress: resolved 1, reused 0, downloaded 0, added 0
Progress: resolved 17, reused 0, downloaded 4, added 0
Progress: resolved 58, reused 0, downloaded 14, added 0
Progress: resolved 60, reused 0, downloaded 31, added 0
Progress: resolved 75, reused 0, downloaded 55, added 0
Packages: +85
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Progress: resolved 123, reused 0, downloaded 82, added 0
Progress: resolved 123, reused 0, downloaded 84, added 52
Progress: resolved 123, reused 0, downloaded 84, added 68
Progress: resolved 123, reused 0, downloaded 84, added 69
Progress: resolved 123, reused 0, downloaded 85, added 85, done
.../esbuild@0.21.5/node_modules/esbuild postinstall$ node install.js
.../node_modules/vue-demi postinstall$ node -e "try{require('./scripts/postinstall.js')}catch(e){}"
.../node_modules/vue-demi postinstall: Done
.../esbuild@0.21.5/node_modules/esbuild postinstall: DonedevDependencies:
+ vitepress 1.2.3Done in 13.5s

初始化VitePress

需要注意的是:我习惯用git的命令窗口,上面的步骤都是在git的命令窗口做的,但是到了这一步的时候git命令窗口就会出现问题。所以我切换成了cmd命令窗口

npx vitepress init   # 初始化VitePressT  Welcome to VitePress!
|
o  Where should VitePress initialize the config?
|  ./docs
|
o  Site title:
|  My Awesome Project
|
o  Site description:
|  A VitePress Site
|
o  Theme:
|  Default Theme + Customization
|
o  Use TypeScript for config and theme files?
|  Yes
|
o  Add VitePress npm scripts to package.json?
|  Yes
|
—  Done! Now run npm run docs:dev and start writing.Tips:
- Since you've chosen to customize the theme, you should also explicitly install vue as a dev dependency.

项目目录结构

docs 文件夹中创建 public 文件夹,用于存放项目图片

.
├── docs
│   ├── .vitepress
│   │   └── config.mts
│   ├── api-examples.md
│   ├── index.md
│   ├── markdown-examples.md
├── package.json
└── pnpm-lock.yaml

运行项目

pnpm run docs:devvitepress v1.2.3➜  Local:   http://localhost:5173/➜  Network: use --host to expose➜  press h to show help

这样就部署完成了

http://www.hrbkazy.com/news/33856.html

相关文章:

  • aspcms手机网站源码网络营销郑州优化推广公司
  • 哪个网站可以做魔方图片企业宣传网站
  • 网站开发维护运维江苏网站建设制作
  • 在百度做网站需要什么资料nba在线直播免费观看直播
  • 做网站淮南高级seo是什么职位
  • 贵州两学一做网站合肥网络营销公司
  • 网站做哪些比较赚钱网页设计需要学什么
  • 义乌门户网站建设资源搜索引擎
  • 北京网站设计优选刻开发外包网站
  • 深圳优秀网站建设公司百度推广优化
  • 英雄联盟网站建设广告软文范例大全100
  • wordpress响应式网站模板下载百度sem是什么意思
  • 用手机制作word文档的app整站优化工具
  • 做招商加盟的网站网上销售方法
  • 网站怎么做才能将名声打响营销网络怎么写
  • 资源网站排名优化seo搜索引擎优化的概念是什么
  • 个人网站做镜像如何实现网站的快速排名
  • 网站建设定制友情链接网站
  • 公司做网站让拍照备案推广自己的网站
  • 龙胜网站建设公司免费建站模板
  • 杭州网站建设V芯ee8888e精准客源
  • 如何做网站的内容云搜索引擎
  • 短信轰炸网站开发怎么优化网络
  • 成都网站制作荆门网站seo
  • 网站空间免费吗做竞价推广大概多少钱
  • 网站后台如何修改文字网站建设制作模板
  • 做影视类短视频的资源网站网络推广公司主要做什么
  • 网站开发实验室建设方案他达拉非的副作用和危害
  • 网站建设作业搜索引擎优化要考虑哪些方面?
  • 沈阳建设工程信息网官网 安全中项网厦门seo厦门起梦