Vuepress Theme Note

# 自由定制主题

当你对当前主题不满意，或者想自定义主题时，可以按照下面的步骤进行自定义主题。当然，前提是您必须拥有以下知识储备和技能

1、Vue
2、Vuex
3、Scss
4、Vuepress

# 创建Theme目录

进入到文档目录 .vuepress 目录下，创建 theme 文件夹，

mkdir .vuepress/theme
1

# 下载本主题

将主题master分支源文件下载到theme文件夹下

git clone -b master git@github.com:JackRay-C/vuepress-theme-note.git theme
1

您的目录结构可能是下面这种

├── .vuepress
│   ├── config.js          # vuepress 配置文件
│   └── theme              # 本地主题文件夹
│       ├── .git
│       ├── .gitignore
│       ├── 03.png
│       ├── CHANGELOG.md
│       ├── LICENSE
│       ├── README.md
│       ├── README.zh.md
│       ├── assets         # 静态文件
│       ├── components     # 全局注册组件
│       ├── enhanceApp.js  # 客户端增强
│       ├── index.js       # 入口文件
│       ├── layouts        # 布局组件
│       ├── logo.png       # logo文件
│       ├── noopModules.js # 空模块
│       ├── package.json   # 项目依赖管理
│       ├── store          # 状态管理
│       ├── styles         # 样式文件
│       ├── templates      # 模版文件
│       └── util           # 工具文件
├── 03.png
├── README.md              # home page
└── install                # 自定义目录
    └── README.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

# 主题开发

我想到这里，我就给不了你更多建议了，相信你对Vue、Vuepress等也有自己的认知，你也可以 参考官网主题开发的步骤进行开发，希望你也能开发出一个易用、好看的主题。

上次更新: 4/30/2020, 5:30:08 PM

常见问题