如何快速配置hexo博客

怎么样用hexo快速配置属于自己的博客!

现在越来越多的人喜欢利用Github搭建静态网站,原因不外乎简单省钱。在参考一些网站介绍学习下,也利用hexo+github搭建了本博客,用于分享一些心得。在此过程中,折腾博客的各种配置以及功能占具了我一部分时间,在此详细记录下我是如何利用hexo+github搭建静态博客以及一些配置相关问题,以免过后遗忘,且当备份之用。

start

准备工作

1
2
3
*下载node.js并安装(官网下载安装),默认会安装npm。
*下载安装git(官网下载安装)
*下载安装hexo。方法:打开cmd 运行npm install -g hexo(要翻墙)

本地搭建hexo静态博客

1
2
3
4
新建一个文件夹,如MyBlog
进入该文件夹内,右击运行git,输入:hexo init(生成hexo模板,可能要翻墙)
生成完模板,运行npm install(目前貌似不用运行这一步)
最后运行:hexo server (运行程序,访问本地localhost:4000可以看到博客已经搭建成功)

将博客与Github关联

1
2
在Github上创建名字为XXX.github.io的项目,XXX为自己的github用户名。
打开本地的MyBlog文件夹项目内的_config.yml配置文件,将其中的type设置为git

运行

1
2
3
运行:npm install hexo-deployer-git –save
运行:hexo g(本地生成静态文件)
运行:hexo d(将本地静态文件推送至Github)

此时,打开浏览器,即可访问我的博客

更新博客内容

至此博客已经搭建完毕,那么剩下的问题就是更新内容了。

更新文章

1
2
3
4
5
6
7
8
9
10
11
12
13
14
在MyBlog目录下执行:hexo new “我的第一篇文章”,会在source->_posts文件夹内生成一个.md文件。
编辑该文件(遵循Markdown规则)
修改起始字段
title 文章的标题
date 创建日期 (文件的创建日期 )
updated 修改日期 ( 文件的修改日期)
comments 是否开启评论 true
tags 标签
categories 分类
permalink url中的名字(文件名)
编写正文内容(MakeDown)
hexo clean 删除本地静态文件(Public目录),可不执行。
hexo g 生成本地静态文件(Public目录)
hexo deploy 将本地静态文件推送至github(hexo d)

设置自己喜欢的主题

访问 主题列表,获取主题代码。

进入themes目录,进入以下操作:

1
2
3
4
5
6
7
8
下载主题 (以next主题为例)

1
git clone https://github.com/iissnan/hexo-theme-next.git(主题的地址)
打开__config.yml文件,将themes修改为next(下载到的主题文件夹的名字)

hexo g
hexo d

关于hexo-next主题下的一些个性化配置,参考:Next主题配置