+
95
-

VuePress怎么静态生成网站?

vue

请问VuePress怎么静态生成网站?

网友回复

+
15
-

先全局安装

npm install -g vuepress

创建项目目录

mkdir vuepress-demo

cd vuepress-demo

初始化项目

建立并编辑 package.json

npm init -y

进入package.json,修改脚本内容

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}
建立基本目录

vuepress-demo
├─package.json
├─docs
|  ├─README.md
|  ├─.vuepress
|  |     ├─config.js
|  |     ├─public
|  |     |   └favicon.ico

修改配置文件 - config.js

module.exports = {
    title: 'Hello VuePress',
    description: 'Hello, my friend!',
    head: [
        ['link', {
            rel: 'icon',
            href: `/favicon.ico`
        }]
    ],
    dest: './docs/.vuepress/dist',
    ga: '',
    evergreen: true,
}

修改README.md

VuePress 提供了对 YAML front matter 开箱即用的支持,我们可以模仿vuepress首页进行如下优化:
---
home...

点击查看剩余70%

我知道答案,我要回答