• 准备
• 快速开始
• 配置信息修改
• 详情请看

使用 vuepress (opens new window) 及主题 vdoing (opens new window) ，自动部署在GitHub Pages (opens new window)

纯新手可看 bilibili 的 vuepress 视频教程：https://www.bilibili.com/video/BV17t41177cr (opens new window)

准备

VuePress 需要 Node.js (opens new window)>= 8.6

首先需要下载 Node.js

1. 克隆到本地并进入目录

   git clone https://github.com/oddfar/notes.git && cd notes
   

   或 gitee 地址：

   git clone https://gitee.com/oddfar/notes.git && cd notes
   

2. 安装本地依赖

   npm install
   

3. 本地测试

   npm run dev
   

   默认访问链接：http://localhost:8080 (opens new window)

快速开始

使用 markdown 语法编写 md 文件，所有笔记 md 文件放在 docs/ 目录下

例如添加 test 类，并编写 hello.md 文件

1. 创建目录

   格式：序号+标题

   例如：30.test

2. 添加笔记

   例如：01.hello.md

3. 编写内容

   ## 标题
   
   hello world
   

4. 测试运行

   在项目根目录下

   npm run dev
   

   会自动生成

   tittle：标题，默认文件名，即 hello

   permalink：访问链接

   date：日期，默认文件创建时间

配置信息修改

一些常用的

目录 docs\.vuepress 下

• config.js

  修改 vuepress 和主题一些配置

• config\nav.js

  修改首页导航栏

详情请看

关于 vuepress 的配置：

• vuepress官方文档 (opens new window)

• vdoing主题介绍文档 (opens new window)