手把手教你用hexo+github搭建專屬博客

  自從上次在csdn發FQ教程被封號以後,就一直想着搭建本身的專屬博客,更自由一點,還能夠本身定製。因此這就動手用hexo+github搭建專屬本身的博客天地。javascript

1、準備工做html

一、Git下載,windows版本Git安裝初次運行Git前的配置生成SSH公鑰java

二、Github帳號申請https://github.com/    配置SSHnode

三、node.js下載以及安裝git

四、markdown下載以及安裝github

2、Hexo的介紹以及安裝npm

一、Hexo簡介json

  先附上Hexo的官方文檔:https://hexo.io/docs/windows

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

二、Hexo安裝

  安裝Hexo以前確保git和nodejs安裝成功。接下來在計算機的某個磁盤下新建文件夾hexo,進入到hexo文件夾使用Git Bash(在任意位置單擊右鍵,選擇 「Git Bash Here」 便可)          $ npm install -g hexo-cli

  Hexo更新到最新版本:
npm update hexo -g
三、hexo初始化
  安裝hexo以後,執行如下命令,hexo會在當前文件夾下新建所須要的文件。
hexo init hexo
cd hexo
npm install
輸入如下命令生成靜態頁面
hexo generate
新建完成以後,文件夾目錄以下
.
├── _config.yml 網站的配置信息,您能夠在此配置大部分的參數
├──  package .json 應用程序的信息
├── scaffolds 模板文件夾
├── source 資源文件夾,存放用戶資源
|   ├── _drafts
|   └── _posts
└── themes 網站主題文件夾
接着輸入命令啓動服務:
hexo server
打印信息以下表示服務啓動成功
$ hexo server
INFO  Start processing
INFO  Hexo is running at http: //localhost:4000/. Press Ctrl+C to stop.
而後在瀏覽器中訪問:http://localhost:4000/ 
四、hexo配置(_config.yml文件)  
title              網站標題
subtitle           網站副標題
description        網站描述
author             您的名字
language           網站使用的語言
timezone           網站時區。Hexo 默認使用您電腦的時區。時區列表。好比說:America/New_York, Japan, 和 UTC 。

其中,description主要用於SEO,告訴搜索引擎一個關於您站點的簡單描述,一般建議在其中包含您網站的關鍵詞。author參數用於主題顯示文章的做者。

 五、hexo部署至Github

  首先須要在Github中新建倉庫 new repository爲:本身的Github名稱.github.io, 如:isabelle.github.io  。而後修改_config.yml配置文件,打開文件後找到deploy,修改以下:

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: https://github.com/isabellebaby007/isabellebaby007.github.io
  branch: master
  message:

編輯完成以後,保存,接着安裝hexo-deployer-git ,命令以下:

$ npm install hexo-deployer-git --save

安裝完成之後,執行以下配置命令:

$ hexo deploy

從新部署一下,命令以下:

$ hexo clean
$ hexo generate
$ hexo deploy

部署完成以後,打開瀏覽器輸入:https://github名稱.github.io   此時會發現沒有網站主題。選擇一個本身喜歡的主題。

相關文章
相關標籤/搜索