使用vuepress搭建靜態博客的示例代碼

npm install -g vuepress

# 創建一個 markdown 文件
echo '# Hello VuePress' > README.md

# 開始編寫文檔
vuepress dev

# 構建
vuepress build

# 安裝為本地依賴項
npm install -D vuepress

# 創建一個 docs 目錄
mkdir docs
# 創建一個 markdown 文件
echo '# Hello VuePress' > docs/README.md

# 開始編寫文檔
npx vuepress dev docs

{
 "scripts": {
 "start": "vuepress dev docs",//運行
 "build": "vuepress build docs"http://打包
 }
}

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

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

module.exports = {
 //網站標題
 title: '霍夢林的個人博客',
 // 主頁描述
 description: 'Just playing around',
 // 要部署的倉庫名字
 base: '/',
 dest: './docs/.vuepress/dist',
 // 主題配置
 themeConfig: {
 // 導航配置
 nav: [
 // text為導航欄顯示文字，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'}
 ],
 // 側邊欄配置,側邊欄組，不同（導航）頁面對應不同的側邊欄
 // 以對象形式配置，前邊的key為nav處的路徑,后邊提供一個數組作為此側邊欄中的子標題
 sidebar: {
 '/problem/': [
 // ''空字符串代表主頁，顯示README.md中的內容
 '',
 ['201709', '201709'],//使用數組為側邊欄起別名，前邊是md名稱，后邊是鏈接顯示的文字
 ['201710', '201710'],
 ],
 '/study/': [
 '',
 ['axios', '1.axios'],
 ['document', '2.document'],
 ]
 },
 // 這是嵌套標題鏈接，自動顯示當前激活（導航）頁面標題的鏈接，即顯示深度（h1-h6的深度）
 sidebarDepth: 1
 }
}

---
// 使用默認主題
home: true 
// 主頁頭像
heroImage: /me.jpg
// '開始學習'快捷按鈕
actionText: Get Started →
// 快捷按鈕跳轉路徑
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的博客
### 項目中遇到的問題
### 學習筆記
### csdn
### github

[關于我](/about/)

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

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

 ---until.js

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

// config.js中dest配置的

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)