image
前言
如果你想從零開始搭建一個(gè)屬于自己的靜態(tài)博客網(wǎng)站虑稼，可以參考下面三篇博文，這三篇博文是記錄我從零開始搭建自己靜態(tài)博客的全過程终抽，希望能給需要的朋友一些參考：
最終成果： blogwenbo.com
一戳表、GitHub創(chuàng)建項(xiàng)目
- 1.1 使用GitPages搭建自己靜態(tài)博客前提要注冊(cè)申請(qǐng)GitHub賬號(hào)。GitHub相關(guān)配置可參考這篇文章：MAC上Git安裝與GitHub基本使用昼伴。
- 1.2 GitHub上新創(chuàng)建一個(gè)wenmobo.github.io倉庫匾旭，wenmobo是我的賬號(hào)名，這里替換成你自己的就可以了圃郊。項(xiàng)目格式名稱為
[用戶名].github.io价涝，如下：
username.github.io
創(chuàng)建成功之后如下：
屏幕快照 2018-01-14 下午11.52.25.png
- 1.3 在桌面新建一個(gè)文件夾MyBlog，
cd到該文件夾持舆，將項(xiàng)目克隆到本地：
git clone git@github.com:wenmobo/wenmobo.github.io.git
二飒泻、安裝Node.js
- 2.1 Node.js支持用HomeBrew安裝鞭光，首先要安裝Homebrew，Homebrew安裝可查看這篇文章：MAC上Homebrew常用命令整理
- 2.2 Homebrew安裝好之后泞遗，用Homebrew安裝Node.js惰许，終端輸入：
brew node
三、安裝hexo
- 3.1 安裝hexo史辙，終端輸入：
npm install -g hexo-cli
- 3.2 在本地倉庫MyBlog新建文件夾Blog汹买，然后在終端
cd [Blog文件夾路徑]，執(zhí)行以下命令初始化博客：
hexo init
//或者
hexo init <folder>
cd <folder>
npm instal
成功之后聊倔，目錄文件如下：
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes
- 3.3 查看本地效果晦毙，終端輸入：
hexo s
終端輸出：
WMBdeMacBook-Pro:Hexo WENBO$ hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
將http://localhost:4000/.拷貝到Chome瀏覽器，查看效果耙蔑，如下圖所示：
屏幕快照 2018-01-14 下午11.01.57.png
四见妒、總結(jié)
GitHubPages+Hexo搭建靜態(tài)博客的準(zhǔn)備工作到這里都完成了，下面一篇文章：Hexo相關(guān)配置和使用會(huì)介紹Hexo相關(guān)配置甸陌。
五须揣、參考文章
1、GithubPages教程 在GithubPages上搭建個(gè)人主頁
2钱豁、在Github上使用Hexo搭建個(gè)人博客
3耻卡、如何使用hexo搭建個(gè)人博客（Mac OS系統(tǒng)，windows僅作參考）
4牲尺、Hexo博客主題推薦
