首页 > 其他分享 >用Vitepress搭建静态网页文档服务器

用Vitepress搭建静态网页文档服务器

时间:2022-10-02 16:26:50浏览次数:88  
标签:npm 网页 Vitepress docs dev 文档 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. 启动项目
    npm run docs:dev
    浏览器中会打开一个新页面(http://localhost:3000/),到这里,最基本的项目搭建好了。
  • 6. 去掉右侧的边栏
    ---
    aside: false
    ---

 

Ref: https://vitepress.vuejs.org/guide/getting-started
Ref: https://zhuanlan.zhihu.com/p/346857150

标签:npm,网页,Vitepress,docs,dev,文档,vitepress,创建,搭建
From: https://www.cnblogs.com/open-coder/p/16748939.html

相关文章