Hexo && Github 搭建个人博客全纪录
前不久看到同事已经把自己的博客搬到了hexo上,感觉自己有点low了.这几天捣鼓捣鼓了.发现有必要写一篇入门级的教程.网上的教程虽然很多,但很多并不是很全面.
概念篇
什么是hexo
Hexo是一个开源的静态博客生成器,用node.js开发,具有快速、简单且功能强大的博客框架，支持多线程，数百篇文章只需几秒即可生成。支持markdown编写文章，可以方便的生成静态网页托管在github上。
这里一定要明确Hexo只不过是一个静态博客生成器而已,而github只不过是我们托管这些生成的静态网页的地址.
前期准备
笔者是在mac环境下安装的
-
1.首先hexo是基于nodejs的，所以必须安装nodejs
-
2.安装nodejs方法很多，我选择homebrew安装方式，所以需要安装它
-
3.安装homebrew就很简单了，mac自带ruby脚本功能，一句话搞定
-
4.hexo提交部署github需要使用git工具，所以需要安装git，用homebrew的话也是一句话搞定
整理一下安装顺序：homebrew-nodejs-hexo-git
安装Node.js
- 1.安装brewhome，一句话搞定
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- 2.安装nodejs
nodejs官网
2.1 第一种方式，brewhome安装，一句话搞定
brew install node
2.2 第二种方式，前提是已经安装好Xcode和git，安装git方法在下面介绍
git clone git://github.com/joyent/node.git
cd node
./configure
make
sudo make install
2.3 第三种方式，下载源码(http://nodejs.org/download/)，解压后编译执行同上
安装hexo
注意路径,通过终端,当前在什么路径,搭建的hexo博客路径就是哪里
路径
- 第一种方式，用nodejs自带npm安装
npm install -g hexo
hexo init
npm install
如果还有一hexo的命令不是很熟悉,随时可以通过-help查询
- 第二种方式，下载源码(http://www.nodejs.org/download/)，编译执行
./configure --prefix=~/nodejs && make && make install
cp ~/nodejs/bin/node /usr/sbin/node
~/nodejs/bin/npm install -g hexo
到现在我们基本能够通过看到刚才搭建的静态博客了
来看看效果吧!
根据上面的命令,我们可以选择genrate命令来生成静态文件
- 通过sever命令启动一下本地服务
- 最终效果
最终效果
到目前为止,我们这个博客还是本地的,所以别人是无法看到的,接下来我们就把他和github联系起来,别人就可以看到了.
安装git
- 第一种方式，homebrew安装，一句话搞定
sudo brew install git - 第二种方式，前提是已经安装好Xcode
curl -O http://kernel.org/pub/software/scm/git/git-1.7.5.tar.bz2
tar xjvf git-1.7.4.1.tar.bz2
cd git-1.7.4.1
./configure --prefix=/usr/local
make
sudo make install
which git
- 第三种方式，下载源码(https://www.kernel.org/pub/software/scm/git/)，编译执行同上.
- 第四种方式：图形界面Github Desktop
注册github账号
github官网
注册的过程就不讲了.
-
创建新的仓库
-
设置新的仓库
-
自动生成gitpage
-
选择一种样式发布页面
过一会就可以访问刚才的
地址就可以看到你的页面,** 接下来我们把仓库里面的文件,替换为我们用hexo生成的静态文件就可以了 **
在则之前还需要设置一下ssl.打开github的账号设置,如下图
账号就是你注册github时的邮箱
- 然后就是
将SSH key添加到Github登录到GitHub页面，Account Settings->SSH Public Keys->Add another key将生成的key(id_rsa.pub文件）内容copy到输入框中，save。 - 生成SSH key
ssh-keygen -t rsa -C "xxx@xxx.com”
注意生成的目录在~/.ssh
然后将这个复制到
- 测试连接
ssh git@github.com
如果出现如下提示,说明成功了
- 设置个人信息
git config --global user.name "xxx”
git config --global user.email xxx@xxx.com
将刚才新建的仓库拉到本地,修改文件.将hexo生成的文件同步到github
- 通过hexo生成静态文件
刚才已经生成了 -
将public下的文件添加到刚才check下拉的仓库中替换
Paste_Image.png
-
然后将所做的改变commit,同步的github上
-
现在就可以别人就可以通过连接看到你的博客了
最终效果
网页并没有加什么样式
部署
我们可以直接通过命令行部署到github上,注意前提要设置SSL.具体的设置方式上面已经提到过
编辑_config.yml
你在部署时，要把下面的kingcodexl都换成你的账号名。
deploy:
type: github
repository: https://github.com/kingcodexl/kingcodexl.github.io.git
branch: master
据说最新版本的hexo 中，这里的 type 要写成 git，而不是 github。
执行下列指令即可完成部署。
hexo generate
hexo deploy
总结
其实还有很多可以优化的地方,还有很多没讲到的地方,比如一些常见的设置,主题切换等.不过只要把博客搭建起来了,这些都很简单.网上也有很多的资料可查.下面总结的一些链接都比较哟使用价值
