Hexo搭建blog__总结

一直以来,都有着折腾blog的想法,除了刚出来工作的那段时间,进场在51cto上写些东西.后续就基本上就荒芜了.wordpress买了不少,主机和域名也琢磨了不少,就是压根没写什么东西.而且也越来越感觉到,毕业一年后到现在,自己几乎没有怎么努力做一些事情,进步也是乏善可陈.现在开始换方向了,作为一名高龄程序猿,需要付出的也许更多,也必须坚持.希望这次能写写东西,能写的久一点.那就从搭建blog这个事情上开始做起吧!


经过一段时间的折腾,总算搭建起来了Hexo的blog.学习hexo搭建静态博客中遇到些许问题,总结下来,以供后续翻看.

1.Hexo安装
2.小试牛刀
3.配置文件及主题(模板文件)

1. Hexo安装

依赖环境准备

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安装

-点击Nodj官网下载链接下载对应版本进行安装

mac用户也可以使用brew install node进行安装
Github准备(后续会单独整理一篇blog,静候后续更新)

创建Github账号
创建SSH key并添加到Github
设置个人信息(link到github上)
建立对应仓库名(your_username.github.io)

Mac用户还需要安装Xcode和Xcode命令行工具

安装Hexo

当前面先决条件都安装好了之后,运行下列命令安装Hexo

npm install hexo -g

初始化博客目录

hexo init <folder>

生成静态页面

hexo generate

本地启动,然后在浏览器里面输入http://127.0.0.1:4000就可以看到效果.(可以使用'ctrl+c'关闭Server).

hexo server

上传站点到Github

首先需要修改配置文件_./config.yml,如下:

deploy:
type: github
repository: https://github.com/yourname/youname.github.io.git
branch: master #一般填写master即可

然后运行以下命令,稍等片刻,可以通过http://yourname.github.io访问你上传的demo网站.绑定指定域名会在后续博文中做出说明.

hexo deploy

到此为止,已经完成Hexo的初步安装,并上传到Github.
下面我们将介绍如何新建一篇blog和页面,并完成自定义域名的访问.

2.小试牛刀

新建文章,也就是新建一篇blog

hexo new "blog_name"

运行完命令后会在./source/_posts下面生成 blog_name.md文件,就可以在vim或者其他任意编辑器里面尽情的进行创作了.
blog头部解析:

title:              #当前blog名称,比如title: Hexo搭建blog_总结
tags: []            #blog标签,比如github,hexo
date: 2015-01-23 15:06:20
categories:          #文章归类,比如小技巧,博客搭建

编辑blog是请遵循MarkDown语法,详情可以参考MarkDown语法

新建页面,比如新建关于,友情链接等页面

hexo new page "page_name"

然后可以在http://127.0.0.1:4000查看最终修改结果,确定无误后.重新通过以下步骤部署到Github.

hexo generater  #重新生成静态页面,静态网站更新需要全站更新
hexo deploy     #将刚才新生成的站点同步到Github上

绑定自定义域名

购买域名:推荐使用Godaddy.全球最大的域名提供商,关键是它还支持支付宝.详情略.
配置DNS,这里以dnspod为例,详情如图:

dnspod
dnspod

设置CNAME,玩过Github Page的应该知道,只需要手动在yourname.github.io根页面下新建一个CNAME的文件.这里很重要,因为静态网站更新是全站整体更新的.如果手动添加的会在更新时被删除掉,导致配置失效.
在这里,我们需要在./.source/目录下手动新建一个CNAME文件,写入指定的域名.

blog.xiaolud.com    #如上图,我们这里填入<blog.xiaolud.com>即可.

稍等片刻,我们就能够通过指定的域名访问我们的blog了.
到此,我们就完成了blog的搭建,并学习了如何写一篇blog,新建一个新的页面.下一节将介绍一些基础的配置,主题的更换以及评论的开启.

3.配置文件及主题

网站目录

├── _config.yml
├── package.json
├── scaffolds
├── scripts
├── source
|   ├── _drafts
|   └── _posts
└── themes

_config.yml

Hexo 主要配置文件为_./config.yml,我们在第一节里面已有说明,这里只列出需要配置的选项.
不多,详情请参考hexo官方配置.

# Site
title: Sean's blog #网站标题
subtitle: Being-towards-death#网站小标题
description: Sean's walk step by step#网站描述
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默认支持Disqus
disqus_shortname: xxxxxxx#如果你是disqus用户,输入你的shortname,即可开启评论服务.注意不是username.

语法注意:Hexo有一个强制语法要求,":"后面必须要有个空格

安装第三方主题

Hexo Theme浏览选择的主题,并复制主题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你的博客
更换博客系统——从jekyll到hexo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,293评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,604评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,958评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,729评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,719评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,630评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,000评论 3 397
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,665评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,909评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,646评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,726评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,400评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,986评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,959评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,996评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,481评论 2 342

推荐阅读更多精彩内容