在Coding上搭建Hexo靜態(tài)博客

簡單易懂,新手也能快速上手搭建一個屬于自己的靜態(tài)博客。

因為自己在搭建過程中踩了很多坑,正好寫下這篇博客記錄自己的心得,也分享給其他需要的人。

搭建方法千千萬,但整體過程是差不多的,這里只介紹我自己的搭建過程,正式在coding上成功搭了三遍才寫下這篇博客的,廢話說了那么多,現(xiàn)在開始進入正題吧!

準備工作

  • 安裝git
  • 安裝node.js
  • 注冊coding賬號并綁定郵箱(自己就因為沒綁定郵箱出錯了~)

Hexo的安裝和使用

  • 全局安裝hexo和hexo的運行環(huán)境

    npm install hexo

    npm install hexo-cli

    我也看到過直接執(zhí)行 npm install hexo-cli命令,兩種我都試過,具體區(qū)別也沒研究,我們也沒必要省一句代碼,兩句都執(zhí)行就好了。

  • 初始化項目名

    項目名可以任意,這里以blog作為例子

    hexo blog

  • 運行Hexo

    cd blog

    hexo server(可以簡寫成hexo s)

    在本地查看 http: //localhost:4000 就可以瀏覽到Hexo的默認主題了,到這里本地搭建就成功了。

部署到Coding

  • 在coding上新建一個與用戶名同名的項目,注意項目名必須跟用戶名一模一樣,然后開啟pages服務,分支默認名為coding-pages,可以修改也可以不改,這里我將它改成master。

  • 本地生成ssh證書

    執(zhí)行ssh-keygen -t rsa -C username@example.com (你自己注冊coding的郵箱地址)

    把生成的公鑰(~/.ssh/id_rsa.pub)里的內容全部拷貝到coding個人賬戶下的ssh公鑰里

  • 在hexo生成的blog(這個blog就是前面初始化的項目名)里找到_config.yml文件打開翻到最下面加上deploy配置

    deploy:

      type:  git
    
      repo:  git@git.coding.net:username/username.git
    
      branch:  master
    

    注意格式type:后面有一個空格,要嚴格按照格式,下面的也類似,每行開頭也要空兩格。

  • 生成靜態(tài)文件并發(fā)布到coding

    執(zhí)行hexo generate(也可以簡寫成hexo g)

    hexo deploy(也可以簡寫成hexo d)

    在執(zhí)行hexo deploy報錯說找不到git命令時,執(zhí)行 npm install hexo-deployer-git --
    save再次執(zhí)行hexo deploy就行啦。

    訪問 http: //username.coding.me 就可以看到自己部署的博客啦。

最后再說兩句自己踩的坑,因為自己有兩個coding賬號并且之前一個全局設置了user.name和user.email導致提交代碼出錯所以各位小伙伴要避免這種小錯誤啦如果你按照我說的并沒有搭建成功,出錯了記得google,我也是這樣一步步來的,因為其中還牽涉到一些環(huán)境變量的配置,我自己搭建的時候就碰到有配置環(huán)境變量成功也有沒配置也成功的。寫下來發(fā)現(xiàn)就這么點,可對于新手來說自己折騰也是要一點時間的,希望大家都能成功搭建自己的博客~

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

相關閱讀更多精彩內容

友情鏈接更多精彩內容