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結合起來,渲染出所需...