搭建屬於你的個人博客
之間技術類的文章一直在CSDN寫,但是一直不喜歡CSDN醜陋的排版。
還有更令人生氣的是,在草稿頁面這些還能顯示出來:
結果發布之後就無法顯示了
CSDN!拜拜吧,儘管我在上面寫了將近100篇文章,至今博客排名刷榜也沒有刷到1萬以內,不過這都不足以讓我繼續留在CSDN,我要和你一刀兩斷!
GitHub,我來了。
準備工作
咳咳,首先你要有一個GitHub賬號。
然後創建一個倉庫
注意這個倉庫的名字必須為你的github的名字+github+io,即http://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一遍,輸入你的http://username.github.io,神奇的事情發生了
好了,自己的第一個博客大致就搭建成功了。要是感興趣你也可以試試看。
參考資料
怎樣使用 GitHub?使用jekyll和hexo搭建免費博客文檔開始使用 - NexT 使用文檔Hexo個人免費博客(五) 使用自己的域名
推薦閱讀:
※hexo音樂插件有嗎?或者說hexo上有什麼好玩的插件?
※Hexo文章加密
※重回github pages
※hexo搭建的靜態博客如何添加備案號?
※Hexo博客優化之實現來必力評論功能