vuepress 安装

建立文件夹

vuepressDemo

安装 vuepress

npm install -g vuepress

初始化

     默认配置

    npm init -y

• 配置package.json

{
"scripts": {
"dev": "vuepress dev docs",
"build": "vuepress build docs"
}
}

 

新建文件夹

最终目录如下

 

vuepressDemo
├─── docs
│ ├── README.md
│ └── .vuepress
│ ├── public
│ └── config.js
└── package.json

 

• mkdir docs
• cd docs
• touch / echo "" > README.md
• mkdir .vuepress
• cd .vuepress
• mkdir public
• touch / echo "" > config.js

配置页面

进入config.js 中

 

module.exports = {
title: '个人主页',
description: '博客',
head: [
['link', { rel: 'icon', href: '/img/logo.ico' }],
['link', { rel: 'manifest', href: '/manifest.json' }],
]
}

 

官方配置点这里

启动

npm run dev

乱码

当我启动的时候出现了中文乱码的问题，应该是我的地址中包含了中文。
解决方法：
右键乱码的markdown 文件，打开方式用记事本打开，另存为的同时修改文件格式为utf-8 ，之后删除txt后缀即可。