Appearance
使用vitepress搭建博客
官网有详细的教程,官网网址:https://vitepress.dev/
由于版本不同,但总体大同小异
安装步骤
1.创建并进入一个文件夹,命名随意;且进入创建的文件夹
sh
mkdir vitepress && cd vitepressmkdir vitepress && cd vitepress2.初始化package.json包
sh
yarn inityarn init3.本地安装vitepress
yarn add --dev vitepressyarn add --dev vitepress4.新建一个文件夹;且创建一个markdown文件(最好命名为:index.md)
sh
mkdir docs && echo '# Hello VitePress' > docs/index.mdmkdir docs && echo '# Hello VitePress' > docs/index.md5.在package.json添加启动命令
sh
{
"scripts": {
"docs:dev": "vitepress dev docs",
"docs:build": "vitepress build docs",
"docs:serve": "vitepress serve docs"
}
}{
"scripts": {
"docs:dev": "vitepress dev docs",
"docs:build": "vitepress build docs",
"docs:serve": "vitepress serve docs"
}
}6.运行项目的命令
sh
yarn docs:devyarn docs:dev
小洛的前端技术博客