標籤:

搭建屬於你的個人博客

之間技術類的文章一直在CSDN寫,但是一直不喜歡CSDN醜陋的排版。

還有更令人生氣的是,在草稿頁面這些還能顯示出來:

結果發布之後就無法顯示了

CSDN!拜拜吧,儘管我在上面寫了將近100篇文章,至今博客排名刷榜也沒有刷到1萬以內,不過這都不足以讓我繼續留在CSDN,我要和你一刀兩斷!

GitHub,我來了。

準備工作

咳咳,首先你要有一個GitHub賬號。

然後創建一個倉庫

注意這個倉庫的名字必須為你的github的名字+github+io,即yourname.github.io

然後我本來是裝了jekyll的,奈何欄主智商太低,也沒有什麼前端基礎。花了一天時間克服了各種bug,仍然沒有沒法調教出自己滿意的blog,直接粉轉路人了。

下面我們介紹一下Hexo。

Hexo寫的實在是太友好了!相比於jekyll的各種語焉不詳,這個安裝和調試文檔寫的那叫一個詳細,我這裡都沒有什麼可寫的了。請直接看參考資料中的Hexo鏈接,安裝Hexo吧。

安裝好之後,我們來安裝Hexo評分最好的一個主題NexT(起這個名字,是在向喬布斯致敬嗎!)同樣,安裝文檔寫的非常非常詳細,愛死他們了。我把鏈接放在參考資料部分了。

安裝好NexT之後,下次再想編輯,直接進入調試模式就可以操作了(在命令行窗口下)

hexo s --debug

配置好主題之後,下一步就可以寫文章了。

在命令行中輸入如下命令:

heox new post new_blog // 這裡post是發布版本的意思,詳情可見NexT介紹 // new_blog是我的博客名

就可以。

當然,我們也可以自己去寫好markdown文件然後放到source\_posts路徑下面,但是自己寫的markdown文件一定要加上這樣的開頭

---title: my first blogdate: 2018-04-06 09:50:31tags:---

否則是無法是別的。

將博客上傳到GitHub

最激動人心的時刻到了,我們來將本地端的內容發布到GitHub上。

關於如何發布,這裡有一個十分詳細的解釋,可以參考這個一步步來。

我按照他的操作遇到錯誤。

Deployer not found: github

查資料原來是hexo 更新到3.0之後,deploy的type 的github需要改成git

先要安裝deployer-git

需要我們在命令控制行輸入如下命令:

npm install hexo-deployer-git --save

下面我們輸入如下命令進行發布

hexo generatehexo deploy

然後敲了回車,繼續報錯

failed to push some refs to git@github.com:username/blog.github.io.git

好吧,不要氣餒,洗洗臉,繼續思考這個bug

查資料發現解決方法——在GitHub的你賬號網頁上右上角,個人的登錄退出的位置,找到setting: setting->emails->Keep my email address private,把這一項去掉勾選即可。

現在我們重現deploy一遍,輸入你的username.github.io,神奇的事情發生了

好了,自己的第一個博客大致就搭建成功了。要是感興趣你也可以試試看。

參考資料

怎樣使用 GitHub??

www.zhihu.com圖標使用jekyll和hexo搭建免費博客?

www.alonemonkey.com圖標文檔?

hexo.io

開始使用 - NexT 使用文檔?

theme-next.iissnan.com圖標Hexo個人免費博客(五) 使用自己的域名?

blog.csdn.net圖標
推薦閱讀:

hexo音樂插件有嗎?或者說hexo上有什麼好玩的插件?
Hexo文章加密
重回github pages
hexo搭建的靜態博客如何添加備案號?
Hexo博客優化之實現來必力評論功能

TAG:博客 | GitHub | Hexo |