在centos7 上部署 vuepress

vuepress是一款十分優秀簡潔的文件生成器，可以根據目錄下的md文件自動生成對應的html檔案，介面簡潔大方。每乙個由 vuepress 生成的頁面都帶有預渲染好的 html，也因此具有非常好的載入效能和搜尋引擎優化（seo）。本文將介紹如何在centos7環境下部署vuepress。可以先欣賞一下效果再決定是否要搭建：個人覺得還算不錯的，比較簡潔大方。

二、安裝vuepress

npm install -g vuepress

三、建立工作目錄

mkdir

project
cd project
mkdir docs

四、初始化前

npm init -y

vim package.json

編輯成如下內容，這裡其實是設定命令別名。

}

建立.vuepress目錄。

mkdir

.vuepress
cd .vuepress

建立config.js，這是vuepress的全域性配置檔案，大部分屬性在這裡設定。

mkdir

public
vim config.js

修改成如下內容，對應內容可以自行修改。官方說明文件在這裡：

module.exports =,,,

,]}],
sidebar: [,
]},  
//搜尋
search: true
,    searchmaxsuggestions: 10,
lastupdated: 
'last updated
', //
string | boolean
}

整體結構

project

├─── docs

│ ├── readme.md

│ ├── .vuepress

│ ├── config.js

│ └── public

│ └── hero.png

│ └── guide

│ └── readme.md

└── package.json

五、初始化

在docs目錄下建立readme.md

---home: 

true
heroimage: /hero.png
---

然後回到project目錄

# 開啟除錯模式，執行服務，此時開啟 http://

localhost:8081 (這裡即上面設定的埠) 即能看到最簡單的頁面
vuepress dev
# 構建，此時會將md文件轉化成html檔案儲存在docs/.vuepress/dist目錄
vuepress build

六、除錯部署

此時靜態網頁已經生成在了**docs/.vuepress/dist**目錄下，可以先開啟除錯模式，然後使用ftp等軟體先對伺服器進行遠端連線，修改docs下面的文件，每次修改上傳後，會自動重新編譯，當然整個過程需要一兩分鐘時間，這取決於伺服器的效能。調整到合適的程度即可將其移動到nginx或者apache相應目錄下即可。

在CentOS7上部署OpenStack 步驟詳解

目錄 二 openstack部署 openstack作為乙個由nasa 美國國家航空航天局 和rackspace合作研發並發起的，開放源 專案的雲計算管理平台專案。具體知識我會在後面文章中做出介紹，本章主要按步驟給大家演示在centos7上怎樣部署openstack。怎樣安裝centos7可參考 c...

在CentOS7上部署OpenStack

步驟一 root localhost yum y install centos release openstack ocata epel release root localhost yum y install openstack packstack 步驟二 執行packstack。root loc...

CentOS7上部署Hexo部落格

hexo是一款非常簡潔明快，不用寫 就能搭建執行起來的靜態部落格框架，而且支援markdown文字編輯，如果你精通前端研發，那麼恭喜你了，hexo就是完全給你預備的，你可以隨意的自建主題和風格樣式，如果你不懂前端也沒關係，hexo也為你提供的大量的預製主題可以供你選擇。我之前折騰過幾回hexo部落格...