vuePress搭建屬於自己的站點。

2022-07-29 07:15:12 字數 1716 閱讀 6108

官網:

類似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檔案,填入...