準備工做
配置環境html
Hexo 部分
Hexo簡介
Hexo 是一個輕量的靜態博客框架。經過Hexo能夠快速生成一個靜態博客框架,僅須要幾條命令就能夠完成,至關方便。
而架設Hexo的環境更簡單了 不須要 lnmp/lamp/XAMPP 這些繁瑣複雜的環境 僅僅須要一個簡單的http服務器便可使用 或者使用互聯網上免費的頁面託管服務git
Hexo安裝方法 參考官網中文文檔,只須要一條命令便可自動安裝hexo框架。 $ npm install -g hexo-cli #使用 npm 安裝 Hexo
github
初始化 建立一個文件夾,如:Blog,cd到Blog裏執行hexo init的。命令:
hexo init
web
生成靜態頁面
繼續再Blog目錄下執行以下命令,生成靜態頁面 hexo generate (或者 hexo g)
npm
本地啓動
啓動本地服務,進行文章預覽調試,命令: hexo server
瀏覽器
本地測試
瀏覽器輸入 http://localhost:4000bash
Github 部分
deploy:
type: git
repository: https://github.com/leopardpan/ leopardpan.github.io.git
branch: master
複製代碼
部署
執行以下命令才能使用git部署
npm install hexo-deployer-git --save
(我沒用SSH Keys若是你用了SSH Keys的話直接在github裏複製SSH的就好了,總共就兩種協議,相信你懂的。) 執行配置命令:
hexo deploy
而後再瀏覽器中輸入http://username.github.io/就好了,把 username ,改爲你 github 的帳戶名就好了服務器
發文章
每次部署的步驟,可按如下三步來進行。hexo
hexo clean
hexo generate
hexo deploy
複製代碼
一些經常使用命令:
hexo new "postName" #新建文章
hexo new page "pageName" #新建頁面
hexo generate #生成靜態頁面至public目錄
hexo server #開啓預覽訪問端口(默認端口4000,'ctrl + c'關閉server)
hexo deploy #將.deploy目錄部署到GitHub
hexo help #查看幫助
hexo version #查看Hexo的版本
複製代碼
參考: