用Vitepress搭建静态网页文档服务器
- 1. 首先,我们要做的第一件事就是创建目录 (在这之前请确保NodeJS已经安装好!)
mkdir blog-vitepress cd blog-vitepress
- 2. 初始化 package.json ,并安装 viteppress
npm init npm i --save-dev vitepress
- 3. 将 VitePress 脚本添加到 package.json 文件中。
{ ... "scripts": { "docs:dev": "vitepress dev docs", "docs:build": "vitepress build docs", "docs:serve": "vitepress serve docs" }, ... }
- 4. 根目录下创建 docs 文件夹,并创建第一个 index.md 文件(这个是网站首页的配置和内容),可以用命令行或在文件夹手动创建。
mkdir docs echo '# Hello World' > docs/index.md
- 5. 启动项目
浏览器中会打开一个新页面(http://localhost:3000/),到这里,最基本的项目搭建好了。npm run docs:dev
- 6. 去掉右侧的边栏
--- aside: false ---
Ref: https://vitepress.vuejs.org/guide/getting-started
Ref: https://zhuanlan.zhihu.com/p/346857150
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)