Hexo+github搭建博客

(遷移自舊博客2017-04-10)

不少人想要一個本身的博客，無論是寫文章仍是技術分享，hexo都是不錯的選擇。hexo是一款基於Node.js的靜態博客框架，可能第一次搭建起來會有不少坑，不過仍是很簡單的。下面是搭建步驟。

配置環境

安裝Node

用來生成靜態頁面，到Node.js官網下載相應平臺的最新版本，一路安裝便可。

安裝git

Git是一款免費、開源的分佈式版本控制系統，用於敏捷高效地處理任何或小或大的項目。安裝後能夠把本地的hexo內容提交到github上去。

申請GitHub

沒有賬號的能夠註冊，已經有的請自動略過。須要注意的是用戶名必定要起本身喜歡的，由於後期用用戶名做域名。

對於前端開發者來講，以上三者是開發必備，還不會的能夠去網上看看教程。
git教程推薦廖雪峯的博客。

正式安裝Hexo

裝好node和git以後，建立一個blog文件夾，用來存放Hexo的配置文件。而後進入blog安裝Hexo。打開bash或者cmd，進入blog文件夾，在命令行中輸入

$ sudo npm install hexo-cli -g

下面就能夠生成博客，上傳到github上了。
執行init命令初始化hexo,命令：

hexo init

生成靜態頁面

hexo generate（hexo g也能夠）

本地啓動

啓動本地服務，進行文章預覽調試，命令：

hexo server (hexo s 也能夠)

瀏覽器輸入http://localhost:4000

若是能跑起來就基本沒問題。固然你的博客剛打開不會這麼炫酷，個人是後期配置好的，想要博客更好看就從第一步慢慢作起吧。
接下來讓博客跑在guthub服務器上。

配置github

創建Repository

創建與你用戶名對應的倉庫，倉庫名必須爲【your_user_name.github.io】，固定寫法。

接下來寫好文章就能發佈到 Github 上了，第一次發佈須要安裝hexo-deployer-git自動部署發佈工具。

$ npm install hexo-deployer-git --save

接下來提交博客，博客網址即爲 username.github.io

$ hexo d -g

之後每次寫完文章都是這麼提交。

寫博客以及基本配置

下載個好看的主題：（固然能夠本身搜好多其餘主題）

$ git clone https://github.com/iissnan/hexo-theme-next themes/next

咱們對博客修改相應的配置，咱們用到_config.yml文件，下面是該文件的默認參數信息：

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: # The title of your website
subtitle: # The subtitle of your website
description: # The description of your website
author: # Your name
language: # The language of your website
timezone: 

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://yoursite.com/child
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type:

不要被嚇到，須要配置的只有幾項，英文好的同窗輕鬆搞定。
修改網站信息：

title: 個人博客
subtitle: the stack of it nerds
description: 描述
author: 你的名字
language: zh-CN
timezone: Asia/Shanghai

配置部署：
（必定要修改）

theme: next
deploy:
  type: git
  repo: https://github.com/iyanming/iyanming.github.io.git

想要美化的朋友能夠到Next主題官網查看教程，在主題配置文件下改參數。

終於到了激動人心的時候了！！！
在 /source/_posts 下建立你的第一篇博客吧。
文章是後綴爲md的文件，用markdown書寫博客，推薦在線編輯網站小書匠，可導出到本地，而後執行hexo d -g提交博客。

而後大家可能不想用github上username.github.io這個域名，那接下來到騰訊雲申請個域名和服務器，學生有優惠一塊錢一個月，仍是很實惠的。
域名能夠起本身喜歡的名字，固然是沒有被佔用的狀況下。
搶到了以後就要開始域名的綁定了：
首先對域名進行解析

而後在source文件夾裏建立CNAME文件，不帶任何後綴，裏面添加你的域名信息，如：iyanming.cn（注意前面不添加http://） 而後hexo d -g上傳到github。這樣，其餘人就能夠經過訪問你的域名地址進入你的博客了。 這樣，博客搭建基本完成。 固然在搭建過程當中可能會有bug或者會在某一步卡住，多思考，多百度，其實仍是很容易的。