用Hexo+github搭建博客

本人也是github系列的小白,之前断断续续搭过几次,因为总有那么些棘手的问题,一直没能成功。暑假铁了心,不搭好啥都不干,经过一个晚上加上一个上午,总算是摸清了一些门路。在这里记录一下过程,也给小白门提供参考。

注:安装过程中可能会碰上各种各样的问题,只需将问题的描述贴到google、baidu就能找到对应的解决方案。除此之外,科学上网。

1.安装下载git

git安装包下载地址:https://git-scm.com/downloads

git安装指导:http://www.runoob.com/git/git-install-setup.html

2.安装nodejs

对于一个程序员来说,安装一个软件不值一提对吧。

3.安装Hexo

npm是nodejs的包管理工具,用npm安装即可(在电脑的任意位置鼠标右键)。步骤如下:
在电脑的任意位置右键
进入git Bash后,输入命令:

npm install -g hexo 

如果安装成功了,会出现提示,并且安装的默认目录在C盘某处,再输入:

hexo -v    

查看你安装的hexo版本号。

4.初始化及配置Hexo

新建一个文件夹,命名可以自定义。比如Blog,然后进入该空文件夹,输入:

hexo init 

会生成一些文件在你创建的文件夹下面(比如Blog文件夹):

对上图中的_config.yml进行配置:

注意:

title: 博客名称  
subtitle: 博客副标题  
author: 作者  
description: 描述(相当于签名)

当然,有些是可选的,可以为空;注意标题与内容之间必须有空格。

5.查看本地博客

可以说,到了这一步,终于该出现一些成果了不是吗。

我们在进入那个文件夹,右键git bash:

hexo g

hexo g 全称hexo generate,该命令用于生成静态页面。

hexo s

hexo s 全称hexo service,启动服务器。如图所示:

generate

上图所示,会提示在浏览器地址栏中输入

localhost:4000

效果如下:

是不是有些成就感呀,但是,真正容易出问题的是后面的操作:

6.将文章部署到Github上去

新建一篇博客

hexo new "文章标题"

这时,会在你的.\source_posts文件夹下面出现刚创建的新文章;

用Markdown 编辑文章

(我用的markdown编辑器是 MarkdownPad,生成的文件是.md格式的。)

申请github帐号并创建新仓库。

创建完成后,检查你的邮箱是否是公开的:

如果不是公开的,请在头像—setting—Email–

将前面的勾号去掉。

在_config.yml中配置远程仓库:

为单个储存库设置电子邮件地址:

git config user.email "你的邮箱"

再安装hexo-deployer-git自动部署发布工具:

npm instal lhexo-deployer-git  --save

好了,基本的操作已经完成了。

7.那我们开始吧

发布:

hexo g  
hexo d    #发布

博客主页:

github主页:

完工!!