一直以來(lái),都有著折騰blog的想法,除了剛出來(lái)工作的那段時(shí)間,進(jìn)場(chǎng)在51cto上寫些東西.后續(xù)就基本上就荒蕪了.wordpress買了不少,主機(jī)和域名也琢磨了不少,就是壓根沒(méi)寫什么東西.而且也越來(lái)越感覺(jué)到,畢業(yè)一年后到現(xiàn)在,自己幾乎沒(méi)有怎么努力做一些事情,進(jìn)步也是乏善可陳.現(xiàn)在開(kāi)始換方向了,作為一名高齡程序猿,需要付出的也許更多,也必須堅(jiān)持.希望這次能寫寫東西,能寫的久一點(diǎn).那就從搭建blog這個(gè)事情上開(kāi)始做起吧!
經(jīng)過(guò)一段時(shí)間的折騰,總算搭建起來(lái)了Hexo的blog.學(xué)習(xí)hexo搭建靜態(tài)博客中遇到些許問(wèn)題,總結(jié)下來(lái),以供后續(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)下載鏈接下載對(duì)應(yīng)版本進(jìn)行安裝
mac用戶也可以使用brew install node進(jìn)行安裝
Github準(zhǔn)備(后續(xù)會(huì)單獨(dú)整理一篇blog,靜候后續(xù)更新)
創(chuàng)建Github賬號(hào)
創(chuàng)建SSH key并添加到Github
設(shè)置個(gè)人信息(link到github上)
建立對(duì)應(yīng)倉(cāng)庫(kù)名(your_username.github.io)
Mac用戶還需要安裝Xcode和Xcode命令行工具
安裝Hexo
當(dāng)前面先決條件都安裝好了之后,運(yùn)行下列命令安裝Hexo
npm install hexo -g
初始化博客目錄
hexo init <folder>
生成靜態(tài)頁(yè)面
hexo generate
本地啟動(dòng),然后在瀏覽器里面輸入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)行以下命令,稍等片刻,可以通過(guò)http://yourname.github.io訪問(wèn)你上傳的demo網(wǎng)站.綁定指定域名會(huì)在后續(xù)博文中做出說(shuō)明.
hexo deploy
到此為止,已經(jīng)完成Hexo的初步安裝,并上傳到Github.
下面我們將介紹如何新建一篇blog和頁(yè)面,并完成自定義域名的訪問(wèn).
2.小試牛刀
新建文章,也就是新建一篇blog
hexo new "blog_name"
運(yùn)行完命令后會(huì)在./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是請(qǐng)遵循MarkDown語(yǔ)法,詳情可以參考MarkDown語(yǔ)法
新建頁(yè)面,比如新建關(guān)于,友情鏈接等頁(yè)面
hexo new page "page_name"
然后可以在http://127.0.0.1:4000查看最終修改結(jié)果,確定無(wú)誤后.重新通過(guò)以下步驟部署到Github.
hexo generater #重新生成靜態(tài)頁(yè)面,靜態(tài)網(wǎng)站更新需要全站更新
hexo deploy #將剛才新生成的站點(diǎn)同步到Github上
綁定自定義域名
購(gòu)買域名:推薦使用Godaddy.全球最大的域名提供商,關(guān)鍵是它還支持支付寶.詳情略.
配置DNS,這里以dnspod為例,詳情如圖:
設(shè)置CNAME,玩過(guò)Github Page的應(yīng)該知道,只需要手動(dòng)在yourname.github.io根頁(yè)面下新建一個(gè)CNAME的文件.這里很重要,因?yàn)殪o態(tài)網(wǎng)站更新是全站整體更新的.如果手動(dòng)添加的會(huì)在更新時(shí)被刪除掉,導(dǎo)致配置失效.
在這里,我們需要在./.source/目錄下手動(dòng)新建一個(gè)CNAME文件,寫入指定的域名.
blog.xiaolud.com #如上圖,我們這里填入<blog.xiaolud.com>即可.
稍等片刻,我們就能夠通過(guò)指定的域名訪問(wèn)我們的blog了.
到此,我們就完成了blog的搭建,并學(xué)習(xí)了如何寫一篇blog,新建一個(gè)新的頁(yè)面.下一節(jié)將介紹一些基礎(chǔ)的配置,主題的更換以及評(píng)論的開(kāi)啟.
3.配置文件及主題
網(wǎng)站目錄
├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
| ├── _drafts
| └── _posts
└── themes
_config.yml
Hexo 主要配置文件為_(kāi)./config.yml,我們?cè)诘谝还?jié)里面已有說(shuō)明,這里只列出需要配置的選項(xiàng).
不多,詳情請(qǐng)參考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,即可開(kāi)啟評(píng)論服務(wù).注意不是username.
語(yǔ)法注意:Hexo有一個(gè)強(qiáng)制語(yǔ)法要求,":"后面必須要有個(gè)空格
安裝第三方主題
到Hexo Theme瀏覽選擇的主題,并復(fù)制主題github地址.
安裝主題(這里以Alberta主題為例).
git clone https://github.com/ken8203/hexo-theme-alberta.git themes/alberta
然后配置_config.yml,選擇新安裝的主題.
theme:alberta
配置theme/_config.yml,這里就不展開(kāi)說(shuō)明,詳情請(qǐng)參考各個(gè)主題README.
更新主題
cd themes/alberta
git pull
至此,我們就基本上完成了Hexo的一些常用配置,還有其他方面的需求,請(qǐng)參考.
[Hexo 官方DOCS](http://hexo.io/docs/,'HEXO 官方DOCS')
Hexo你的博客
更換博客系統(tǒng)——從jekyll到hexo
