今天用了一上午的時(shí)間搭建了一個(gè)免費(fèi)的博客或?qū)懽骶W(wǎng)站啼止，廢話不多說先看看效果：
PC版：
mobile版：
或者微信公眾號(hào)回復(fù)YY卸勺。
是不是很酷炫浆劲。接下里教大家如何搭建這樣一個(gè)酷炫的免費(fèi)寫作網(wǎng)站嫌术，提高自己的逼格。
使用到的工具有：node.js 牌借、npm蛉威、Sublime Text 、git 走哺、Hexo 蚯嫌、github賬號(hào)。
技能掌握：簡單的npm 命令丙躏、簡單的Hexo配置文件配置择示、簡單的git命令（其他的不懂給我留言，哈哈哈??）
開始我的免費(fèi)建站：
第一部：搭建寫作環(huán)境
在搭建寫作環(huán)境的過程的確是一個(gè)比較煩的步驟晒旅，因?yàn)槊總€(gè)人的電腦配置以及出現(xiàn)的奇葩情況都不一樣的栅盲，所以這里如果有在搭建過程中遇到問題時(shí)多度娘或者給我留言。
好的废恋，開始我們寫作環(huán)境搭建之前你需要下載必要的環(huán)境工具：node.js 下載地址：http://nodejs.cn/ , git 下載地址：https://git-scm.com/ 然后根據(jù)自己的系統(tǒng)進(jìn)行傻子安裝谈秫，這里我就不多做介紹，不會(huì)再問問我鱼鼓。
1.1
當(dāng)你的這兩個(gè)工具安裝完成以后可以用下面兩個(gè)命令來檢查是否安裝成功拟烫。
node -v
npm -v
git -v
如果沒有什么意外，就該就可以成功的迄本，這里的npm是在node安裝的時(shí)候就同時(shí)安裝完成的硕淑。一個(gè)包的管理器，當(dāng)然你也可以用yum.應(yīng)人而異嘉赎。
1.2
當(dāng)我們安裝完成最基礎(chǔ)的工具后置媳，我們就開始搭建寫作環(huán)境了，這里我選用最流行的一個(gè)博客框架Hexo,官網(wǎng)地址：https://hexo.io/ 這是一個(gè)非常號(hào)的寫作框架公条，其社區(qū)有豐富的模版主題拇囊，又可以自己編寫屬于自己的頁面。好的靶橱，正如你打開這個(gè)工具官網(wǎng)的地址很顯目的就是這條命令
npm install hexo-cli -g
對(duì)寥袭，沒錯(cuò)路捧，你先把這個(gè)工具安裝到你的全局環(huán)境中
接下來在你任意指定的一個(gè)目錄中開始創(chuàng)建你的網(wǎng)站工程，比如我在D盤下創(chuàng)建了一個(gè)文件夾myBlog,進(jìn)入到你的myBlog文件夾下：
// 初始化你的網(wǎng)站工程
hexo init testblog
// 執(zhí)行上面命令后當(dāng)前目錄會(huì)生成一個(gè)項(xiàng)目工程
// 進(jìn)入項(xiàng)目工程
cd blog
// 安裝項(xiàng)目中使用到的以來包
npm install
// 啟動(dòng)本地的服務(wù) 使用瀏覽器訪問 http://localhost:4000
hexo server
如果本地服務(wù)能正常訪問纠永，說明你的第一個(gè)寫作網(wǎng)站就已經(jīng)完美的搭建好了鬓长，接下來就然我們進(jìn)行寫作的創(chuàng)建和網(wǎng)站主題的加炫過程
第二部：創(chuàng)建寫作網(wǎng)站工程
2.1
在第一部中我們已經(jīng)創(chuàng)建好了所要搭建的網(wǎng)站基本環(huán)境和項(xiàng)目工程，接下來我們就開始進(jìn)行寫作尝江，當(dāng)然對(duì)于靜態(tài)文件工程涉波，一篇文章對(duì)應(yīng)一個(gè)頁面，所以寫作時(shí)需要掌握如何使用markdown來寫作炭序，其實(shí)語法都很簡單的啤覆，主要還是要習(xí)慣怎么去使用它〔涯簦可能和我們平時(shí)寫word不太一樣窗声，具體可以去晚上找找，非常之多辜纲，不懂再問我笨觅。
具體操作查看官方文檔比較詳細(xì)：https://hexo.io/zh-cn/docs/writing.html
我這里只是一個(gè)比較粗略的說明
在我們創(chuàng)建好的項(xiàng)目工程中通過如下命令去創(chuàng)建一片文章：
//創(chuàng)建一個(gè).md文件 默認(rèn)布局模版 hexo new [layout] <title>
hexo new hellworld
當(dāng)你的文件創(chuàng)建成功以后就可以在工程目錄下source/_posts/ 會(huì)自動(dòng)生成一個(gè)hellworld.md的文件，該文件是由你選定的默認(rèn)布局模版來生成的耕腾。包括頁面的頭部等信息见剩。接下來在你生成的文件中可以開始發(fā)揮的的寫作天賦了。扫俺。苍苞。
2.2 當(dāng)你寫作完成以后，那么接下來就開始編譯你的項(xiàng)目狼纬，如果說你對(duì)官方的給你默認(rèn)themes 覺得太low羹呵，那么很好，這里給你提供了大量的插件主題疗琉，按照你自己喜歡的風(fēng)格去選擇冈欢，主題資源地址：https://hexo.io/themes/
選擇你喜歡的主題后，你可以將它下載下來直接放到你的工程目錄的themes文件夾下面没炒，然后修改一下更換主題名
// 在 _config.yml配置文件中找到theme: [對(duì)應(yīng)所要更換的主題文件夾名]
// 然后本地進(jìn)行編譯
hexo d // 或者 hexo deploy
hexo g // 或者 generate
hexo server 8008 // 啟動(dòng)本地服務(wù) 使用http://localhost:8008查看效果 -- 完美
基本的寫作流程我們已經(jīng)講完涛癌，下面是要讓全世界的人都能看到你的文章了。
第三部：部署我的網(wǎng)站送火，讓全世界膜拜你
3.1 本部是將你寫好的文章發(fā)布到對(duì)應(yīng)的服務(wù)器上。首先你需要在GitHub或者中國碼云（不是“馬”云先匪，??）的賬號(hào)种吸。
這里就拿GitHub來舉個(gè)例子吧，基本賬號(hào)申請(qǐng)如果不懂再留言呀非，在創(chuàng)建好的賬號(hào)中點(diǎn)擊創(chuàng)建一個(gè)new repository 坚俗，在你填寫的地址一定要以下格式：
[你登陸的賬號(hào)名稱].github.io
然后你創(chuàng)建完成這個(gè)庫后镜盯，如果想用自己的域名的話，你可以在庫目錄下新建一個(gè)沒有后綴名CNAME文件猖败，并在該文件下寫好你的域名地址速缆。
3.2 接下來，你的倉庫已經(jīng)差不多創(chuàng)建完成了恩闻，那么需要在本地將我們寫好的文章提交到創(chuàng)建的倉庫中艺糜，這樣才可以完美的顯示。打開你的工程下的_config.yml文件幢尚，配置你的github賬號(hào)和地址如下：
deploy:
type: git
repo: [你的倉庫地址]
在配置完成以后破停，我們需要添加一個(gè)hexo-git工具，來實(shí)現(xiàn)文章發(fā)布提交的流程自動(dòng)化過程尉剩。
npm install hexo-deployer-git --save
當(dāng)安裝好這個(gè)插件以后真慢，我們就可以實(shí)現(xiàn)文章的提交到我們的倉庫中了
// 使用該命令則會(huì)一鍵部署到我們的倉庫中
hexo deploy
這樣就很完美的通過你自己的域名或git的域名訪問到你發(fā)布的文章了，接下來就是展示你自己才華的平臺(tái)理茎，你可以將你自己的博客系統(tǒng)做得比你想象的完美黑界。。皂林。
來再次體驗(yàn)以下朗鸠，這里可以慢慢添加你自己需要的功能。
https://www.shuimqkl.com/
