一直以來,都有著折騰blog的想法,除了剛出來工作的那段時間,進(jìn)場在51cto上寫些東西.后續(xù)就基本上就荒蕪了.wordpress買了不少,主機(jī)和域名也琢磨了不少,就是壓根沒寫什么東西.而且也越來越感覺到,畢業(yè)一年后到現(xiàn)在,自己幾乎沒有怎么努力做一些事情,進(jìn)步也是乏善可陳.現(xiàn)在開始換方向了,作為一名高齡程序猿,需要付出的也許更多,也必須堅持.希望這次能寫寫東西,能寫的久一點(diǎn).那就從搭建blog這個事情上開始做起吧!
經(jīng)過一段時間的折騰,總算搭建起來了Hexo的blog.學(xué)習(xí)hexo搭建靜態(tài)博客中遇到些許問題,總結(jié)下來,以供后續(xù)翻看.
1.Hexo安裝
2.小試牛刀
3.配置文件及主題(模板文件)
1. Hexo安裝
依賴環(huán)境準(zhǔn)備
Git安裝
Mac: brew install git
Linux (Ubuntu, Debian): sudo apt-get install git-core
Linux (Fedora, Red Hat, CentOS): sudo yum install git-core
Windows: Download & install msysgit.
Node.js安裝
-點(diǎn)擊Nodj官網(wǎng)下載鏈接下載對應(yīng)版本進(jìn)行安裝
mac用戶也可以使用brew install node進(jìn)行安裝
Github準(zhǔn)備(后續(xù)會單獨(dú)整理一篇blog,靜候后續(xù)更新)
創(chuàng)建Github賬號
創(chuàng)建SSH key并添加到Github
設(shè)置個人信息(link到github上)
建立對應(yīng)倉庫名(your_username.github.io)
Mac用戶還需要安裝Xcode和Xcode命令行工具
安裝Hexo
當(dāng)前面先決條件都安裝好了之后,運(yùn)行下列命令安裝Hexo
npm install hexo -g
初始化博客目錄
hexo init <folder>
生成靜態(tài)頁面
hexo generate
本地啟動,然后在瀏覽器里面輸入http://127.0.0.1:4000就可以看到效果.(可以使用'ctrl+c'關(guān)閉Server).
hexo server
上傳站點(diǎn)到Github
首先需要修改配置文件_./config.yml,如下:
deploy:
type: github
repository: https://github.com/yourname/youname.github.io.git
branch: master #一般填寫master即可
然后運(yùn)行以下命令,稍等片刻,可以通過http://yourname.github.io訪問你上傳的demo網(wǎng)站.綁定指定域名會在后續(xù)博文中做出說明.
hexo deploy
到此為止,已經(jīng)完成Hexo的初步安裝,并上傳到Github.
下面我們將介紹如何新建一篇blog和頁面,并完成自定義域名的訪問.
2.小試牛刀
新建文章,也就是新建一篇blog
hexo new "blog_name"
運(yùn)行完命令后會在./source/_posts下面生成 blog_name.md文件,就可以在vim或者其他任意編輯器里面盡情的進(jìn)行創(chuàng)作了.
blog頭部解析:
title: #當(dāng)前blog名稱,比如title: Hexo搭建blog_總結(jié)
tags: [] #blog標(biāo)簽,比如github,hexo
date: 2015-01-23 15:06:20
categories: #文章歸類,比如小技巧,博客搭建
編輯blog是請遵循MarkDown語法,詳情可以參考MarkDown語法
新建頁面,比如新建關(guān)于,友情鏈接等頁面
hexo new page "page_name"
然后可以在http://127.0.0.1:4000查看最終修改結(jié)果,確定無誤后.重新通過以下步驟部署到Github.
hexo generater #重新生成靜態(tài)頁面,靜態(tài)網(wǎng)站更新需要全站更新
hexo deploy #將剛才新生成的站點(diǎn)同步到Github上
綁定自定義域名
購買域名:推薦使用Godaddy.全球最大的域名提供商,關(guān)鍵是它還支持支付寶.詳情略.
配置DNS,這里以dnspod為例,詳情如圖:
設(shè)置CNAME,玩過Github Page的應(yīng)該知道,只需要手動在yourname.github.io根頁面下新建一個CNAME的文件.這里很重要,因?yàn)殪o態(tài)網(wǎng)站更新是全站整體更新的.如果手動添加的會在更新時被刪除掉,導(dǎo)致配置失效.
在這里,我們需要在./.source/目錄下手動新建一個CNAME文件,寫入指定的域名.
blog.xiaolud.com #如上圖,我們這里填入<blog.xiaolud.com>即可.
稍等片刻,我們就能夠通過指定的域名訪問我們的blog了.
到此,我們就完成了blog的搭建,并學(xué)習(xí)了如何寫一篇blog,新建一個新的頁面.下一節(jié)將介紹一些基礎(chǔ)的配置,主題的更換以及評論的開啟.
3.配置文件及主題
網(wǎng)站目錄
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
└── themes
_config.yml
Hexo 主要配置文件為_./config.yml,我們在第一節(jié)里面已有說明,這里只列出需要配置的選項.
不多,詳情請參考hexo官方配置.
# Site
title: Sean's blog #網(wǎng)站標(biāo)題
subtitle: Being-towards-death#網(wǎng)站小標(biāo)題
description: Sean's walk step by step#網(wǎng)站描述
author: Sean# yourname
email: xiaoxxxx@xxxx.com# your mail
language: zh-CN#language
# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://blog.xiaolud.com #你的域名
root: /
permalink: :year/:month/:day/:title/
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
permalink_defaults:
# Disqus#hexo默認(rèn)支持Disqus
disqus_shortname: xxxxxxx#如果你是disqus用戶,輸入你的shortname,即可開啟評論服務(wù).注意不是username.
語法注意:Hexo有一個強(qiáng)制語法要求,":"后面必須要有個空格
安裝第三方主題
到Hexo Theme瀏覽選擇的主題,并復(fù)制主題github地址.
安裝主題(這里以Alberta主題為例).
git clone https://github.com/ken8203/hexo-theme-alberta.git themes/alberta
然后配置_config.yml,選擇新安裝的主題.
theme:alberta
配置theme/_config.yml,這里就不展開說明,詳情請參考各個主題README.
更新主題
cd themes/alberta
git pull
至此,我們就基本上完成了Hexo的一些常用配置,還有其他方面的需求,請參考.
[Hexo 官方DOCS](http://hexo.io/docs/,'HEXO 官方DOCS')
Hexo你的博客
更換博客系統(tǒng)——從jekyll到hexo
