最快的 Hexo 博客搭建方法

Cloud Studio 是基於瀏覽器的集成式開發環境,爲開發者提供了一個永不間斷的雲端工做站,支持絕大部分編程語言,包括 HTML五、PHP、Python、Java、Ruby、C/C++、.NET 小程序等等。Cloud Studio 提供了完整的 Linux 環境,而且支持自定義域名指向,動態計算資源調整,能夠完成各類應用的開發編譯與部署。npm

使用 Cloud Studio ,就不須要再折騰 Hexo 環境,不須要再解決不一樣平臺上的各類衝突,直接在 Cloud Studio 裏面便可進行 Hexo 的寫做和部署。編程

準備工做: 註冊 CODING 帳戶,打開 Cloud Studio ,綁定騰訊雲帳號並實名認證。小程序

##第一步 一鍵構建環境 瀏覽器

此處輸入圖片的描述

點擊左下角的『終端』,接下來就進入敲命令時間。bash

首先新建一個文件夾並進行初始化,工做區中的全部文件將存放在這個文件夾裏面,文件夾名 可自定義(這時候能夠去倒杯水喝,閉目養神五分鐘):hexo

hexo init <folder>

複製代碼

此處輸入圖片的描述

接下來進入該文件夾(本文後面全部命令都在該文件夾目錄中執行),並進行依賴安裝:編程語言

cd <folder>
npm install
複製代碼

安裝完成後,該文件夾的目錄結構以下:ui

此處輸入圖片的描述

##第二步 寫做spa

在工做文件夾中執行這條命令來新建一篇文章,title即爲文章的標題。3d

hexo new <title>
複製代碼

終端會返回一條信息,告訴你文章源文件存放在哪裏.

打開該 md 文件,開始你的寫做吧!

此處輸入圖片的描述

###第三步 生成

寫完 md 源文件後,咱們須要 Hexo 幫忙生成靜態文件,以便能在瀏覽器中看到渲染後最終的效果。 執行生成文件命令:

hexo generate
複製代碼

或者其簡寫形式:

hexo g
複製代碼

終端執行命令後效果以下。目錄中會多出一個 public 文件夾,剛纔生成的文件都放在其中。

此處輸入圖片的描述

###第四步 部署

準備工做:註冊域名並進行實名認證,而後綁定域名

點擊右邊的【綁定域名】填入本身的域名和端口 (8080)。 在左邊的文件中,找到【themes】→【_config.yml 】文件,雙擊進行修改,在 URL 中填入域名。

此處輸入圖片的描述

在終端輸入命令啓動服務:

hexo server -p 8080
複製代碼

###第五步 訪問博客

打開瀏覽器輸入本身的域名,能夠看到本身搭建完成的 Hexo 博客!大功告成!

此處輸入圖片的描述

##備註: 一、域名須要實名認證,不然過一段時間其餘人沒法訪問你的博客。 二、每次在 MD 編寫完內容以後,都須要執行[hexo g]進行生成。 三、Markdown 語法可參考這篇幫助文檔。更多博客設置請參考 Hexo 官網

相關文章
相關標籤/搜索