官網:
類似hexo乙個極簡的靜態**生成器,用來寫技術文件不能在爽。
初始化專案
npm install -g vuepress
建立乙個markdown文件
echo '# hello vuepress' > readme.md
編寫文件
vuepress dev
編譯文件
vuepress build
├── docs│ ├── .vuepress
│ │ ├── public
│ │ └── config.js
│ │
│ └── readme.md
│ └── package.json
配置config.js檔案
module.exports =] //這個是標籤頁 logo
],
//語言配置
locales:
}}
主題配置
themeconfig同樣是配置在config.js中的
//主題配置
themeconfig: ,,,
,],
//側邊欄
sidebar: [
'/'],
sidebardepth: 2, //
預設 1 提取到 h2,0 為禁用,2 為 h2,h3
displayallheaders: false, //
activeheaderlinks: true, //
預設值:true 滾動時通過 hash 高亮側邊欄標題
//git 倉庫和編輯鏈結
repo: 'username/repo', //
你的倉庫
repolabel: 'github', //
導航欄上的文字
editlinks:
true
,
//預設為 "edit this page"
editlinktext: '編輯此頁面'}
配置 docs 下的 readme.md
tagline: hero 副標題
actiontext: 快速上手 →
actionlink: /zh/guide/features:
-title: 簡潔至上
details: 以 markdown 為中心的專案結構,以最少的配置幫助你專注於寫作。
-title: vue驅動
details: 享受 vue +webpack 的開發體驗,在 markdown 中使用 vue 元件,同時可以使用 vue 來開發自定義主題。
-title: 高效能
details: vuepress 為每個頁面預渲染生成靜態的 html,同時在頁面被載入的時候,將作為 spa 執行。
---
ps:首頁必須設定 home 為 true。預設樣式與官方文件首頁一致。
至此,就完成了基礎的搭建,下一章使用netlify實現vuepress自動化構建。
搭建屬於自己的個人部落格
作為乙個屌絲碼農,再怎麼著也得擁有乙個自己的網域名稱和 吧,今天我就來講一講怎麼搭建乙個屬於自己的部落格,在很多新手看來,做 是一件很複雜 很艱難的事情。其實網際網路發展到現在,很多不懂html asp php的人,只要會打字,都可以很容易搭建好自己的 購買 空間 伺服器 必須要購買乙個 空間來存放...
搭建屬於自己的個人部落格
作為乙個屌絲碼農。再怎麼著也得擁有乙個自己的網域名稱和站點吧,今天我就來講一講怎麼搭建乙個屬於自己的部落格,在非常多新手看來,做站點是一件非常複雜 非常艱難的事情。事實上網際網路發展到如今,非常多不懂html asp php的人,僅僅要會打字,都能夠非常easy搭建好自己的站點。事實上搭建乙個站點非...
使用WordPress搭建屬於自己的部落格
將wordpress壓縮包解壓至乙個空資料夾,並上傳它。在瀏覽器中訪問wp admin install.php。它將幫助您把資料庫連線資訊寫入到wp config.php檔案中。如果上述方法無效,也沒關係,這很正常。請用文字編輯器 如寫字板 手動開啟wp config sample.php檔案,填入...