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后缀即可。