Hexo+coding搭建博客

業(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ǔ):

  1. 前端開發(fā)基礎(chǔ):html,javascript,css,nodejs
  2. 建網(wǎng)站基礎(chǔ):購買域名,發(fā)布網(wǎng)站。
  3. git使用基本技能。
  4. makedown寫作語法。
  5. 基本的命令行。

一、安裝 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)看到一個

Next

主題,甚是喜歡,毫不猶豫就把主題給換了。

  1. 主題代碼拷貝
    主題的拷貝也是直接使用 git 即可,首先進入到你博客的根目錄,再打開 git-bash 運行
    git clone https://github.com/iissnan/hexo-theme-next themes/next

  2. 啟用主題
    在博客根目錄下找到

    _config.yml

    文件,找到里面的 theme,改為
    theme: next
    這時再運行一次

    hexo s

    ,看看主題有沒有生效吧。

六、發(fā)布博客到 coding

  1. 配置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塊錢一年。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容