發(fā)現(xiàn)在VPS上部署Hexo博客看著太麻煩了,還是本地配合Github搞吧,這樣既不失裝B還能超低成本有自己的一個(gè)博客,不用自己出服務(wù)器錢,不用擔(dān)心被攻擊,如果你不要獨(dú)立域名直接就是0成本!
在dalao界Hexo博客一直令我等鶸膜拜,在網(wǎng)上找了很多資料后終于搞定了Hexo的博客,以后也可以裝B去了。不過你要是不差錢,就是個(gè)小白還是用WP吧,這玩意用著其實(shí)挺別扭的。。。
Table of Contents
本次以比較流行的Win10為例,Win7、8也差不多,XP直接打死。
Git是上傳到Github的工具,如果在Github上有項(xiàng)目都會(huì)用到這個(gè)。
下載:https://git-scm.com/download/win 選擇對(duì)應(yīng)系統(tǒng)的版本即可,一路下一步,記住選擇幾個(gè)功能,這樣操作更像是在Linux Shell里操作。
Use Git from Bash only
、Checkout Windows-style,commit Unix-style line endings
、Use MinTTY(the default terminal of MSYS2)
安裝好后需要幾行命令說清楚你是誰,這樣才能認(rèn)對(duì)人。自行替換自己的用戶名和郵箱。
這個(gè)操作加密你的通信過程,同時(shí)后期上傳到Github都會(huì)用到。
按3次回車,全部無視,證書文件會(huì)在C:\User\用戶名\.ssh 生成兩個(gè)文件。
去官網(wǎng)下載NodeJS Windows版本,建議選擇LTS版本,https://nodejs.org/en/,安裝的時(shí)候務(wù)必選擇Add to PATH選項(xiàng)。
在Git程序里運(yùn)行命令行即可安裝
至此在Win上的部署安裝已經(jīng)完成,接下來就是如何使用了。
假設(shè)代碼存放在D:\hexo\blog
在D:\hexo\blog 里就能看到所有文件了,下面是文件說明:
目錄名稱 | 說明 |
---|---|
scaffolds | 模版 文件夾。當(dāng)您新建文章時(shí),Hexo 會(huì)根據(jù) scaffold 來建立文件。 Hexo的模板是指在新建的markdown文件中默認(rèn)填充的內(nèi)容。例如,如果您修改scaffold/post.md中的Front-matter內(nèi)容,那么每次新建一篇文章時(shí)都會(huì)包含這個(gè)修改。 |
source | 資源文件夾是存放用戶資源的地方。除 _posts 文件夾之外,開頭命名為 _ (下劃線)的文件 / 文件夾和隱藏的文件將會(huì)被忽略。Markdown 和 HTML 文件會(huì)被解析并放到 public 文件夾,而其他文件會(huì)被拷貝過去。 |
themes | 主題 文件夾。Hexo 會(huì)根據(jù)主題來生成靜態(tài)頁面。 |
_config.yml | 網(wǎng)站的 配置 信息,您可以在此配置大部分的參數(shù)。 |
package.json | 應(yīng)用程序的信息。EJS, Stylus 和 Markdown renderer 已默認(rèn)安裝,您可以自由移除。 |
推薦NexT主題,這是一款知名的Hexo主題,非常漂亮簡潔。
回到根目錄,找到_config.yml 文件,在第66行的theme字段里把默認(rèn)主題名字換成next即可。
Markdown
支持插入本地圖片或外部鏈接圖片,要保證本地和網(wǎng)絡(luò)上都能訪問圖片,使用hexo-asset-image
在目錄D:\hexo\blog\source\_posts
下會(huì)生成Markdown文件Hello World.md
手動(dòng)添加Markdown
文件到D:\hexo\blog\source\_posts
目錄效果一樣
如果以后修改了主題和寫了一篇新文章都可以使用這個(gè)方法在本地查看,解決BUG。
打開瀏覽器,輸入http://localhost:4000 即可看到站點(diǎn)的預(yù)覽了。
提醒一點(diǎn),生成靜態(tài)化可以使用簡化命令
在后面的上傳到Github中,如果你發(fā)現(xiàn)明明寫了一篇文章,但是網(wǎng)站卻沒有?那么一定是MD的語法有問題,生成靜態(tài)化文件的時(shí)候就會(huì)報(bào)錯(cuò),務(wù)必檢查一下哪里出問題,修復(fù)后才能成功上傳和展現(xiàn)文章。
Github比較出名些,Coding是國內(nèi)的平臺(tái),和Github基本差不多,如果擔(dān)心訪問速度或者其他原因可以選擇國內(nèi)的。
新建一個(gè)倉庫,建好后可以在倉庫首頁的Setting里修改為:yourname.github.io
點(diǎn)擊Github右上角的頭像,有個(gè)Setting,找到SSH and GPG keys,新建一個(gè)New keys,隨便起名,把密鑰內(nèi)容復(fù)制進(jìn)去。密鑰是啥?就是最開始生成的那個(gè)密鑰,id_rsa.pub文件。
在本地的Git中執(zhí)行,
如果出現(xiàn)Hi username! You've successfully authenticated, but GitHub does not provide shell access.
提示,則表示連接成功。如果不行就重新生成一個(gè)密鑰再重新上傳密鑰試試。
Github免費(fèi)用戶只能新建公開的代碼倉庫,而且是國外的服務(wù)器,而Coding可以新建私有代碼倉庫,國內(nèi)用戶訪問速度更快。注冊(cè)Coding,添加項(xiàng)目,項(xiàng)目名稱為Coding用戶名
,分支選擇master
,同時(shí)還需要在D:\hexo\blog\source
目錄下創(chuàng)建一個(gè)空白文件Staticfile
:
https://coding.net/help/doc/git/ssh-key.html
在Coding 賬戶
中找到SSH 公鑰
,新增公鑰,復(fù)制公鑰文件id_rsa.pub
中的內(nèi)容
在Git Bash
中執(zhí)行:
如果出現(xiàn)Hello username! You have connected to Coding.net by SSH successfully!
提示,則表示連接成功。
注意站點(diǎn)配置文件D:\hexo\blog\_config.yml
中deploy
參數(shù)配置如下:
在本地Git中執(zhí)行:
如果出現(xiàn)INFO Deploy done: git
提示,則表示部署成功。訪問用戶名.github.io
和用戶名.coding.me
都可以正常打開博客了。
用個(gè)二級(jí)域名總是不爽,何況現(xiàn)在主流域名都不貴,現(xiàn)在來綁定自己的域名。
www和@記錄做CNAME解析到 用戶名.github.io
如果使用的是Coding同樣的方法解析到 pages.coding.me
在D:\hexo\blog\source
目錄下新建一個(gè)文件CNAME
,內(nèi)容為要綁定的域名:
文件去掉格式,直接空白
在Coding網(wǎng)站中進(jìn)入剛新建的項(xiàng)目,依次單擊代碼
、Pages服務(wù)
自定義域名:
重新部署一次代碼即可。
推薦Typora,介紹文章:http://www.iplaysoft.com/typora.html
由于markdown要導(dǎo)入網(wǎng)絡(luò)圖片才能讓本地用戶和網(wǎng)絡(luò)用戶都能正常訪問圖片,而且像有道云筆記這種還不能支持插入圖片,所以要借助圖床和快捷插入圖片的小插件來提高寫作效率。
注冊(cè)七牛,在對(duì)象存儲(chǔ)
中新建存儲(chǔ)空間,要選擇公開空間,不然上傳圖片后無法分享外部鏈接。
下載MPic-圖床神器,設(shè)置賬號(hào),空間名
為七牛對(duì)象存儲(chǔ)空間名稱,AccessKey
和SecretKey
在七牛個(gè)人面板
下的密鑰管理
中,域名
為七牛對(duì)象存儲(chǔ)空間中內(nèi)容管理
頁簽下的外鏈默認(rèn)域名。
推薦一些文章可以幫助你更快的學(xué)習(xí)使用和解決問題
本篇文章的寫成參考了以下文章,感謝原作者的奉獻(xiàn)!
Hexo這種靜態(tài)化博客真是輕快,打開速度飛快,比臃腫的WP強(qiáng)了很多。不過因?yàn)闆]有后臺(tái)之類的東西所以新建文章等操作需要手動(dòng)操作,不過Hexo的可塑性還是不錯(cuò)的,流行的MD語法,還有文件在本地都可以自由修改,只要懂得一些代碼知識(shí)就能打造自己的站點(diǎn)。加上配合Github、Coding的使用,完全可以做到0成本擁有自己的博客。如果你對(duì)他感興趣就一起來部署擁有自己的第一個(gè)博客吧!
原創(chuàng)文章,作者:zrj766,如若轉(zhuǎn)載,請(qǐng)注明出處:https://www.zrj96.com/post-471.html
聯(lián)系客服