自從上次在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
INFO Start processing
INFO Hexo is running at http:
//localhost:4000/. Press Ctrl+C to stop.
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 此時會發現沒有網站主題。選擇一個本身喜歡的主題。