VuePress 完整使用教程

2022-07-15 17:36:14 字數 1267 閱讀 1321

hexo 基於 node,所以首先要安裝node環境

2.npm

包管理工具

環境配置請參考本站對應安裝教程

建立並進入乙個新目錄

mkdir vuepress-starter && cd vuepress-starter
使用你喜歡的包管理器進行初始化

yarn init # npm init
將 vuepress 安裝為本地依賴

我們已經不再推薦全域性安裝 vuepress

yarn add -d vuepress # npm install -d vuepress
注意

如果你的現有專案依賴了 webpack 3.x,我們推薦使用 yarn (opens new window)而不是 npm 來安裝 vuepress。因為在這種情形下,npm 會生成錯誤的依賴樹。

建立你的第一篇文件

mkdir docs && echo '# hello vuepress' > docs/readme.md
package.json中新增一些 scripts(opens new window)

這一步驟是可選的,但我們推薦你完成它。在下文中,我們會預設這些 scripts 已經被新增。

}

在本地啟動伺服器

yarn docs:dev # npm run docs:dev
vuepress 會在 http://localhost:8080 (opens new window)啟動乙個熱過載的開發伺服器。

推薦主題

reco:

vdoing:

安裝

npm install vuepress-theme-vdoing -d
引用

// config.js

module.exports =

在本地啟動伺服器

yarn docs:dev # npm run docs:dev

VuePress超詳細簡單教程

先讓我們看看 vuepress能幹什麼?有什麼效果?很像vue官網的文件頁面,因為vuepress就是尤大大的乙個力作 vuepress官網介紹介紹的很詳細,這裡只做搭建vuepress專案教程 注意 vuepress基於node 8.0 npm install g vuepress建立工作資料夾 ...

Hugo 完整使用教程

基於go 語言開發 1.homebrew 如果你是macos使用者,請使用homebrew快速安裝 2.chocolatey 如果你是windows使用者,請使用chocolatey快速安裝 環境配置請參考本站對應安裝教程 安裝 hugo brew install hugo建立部落格工程 使用如下命...

vuepress 使用心得

vuepress 是一款可以用在專案中進行文件開發的工具,它高效 便捷。在使用過程中,有以下心得記錄下,以便後期查閱,1 markdown 要熟悉。在整個開發中,文本性的編寫全靠使用markdown工具。它既可以用文件中的標題生成側邊欄的導航索引,又可以將vue與markdown結合起來,渲染出所需...