當前位置:
首頁 > 知識 > 使用Github+Hexo框架搭建部署自己的博客

使用Github+Hexo框架搭建部署自己的博客

前言

Hexo 是一個快速、簡潔且高效的博客框架。Hexo 使用 Markdown (或其他渲染引擎 )解析文章, 在幾秒內,即可利用靚麗的主題生成靜態網頁。

安裝安裝前提

安裝 Hexo 相當簡單。然而在安裝前,您必須檢查電腦中是否已安裝下列應用程序:

  • Node.js
  • Git 如果您的電腦中已經安裝上述必備程序,那麼恭喜您!接下來只需要使用 npm 即可完成 Hexo 的安裝。

    $ npm install -g hexo-cli

如果您的電腦中尚未安裝所需要的程序,請根據以下安裝指示完成安裝。

安裝Git
  • Windows:下載並安裝 git.

  • Mac:使用 Homebrew,MacPorts:brew install git;或下載安裝程序安裝。

  • Linux (Ubuntu, Debian):sudo apt-get install git-core

  • Linux (Fedora, Red Hat, CentOS):sudo yum install git-core

安裝Node.js

安裝 Node.js 的最佳方式是使用 nvm。

cURL:

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh

Wget:

$ wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

安裝完成後,重啟終端並執行下列命令即可安裝 Node.js。

$ nvm install stable

或者您也可以下載 安裝程序來安裝。

安裝Hexo

所有必備的應用程序安裝完成後,即可使用 npm 安裝 Hexo。

$ npm install -g hexo-cli

建站

安裝 Hexo 完成後,請執行下列命令,Hexo 將會在指定文件夾中新建所需要的文件。

$ hexo init
$ cd
$ npm install

部署

Hexo 提供了快速方便的一鍵部署功能,讓您只需一條命令就能將網站部署到伺服器上。

$ hexo deploy

在開始之前,您必須先在 _config.yml中修改參數,一個正確的部署配置中至少要有type

參數,例如:

deploy:
type: git

您可同時使用多個 deployer,Hexo 會依照順序執行每個 deployer。

deploy:
- type: git
repo:
- type: heroku
repo:

縮進 YAML依靠縮進來確定元素間的從屬關係。因此,請確保每個deployer的縮進長度相同,並且使用空格縮進。

Git

如果在使用命令 hexo deploy的時候,報錯:

ERROR Deployer not found: git

$ npm install hexo-deployer-git --save

修改配置。

deploy:
type: git
repo:
branch: [branch]
message: [message]


參數 描述
repo 庫(Repository)地址
branch 分支名稱。如果您使用的是 GitHub 或 GitCafe 的話,程序會嘗試自動檢測。
message 自定義提交信息 (默認為 Site updated: {{ now ( "YYYY-MM-DD HH:mm:ss" ) } })

我自己的配置為:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: git@github.com:weiqinl/weiqinl.github.io
branch: master
message: "提交的消息"

那麼,就可以在 weiqinl/weiqinl.github.io庫中,找到部署的文件,提交信息為:提交的消息。

這樣,訪問地址:https://weiqinl.github.io,hexo博客系統搭建完成。

參考連接
喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 科技優家 的精彩文章:

ReactiveCocoa源碼解析(二)Bag容器的代碼實現
Java集合-HashSet
為什麼多線程、junit 中無法使用spring 依賴注入?
OS X 和iOS 中的多線程技術(上)
View Components as Tag Helpers,離在線模板編輯又進一步

TAG:科技優家 |

您可能感興趣

使用Hexo框架+Apollo主題搭建博客
Spring Cache 框架
SpringMVC,Spring,Hibernate框架自動生成器
Facebook 開源 PyText:用於構建自然語言系統的框架
資源 | 領英開源TonY:構建在Hadoop YARN上的TensorFlow框架
Jmeter+Ant+Jenkins介面自動化測試框架搭建for Windows
領英開源TonY:構建在Hadoop YARN上的TensorFlow框架
JFinal框架學習——EhCachePlugin
原創:用python web框架 bottle 開發網站一
Facebook旗下Oculus VR團隊開源了DeepFocus框架
Google Guice 媲美Spring的輕量級框架
LinkedIn 開源 TonY:在 Hadoop 上運行 TensorFlow 的框架
LinkedIn開源TonY:在Hadoop上運行TensorFlow的框架
Google 跨平台 UI 框架-Flutter
Oculus VR團隊開源DeepFocus框架
Uber開源Fusion.js:一個基於插件架構的通用Web框架
基於OpenCV、PiCamera和FFmpeg構建的視頻處理框架:VidGear
GitOps:一款基於Kubernetes的高速CI/CD框架
RPC框架實踐之:Apache Thrift
在Google Play上發現使用SMiShing框架的虛假銀行App