npm install -g vuepress

# 創(chuàng)建一個(gè) markdown 文件
echo '# Hello VuePress' > README.md

# 開始編寫文檔
vuepress dev

# 構(gòu)建
vuepress build

# 安裝為本地依賴項(xiàng)
npm install -D vuepress

# 創(chuàng)建一個(gè) docs 目錄
mkdir docs
# 創(chuàng)建一個(gè) markdown 文件
echo '# Hello VuePress' > docs/README.md

# 開始編寫文檔
npx vuepress dev docs

{
 "scripts": {
  "start": "vuepress dev docs",//運(yùn)行
  "build": "vuepress build docs"http://打包
 }
}

.vuePress
 ---public
 ---theme
 ---config.js

.docs
 ---.vuePress
 ---about
  ---README.md
  ---first.md
  ---seconde.md
 ---study
 ---problem

module.exports = {
 //網(wǎng)站標(biāo)題
 title: '霍夢林的個(gè)人博客',
 // 主頁描述
 description: 'Just playing around',
 // 要部署的倉庫名字
 base: '/',
 dest: './docs/.vuepress/dist',
 // 主題配置
 themeConfig: {
  // 導(dǎo)航配置
  nav: [
   // text為導(dǎo)航欄顯示文字，link為路徑，即文件夾名字，注意不要丟了名字前后的'/'
   {text: 'Home', link: '/'},
   {text: 'About', link: '/about/'},
   {text: 'Problem', link: '/problem/'},
   {text: 'Study', link: '/study/'},
   {text: 'CSDN', link: 'http://blog.csdn.net/weixin_38318244/'},
   {text: 'Github', link: 'https://github.com/momo-0902'}
  ],
  // 側(cè)邊欄配置,側(cè)邊欄組，不同（導(dǎo)航）頁面對應(yīng)不同的側(cè)邊欄
  // 以對象形式配置，前邊的key為nav處的路徑,后邊提供一個(gè)數(shù)組作為此側(cè)邊欄中的子標(biāo)題
  sidebar: {
   '/problem/': [
    // ''空字符串代表主頁，顯示README.md中的內(nèi)容
    '',
    ['201709', '201709'],//使用數(shù)組為側(cè)邊欄起別名，前邊是md名稱，后邊是鏈接顯示的文字
    ['201710', '201710'],
    ],
   '/study/': [
    '',
    ['axios', '1.axios'],
    ['document', '2.document'],
    ]
  },
  // 這是嵌套標(biāo)題鏈接，自動顯示當(dāng)前激活（導(dǎo)航）頁面標(biāo)題的鏈接，即顯示深度（h1-h6的深度）
  sidebarDepth: 1
 }
}

---
// 使用默認(rèn)主題
home: true 
// 主頁頭像
heroImage: /me.jpg
// '開始學(xué)習(xí)'快捷按鈕
actionText: Get Started →
// 快捷按鈕跳轉(zhuǎn)路徑
actionLink: /about/
features:
- title: Simplicity First
 details: Minimal setup with markdown-centered project structure helps you focus on writing.
- title: Vue-Powered
 details: Enjoy the dev experience of Vue + webpack, use Vue components in markdown, and develop custom themes with Vue.
- title: Performant
 details: VuePress generates pre-rendered static HTML for each page, and runs as an SPA once a page is loaded.
footer: MIT Licensed | Copyright © 2018-present momo
---

[[toc]]

:tada: :100:

啦啦啦德瑪西亞

啦啦啦啦擼啊擼啊

<!-- ![aaa](~@alias/me.jpg) -->

這里使用了 markdown 的拓展 `[[toc]]`

## 這里是momo的博客
### 項(xiàng)目中遇到的問題
### 學(xué)習(xí)筆記
### csdn
### github

[關(guān)于我](/about/)

theme
 ---styles
  ---theme.styl
  ---code.styl

 ---Home.vue
 ---Layout.vue

 ---until.js

// 此處構(gòu)建生成路徑為./docs/.vuepress/dist,由config.js中配置： dest: ‘./docs/.vuepress/dist', 
vuepress build docs

// config.js中dest配置的輸出目錄是哪此處就cd進(jìn)入哪，所有的git操作（包含初始，添加，提交等）都在此目錄下 
cd docs/.vuepress/dist

git init 
git add -A 
git commit -m ‘deploy'

git push origin master

git push -f git@github.com:<USERNAME>/<REPO>.git master:gh-pages

(git push -f git@github.com:momo-0902/wiki.git master:gh-pages)