【vuepress】vuepress （一）安装设置

注意：一定要本地安装，否则有些功能实现不了。 npm install -D vuepress

个人blog，准备放在公司本地gitlab上，当项目文档使用。不知道能不能当作公司知识库，估计只适合当项目级别文档。本文档是手顺书。用这个文档可以操作。

1. vuepress安装

https://www.bilibili.com/video/BV1vb411m7NY?p=2

创建最基本的vuepress

新建一个目录project 进入project 把vuepress安装成本地依赖 npm install -D vuepress npm init -y mkdir docs git init 修改package.json

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

启动 npm run dev

为了更方便管理创建docs/config.js

docs/.vuepress/config.js

module.exports = {
    base: "/vuepress",
    title: 'shirx blog',
    description: '我的个人网站',
    head: [ // 注入到当前页面的 HTML <head> 中的标签 favicon.io
      ['link',{ rel: 'icon',href: '/favicon.ico'}],
      ['meta', { name: 'name', content: 'shirongxin' }],
      ['meta', { name: 'keywords', content: 'java,cobol,分布式存储' }], // 增加一个自定义的 favicon(网页标签的图标)

    ],
    markdown: {
      lineNumbers: false // 代码块显示行号
    },
};

Written on July 22, 2020