vuepress使用简介及个人博客搭建

VuePress 是一个静态网站生成器，基于Vue.js，它允许我们以简单的Markdown格式编写博客，并且可以自动生成静态网页。以下是如何使用VuePress搭建个人博客的步骤和示例代码。

1. 安装VuePress：

npm install -g vuepress

2. 创建博客目录，并初始化：

mkdir blog
cd blog
vuepress init

3. 修改 blog/.vuepress/config.js 配置文件，设置个人信息和主题样式：

module.exports = {
  title: '你的博客名称',
  description: '你的博客描述',
  themeConfig: {
    // 配置个人信息
    author: '作者名',
    // 头像
    avatar: '/头像图片路径.jpg',
    // 社交链接
    social: {
      github: '你的GitHub用户名',
      email: '你的邮箱',
      // 可以添加更多社交链接
    }
  }
  // 其他配置...
}

4. 在 blog/.vuepress 目录下创建 public 文件夹，并放入你的头像图片。
5. 创建博客文章，在 blog 目录下创建 docs 文件夹，并在该文件夹中添加你的Markdown博客文章。

例如，创建一个名为 hello-world.md 的文章： \`\`\`markdown

title: 你好，世界！ date: 2023-01-01

这是我的第一篇博客文章。

 
6. 运行本地服务器，在博客目录下运行：
```bash
vuepress dev

7. 访问 http://localhost:8080 查看你的博客。
8. 构建静态网站：

vuepress build

构建完成后，blog/.vuepress/dist 目录下会生成静态文件，你可以将这些文件部署到任何静态网站托管服务上。