用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

posted @   opencoder  阅读(138)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库
· 上周热点回顾(2.17-2.23)
点击右上角即可分享
微信分享提示