業(yè)界早有大佬說過,寫博客大抵會經(jīng)過三個階段:
第一階段,剛接觸Blog,覺得很新鮮,試著選擇一個免費空間來寫。
第二階段,發(fā)現(xiàn)免費空間限制太多,就自己購買域名和空間,搭建獨立博客。
第三階段,覺得獨立博客的管理太麻煩,最好在保留控制權(quán)的前提下,讓別人來管,自己只負責寫文章。
是時候表演真正的技術(shù)了。
建博客就是搭建了一個小型的網(wǎng)站,無非是編寫html然后找一個免費的空間把html掛上去,給大家看。
但是,我希望我只專注于寫文章,然后html自動生成,于是我就用了hexo這個工具,免費的空間,可以用大名鼎鼎的github,國內(nèi)同類的開源中國旗下 碼云,還有一個coding。
由于我大天朝有防火墻,github網(wǎng)速不怎樣,碼云不支持綁定域名,所以我選擇了coding,香港服務(wù)器,國內(nèi)外速度都挺好。
介紹下怎么使用hexo吧。
學習基礎(chǔ):
- 前端開發(fā)基礎(chǔ):html,javascript,css,nodejs
- 建網(wǎng)站基礎(chǔ):購買域名,發(fā)布網(wǎng)站。
- git使用基本技能。
- makedown寫作語法。
- 基本的命令行。
一、安裝 nodejs
官網(wǎng)下載安裝就行https://nodejs.org/
二、安裝 git
git 的軟件很多,選一款你自己適應(yīng)的就行。
我用過,小烏龜tortoisegit,github,git,eclipe插件,idea插件,等等
hexo也有自帶的,不裝也行。
為什么要安裝 git 呢?客觀的原因也沒有深究。且來說說主觀原因吧。
三、安裝 hexo
管理員權(quán)限,命令行:npm install -g hexo-cli,就安裝好了,然后創(chuàng)建博客就行了。
hexo init <folder>
cd <folder>
npm install

更多詳細配置看這里 https://hexo.io/zh-cn/docs/
五、切換主題
hexo 官方提供了大量的優(yōu)秀主題可以更換,當然也可以選擇自己去寫一個主題出來。
我在官網(wǎng)看到一個
主題,甚是喜歡,毫不猶豫就把主題給換了。
主題代碼拷貝
主題的拷貝也是直接使用 git 即可,首先進入到你博客的根目錄,再打開 git-bash 運行
git clone https://github.com/iissnan/hexo-theme-next themes/next-
啟用主題
在博客根目錄下找到_config.yml文件,找到里面的 theme,改為
theme: next
這時再運行一次hexo s,看看主題有沒有生效吧。
六、發(fā)布博客到 coding
-
配置hexo deploy
hexo 提供了一個部署命令hexo deploy,首先需要安裝一下hexo-deployer-git插件
npm install hexo-deployer-git --save
然后配置一下_config.yml文件:
deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]
預(yù)覽效果
在 coding 上建立一個私人倉庫,找到代碼的 coding 地址,填好上面的配置,然后直接執(zhí)行
hexo deploy
不出意外的話會讓你填寫 coding 的用戶名和密碼完成上傳操作。如果你有配置 ssh 方式的話就更加方便了。
這個時候再到 coding 對應(yīng)的項目里面打開 pages 服務(wù),根據(jù) coding 建議,因為不是 jekyll 項目,所以需要再新建一個.nojekyll 文件(空文件就行,其實不建立也行),等上一會就能夠訪問自己的博客了。
coding會讓你添加他們的官網(wǎng)在你的博客某個地方,算了,他們免費。我忍了。
附上我的個人博客對應(yīng)博文地址:https://angualr2.top
申請這個域名是因為,我是java專業(yè)的,angular入門前端。僅此紀念。
阿里云搞活動,3塊錢一年。