VuePress超詳細簡單教程

先讓我們看看 vuepress能幹什麼？有什麼效果？

很像vue官網的文件頁面，因為vuepress就是尤大大的乙個力作

vuepress官網介紹介紹的很詳細，這裡只做搭建vuepress專案教程

注意 vuepress基於node 8.0+

npm install -g vuepress

建立工作資料夾 study

進入資料夾

快速初始化package.json

npm init -y

}

此時執行命令

npm run  docs:dev

study

+--docs
+----readme.md
+--package.json

結束執行 ，執行命令

npm run docs:build

docs 多了個 .vuepress資料夾

study

+--docs
+----.vuepress
+------ dist //打包後的資料夾
+----readme.md
+--package.json
+--node_modules

config.js 檔案

新增

module.exports = ,,],

sidebar: ,
sidebardepth : 2
}}

image.png

![an image](./baner.png)

新增樣式 分兩種 一種不用預編譯處理、一種使用

//不使用預編譯處理

//直接在md檔案底部添上

//使用預編譯處理

首先需要安裝所需的模組 舉例：stylus
npm i stylus stylus-loader -d

既然是尤大大的作品 那肯定是支援vue語法的

在md檔案中直接寫入js的語法

關於發布問題：首先我們知道在打包後的檔案都是靜態檔案之前的md檔案都被打包成html靜態檔案了,其次在檔案config.js中 base至關重要

6-2 通過伺服器發布

同樣base的填寫很重要

//為了簡單明瞭 我們把打包好的檔案放入nginx中html檔案下  之前的檔案可以清空

server 
}

具體**不詳述：可通過koa來學習

超簡單超詳細的redis安裝教程

使用xshell連線linux伺服器 2 在linux下的 home目錄下新建自己的乙個目錄 3 使用xftp將redis安裝包上傳到該目錄 4將redis安裝包移動到 opt目錄下 5進入 opt目錄，解壓redis安裝包 tar zxvf redis 5.0.8.tar.gz yum insta...

VuePress 完整使用教程

hexo 基於 node，所以首先要安裝node環境 2.npm 包管理工具 環境配置請參考本站對應安裝教程 建立並進入乙個新目錄 mkdir vuepress starter cd vuepress starter使用你喜歡的包管理器進行初始化 yarn init npm init將 vuepre...

vue router超詳細教程 3

vue router官方文件參考 應用場景 例如，我們有乙個 user 元件，對於所有 id 各不相同的使用者，都要使用這個元件來渲染。那麼，我們可以在 vue router 的路由路徑中使用 動態路徑引數 dynamic segment 來達到這個效果 user foo 和 user bar 都將...