作為一個(gè)開(kāi)發(fā)人員懦鼠，如果有一個(gè)個(gè)人網(wǎng)站钻哩，必然是一個(gè)求職過(guò)程中的加分項(xiàng)「匾保可是街氢，開(kāi)發(fā)、部署一個(gè)網(wǎng)站對(duì)于大多數(shù)人來(lái)說(shuō)還是比較費(fèi)勁的淑趾，漂亮的前端寫不好阳仔，服務(wù)器還得收錢。所以扣泊，如何低成本的搭建自己的網(wǎng)站呢近范？不妨來(lái)到GitHub搭建自己的主頁(yè)吧~
建站準(zhǔn)備
工具準(zhǔn)備
- Git 官網(wǎng) 下載頁(yè)面
- Node.js官網(wǎng) 下載頁(yè)面 還有個(gè)這…
- Notepad++ (用于編輯各種文檔，強(qiáng)推延蟹！)官網(wǎng) 下載頁(yè)面
- Sublime Text （用于書寫md文件评矩，后期下載即可！）官網(wǎng) 下載頁(yè)面
知識(shí)儲(chǔ)備
非必須阱飘，了解只是為了做出更個(gè)性化的頁(yè)面
- DOS命令
- html斥杜，css，js 語(yǔ)法
- MarkDown 語(yǔ)法
其他準(zhǔn)備
缺一不可!
- 耐心沥匈！
- 細(xì)心蔗喂！
- 時(shí)間!
開(kāi)始建站
GitHub注冊(cè)并建立項(xiàng)目
- 注冊(cè)GitHub官方地址
不多說(shuō)，如果不會(huì)注冊(cè)的話建議先補(bǔ)充一下電腦知識(shí) -
點(diǎn)擊右上角“+”后點(diǎn)擊 “New respository”
New a respository - 命名為
username.github.io高帖。如我的用戶名為sirzdy缰儿，所以 repository 命名為sirzdy.github.io。(務(wù)必保證這個(gè)名字是你的username散址！此處出現(xiàn)紅色警示是因?yàn)槲乙呀?jīng)建立過(guò)了乖阵，你的應(yīng)該是綠色提示)
fill the information - 點(diǎn)擊按鈕后瀏覽器會(huì)自動(dòng)跳轉(zhuǎn)到一個(gè)頁(yè)面宣赔，關(guān)閉即可。
Git安裝
安裝完之后開(kāi)始菜單會(huì)出現(xiàn)GitBash瞪浸，GitCMD儒将，GitGUI三個(gè)選項(xiàng)，我們后面需要使用GitBash对蒲。
Node.js安裝
Hexo 安裝
打開(kāi)GitBash钩蚊，執(zhí)行 npm install -g hexo-cli，等待安裝完成……
使用Hexo搭建博客
官方文檔 建議看官方的齐蔽，如果實(shí)在看不懂或者不想看可以看看我寫的两疚。
- 在任意位置新建一個(gè)文件夾床估，如
J:\Hexo - 進(jìn)入到
J:Hexo目錄下含滴，右鍵空白處選擇 Git Bash Here
new hexo - 彈出GitBash窗口后，執(zhí)行
hexo init丐巫，直到出現(xiàn)INFO Start blogging with Hexo! - 執(zhí)行
hexo generate或者簡(jiǎn)寫hexo g谈况，執(zhí)行完成，會(huì)在當(dāng)前的J:Hexo下生成很多文件和文件夾! - 執(zhí)行
hexo server或者簡(jiǎn)寫hexo s递胧，直到出現(xiàn)INFO Start processing INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.碑韵，這樣就啟動(dòng)了本地服務(wù)器，在瀏覽器中輸入localhost：4000缎脾，就可以查看了祝闻。 - 配置
_config.yml文件的deploy部分,配置后如下
done
deploy:
type: git
repository: https://github.com/username/username.github.io.git
branch: master
此處要匹配GitHub項(xiàng)目地址！
- 執(zhí)行
hexo deploy完成后遗菠，就可以到username.github.io進(jìn)行訪問(wèn)了联喘。
如發(fā)生 ERROR Deployer not found: git 或者 ERROR Deployer not found: github
解決方法：npm install hexo-deployer-git --save
使用Hexo
- 新建文章
hexo new "newpost"hexo n "newpost"
new post - 新建頁(yè)面
hexo new page "newpage"
new page -
hexo clean刪除生成的文件和緩存 -
hexo generatehexo g生成靜態(tài)文件 -
hexo serverhexo s啟動(dòng)本地服務(wù)器 -
hexo deplothexo d發(fā)布網(wǎng)站(到Github之類)
這一篇整理的較為實(shí)用
當(dāng)然還是官方的文檔最強(qiáng)大，點(diǎn)我到官方文檔
配置Hexo
就是修改_config.yml文件辙纬，配合主題使用豁遭，可以產(chǎn)生千變?nèi)f化的效果
使用Next主題
就目前查的資料以及親身體驗(yàn)顯示，Next主題是最好用的hexo建站主題之一贺拣。
官方文檔,完全推薦蓖谢，建議不要看我的了，因?yàn)槲抑粚懥艘稽c(diǎn)最為重要的譬涡，而且也差不多是copy的闪幽。
安裝主題
在 Hexo 中有兩份主要的配置文件，其名稱都是 _config.yml涡匀。 其中盯腌，一份位于站點(diǎn)根目錄下，主要包含 Hexo 本身的配置渊跋；另一份位于主題目錄下腊嗡，這份配置有主題作者提供着倾，主要用于配置主題相關(guān)的選項(xiàng)。
為了描述方便燕少，在以下說(shuō)明中卡者，將前者稱為 站點(diǎn)配置文件， 后者稱為 主題配置文件客们。
- 進(jìn)入到Hexo文件夾下崇决，右鍵空白處選擇 Git Bash Here
- 執(zhí)行
git clone https://github.com/iissnan/hexo-theme-next themes/next這是把hexo-theme-next克隆到themes/next文件夾下。
啟用主題
打開(kāi)站點(diǎn)配置文件底挫，找到 theme 字段恒傻，并將其值更改為 next。
配置主題
配置 主題配置文件 和 站點(diǎn)配置文件建邓。請(qǐng)移步此查看官方文檔
正式進(jìn)入博客內(nèi)容————文章增刪改
增加新文章
- 在gitbash中執(zhí)行
hexo new "new post"后盈厘，找到source/_posts/"new post.md" - 編輯文件。
(1)Sublime 使用sublime text打開(kāi)官边，進(jìn)行編輯沸手。配合插件“OmniMarkupPreviwer”利用``ctrl+alt+O`進(jìn)行瀏覽器實(shí)時(shí)預(yù)覽 （用于編寫md文件，相關(guān)工具很多注簿，個(gè)人推薦有基礎(chǔ)的使用這個(gè)契吉，沒(méi)有基礎(chǔ)的話學(xué)習(xí)成本略大）。
(2)作業(yè)部落 - 執(zhí)行
hexo clean,hexo g -d诡渴。
修改文章
- 找到要修改的文章捐晶。
- 編輯文件。
- 執(zhí)行
hexo clean,hexo g -d妄辩。
刪除文章
- 找到要?jiǎng)h除的文章惑灵，刪除。注意：至少留一篇文章恩袱，否則會(huì)報(bào)錯(cuò)泣棋。
- 執(zhí)行
hexo clean,hexo g -d。
