使用github跟hexo搭建静态博客

使用github和hexo搭建静态博客

获得更多资料欢迎进入我的网站或者 csdn或者博客园

终于写这篇文章了,这是我使用github和hexo搭建博客的一些心得,希望能给大家一点帮助。少走点弯路。刚接触github,只是用来存项目的版本,后来突然发现可以使用这个搭建静态网页博客。哇,卧槽,还可以这样装逼,果断搞起。由于什么都不懂,一搞就是。一周。主要是网上找了一堆的教程,搞得到处时bug。现在主要讲讲我的经历,我也相信如果你跟着这篇文章,你也可以搭建成功;

先关文章请点击:

使用github和hexo搭建静态博客
hexo的jacman主题配置
hexo博客的相关配置

github注册以及建立创库

注册github

1进入github主页点击右上角完成注册链接
2验证邮箱这步很重要按如下图所示:
使用github跟hexo搭建静态博客

创建仓库(repository)

1点击右上角加号创建仓库,如下图所示:
使用github跟hexo搭建静态博客
2按下图建立仓库。这是需要特别注意的就是Repository name,必须为username.github.io。不然不能被github解析;
使用github跟hexo搭建静态博客

基本环境的安装

windows下环境的安装

我的配套软件下载地址:软件下载
可以用我的版本
1安装node
到node.js官网下载windows平台的最新版本一路安装即可
2安装GIT
git的客户端我用的是msysgit 下载地址
安装步骤可参考安装经验

ubuntu下环境的安装

1安装node.js
hexo官方推荐的安装方法是使用nvm
安装nvm可以使用下面两个命令中的任何一个:

$ curl https://raw.github.com/creationix/nvm/master/install.sh | sh  

或者Wget:

$  wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh

当nvm安装完成后。运行一下命令安装node.js

$ nvm install 0.10 

我这里安装的node.js版本是0.10.39可用使用nvm ls命令查看 至此本地环境安装完成

注意如果当输入命令nvm ls时没有版本信息,通过下面语句启动nvm
nvm use 0.10.39
#ubuntu下可能在关机后还会显示没启动nvm,你可以每次使用hexo前执行这条语句启动nvm

2git的安装
ubuntu安装git直接apt-get就可以了

$ sudo apt-get install git-core

hexo的安装

windows下启动git bash终端。ubuntu下直接启动终端。之后不在做说明统一使用ubuntu下的终端。windows下的终端是一样的;
在终端输入以下命令安装:

npm install -g hexo

建立hexo初始化的目录,我将博客放在了~/hexo 目录下;使用以下命令 hexo init 你的目录

hexo init ~/hexo 
npm install 

现在本地版本的hexo已经配置完成了,可以使用以下命令来生成静态文件

1
$ hexo generate
或者
1
$ hexo g
使用以下命令启动本地服务器进行预览
1
$ hexo server
或者
1
$ hexo s

然后通过http://localhost:4000/进行访问,如果页面正常打开,那么恭喜你,你的本地博客已经搭建完成,还差一点点就可以进行发布了。

添加添加SSH-Key

首先设置你的用户名密码:注意使用你自己的邮箱和名字

git config --global user.email "wpeace1212@gmail.com"
git config --global user.name "wpeace"
生成密钥:

ssh-keygen -t rsa -C "wpeace1212@gmail.com"3个回车,密码为空这里一般不使用密钥。

最后得到了两个文件:id_rsa和id_rsa.pub根据提示找到文件所在地;

用文本编辑器打开id_rsa.pub复制其内容添加到github的sshkey按下图方法添加:

注意ssh keys在设置里面

第一步:

使用github跟hexo搭建静态博客

第二步:

使用github跟hexo搭建静态博客

最后可以通过下面的命令测试是否成功:


ssh -T git@github.com

主题安装

1在博客主目录下输入以下命令:


这个主题比较小清新是wuchong创作:

git clone https://github.com/wuchong/jacman.git themes/jacman

2启用jacman

修改Hexo目录下的config.yml配置文件中的theme属性,将其设置为jacman。


#注意:后有空格

theme:  jacman

#通过下面的命令可以本体观看

hexo g

hexo s

配置git并发布:

1、首先编辑你的hexo安装目录下的_cofig.yml文件,下找到如下图并修改成你的:


deploy:
  type: git
  repository: git@github.com:wpeace1212/wpeace1212.github.io.git
  branch: master

2、通过使用下面命令即可完成部署,并可以通过wpeace1212.github.io访问你的博客:


hexo clean

hexo g

hexo d

我的显示如下:也可以点击观看我的网站点击观看

使用github跟hexo搭建静态博客

文章编写:

hexo使用的是markdown语法;

1、执行new命令,生成指定名称的文章至hexo\source_posts\postName.md。、


hexo new "postName"

2打开postName.md 文件。可以添加categories:并在正文处编写

title: postName #文章页面上的显示名称,可以任意修改,不会出现在URL中

date: 2013-12-02 15:30:16 #文章生成时间,一般不改,当然也可以任意修改

categories: #文章分类目录,可以为空,注意:后面有个空格

tags: #文章标签,可空,多标签请用格式[tag1,tag2,tag3],注意:后面有个空格

----
正文

3使用下面的命令发布并观看

hexo g
hexo d

版权声明:本文为博主原创文章,未经博主允许不得转载。