Windows下如何搭建免費個人博客？無論是我們的工作還是生活的需要，我們都需要擁有一個屬于自己的博客，那么免費的個人博客如何搭建呢？今天小編就為大家詳細講解一下Windows下三步搭建免費個人博客吧。
1、創(chuàng)建Github 域名和空間
1.1注冊
首先需要注冊一個Github賬號，如果你已經(jīng)有請?zhí)^此步直接看1.2創(chuàng)建倉庫，注意username，這會影響到你的域名，你的域名將會是 username.github.io，所以認真的取個名字吧。
注冊過程可能需要驗證你的郵箱，其他就不在贅述。
1.2創(chuàng)建倉庫
然后需要創(chuàng)建一個倉庫(repository) 來存儲我們的網(wǎng)站，點擊首頁任意位置出現(xiàn)的 New repository按鈕創(chuàng)建倉庫,Respository name 中的username.github.io 的username一定與前面的Owner 一致，記住你的username下面會用到。
第一步就已經(jīng)完成了，下面是安裝。
2.安裝
下面需要安裝的工具包括Github，Nodejs，Hexo。Windows 用戶自行搜索這些工具，直接安裝即可。安裝node.js和git（安裝的是GitHub）。hexo利用node.js開發(fā)，安裝Github、Nodejs后，用命令安裝hexo。
2.1安裝Github
可以去GitHub官方網(wǎng)站下載。下載后直接安裝即可。
2.2安裝Nodejs
到nodejs官方網(wǎng)站直接下載，下載下來的msi包一直點擊下一步即可，當然可以選擇安裝目錄，本人選擇安裝在了D盤（c盤分的太小了）。我安裝的是第一個版本。
2.3安裝Hexo
以上都安裝完成之后再安裝Hexo,打開Git shell,如圖
輸入命令 npm install -g hexo
到這里所有必須工具已經(jīng)安裝完成，下面我們就可以生成博客，上傳至我們的Github 倉庫了。
3. 編寫，發(fā)布
接下來我們需要用Hexo初始化一個博客，然后更改一些自定義的配置，或者加上自己喜歡的主題，寫上第一篇文章，然后發(fā)布到自己的個人Github網(wǎng)站(qingfeng825.github.io)。
3.1創(chuàng)建博客
將下面的 qingfeng825 替換成你自己的username，執(zhí)行成功后，會創(chuàng)建出一個名為 qingfeng825.github.io 的文件夾，博客相關(guān)的配置、主題與文本內(nèi)容等都在此目錄下由 hexo 進行管理。當然這里的命令也是在Git Shell中敲的。
命令為：npm init qingfeng825.github.io
3.2編輯文章
完成上述步驟后，本地的 hexo 已經(jīng)基本搭建完成了�，F(xiàn)在，我們希望新建一篇名為Hello World的文章（我不會告訴你我是做Android開發(fā)的）。在 shell 中執(zhí)行：cd qingfeng825.github.io將工作目錄切換到\qingfeng825.github.io下，如果已經(jīng)在此目錄下則直接進行如下命令hexo new "Hello World"!,然后輸入命令：hexo server，成功執(zhí)行上述指令后，打開瀏覽器，訪問 localhost:4000，如果出現(xiàn)下圖中的Hello World則說明你的 hexo 博客已經(jīng)搭建成功了。如果你希望退出服務(wù)，輸入 ctrl + C 即可。
沒有出現(xiàn)完全相同的界面也不要急，因為我是提前做好了主題設(shè)置，下面會涉及到只要看到Hello World即可。
3.3安裝hexo-deployer-git自動部署發(fā)布工具
要想把文章發(fā)布出去，必須安裝deployer命令如下圖
3.4修改_config.yml
發(fā)布之前還有一些工作要做那就是配置_config.yml，
deploy:
type: git
repo: git@github.com:qingfeng825/qingfeng825.github.io.git
branch: master
看準了所有：后面有一個英文空格，沒有會出錯的。
3.5發(fā)布
配置完這些信息后可以敲命令了如圖。兩個命令分別為hexo generate和 hexo deploy（注意順序不要亂）
完成這些操作之后你就可以點擊http://qingfeng825.github.io訪問了。最后應(yīng)該是類似這個樣子的。
4 主題設(shè)置
選擇一款適合你的主題hexo 默認的主題樣式是 landscape，也許你希望使用更多樣、更個性化的主題風格。在 github 上有許多開源的 hexo 主題，你只需要把它們克隆到 ~/blog/themes 目錄下，并在 ~/blog/_config.yml 的 theme 屬性中設(shè)置你希望使用的主題，然后重新生成頁面部署即可。這里推薦幾個在 github 上 star 數(shù)較高的主題：
Yilia
next
這些主題怎么配置在這里就不講了，因為他們都是開源的而且項目本身介紹已經(jīng)很詳細。當然，如果你自己就是一名優(yōu)秀的前端工程師，甚至可以自己定制一份屬于自己獨一無二的hexo-theme，你還可以把你的作品開源到 github 上供更多的 hexo用戶使用與學(xué)習。
關(guān)于騰牛 | 聯(lián)系方式 | 發(fā)展歷程 | 版權(quán)聲明 | 下載幫助(？) | 廣告聯(lián)系 | 網(wǎng)站地圖 | 友情鏈接
Copyright 2005-2018 QQTN.com 【騰牛網(wǎng)】 版權(quán)所有 鄂ICP備17010784號-1 | 
鄂公網(wǎng)安備 42011102000245號
聲明： 本站非騰訊QQ官方網(wǎng)站 所有軟件和文章來自互聯(lián)網(wǎng) 如有異議 請與本站聯(lián)系 本站為非贏利性網(wǎng)站 不接受任何贊助和廣告
