Hexo干货技术

如何搭建一个独立博客——简明Github与Hexo教程

2014-12-20  本文已影响2124人  Vaayne

前言

买过域名和主机,折腾过wordpress,个人博客也搭建起来了,本来是准备写技术文章,分享,但是折腾那些东西花费了太多的时间,认真写作反而少了。现在决定换成hexo写博客,专注写作分享,少折腾。

本文主要参考cnfeat的《如何搭建一个独立博客——简明Github Pages与Hexo教程》,原文很详细,
还有Zippera的《hexo系列教程》

为什么选择Hexo

hexo是一个基于Node.js的静态博客程序,可以方便的生成静态网页托管在github上。作者是来自台湾的tommy351。作者对hexo只有一句话的介绍:

A fast, simple & powerful blog framework, powered by Node.js.
一个快速、简单并且强大的基于Node.js的博客框架。

我们可以用hexo创建自己的博客,然后托管到github上,也可以绑定自己的域名。

hexo的优势:

为什么选择GitHub Pages?

GitHub Pages本用于介绍托管在GitHub的项目,不过,由于他的空间免费稳定,用来做搭建一个博客再好不过了。

github Pages可以被认为是用户编写的、托管在github上的静态网页。

优势:

  1. github pages有300M免费空间,资料自己管理,保存可靠;
  2. 学着用github,享受github的便利,上面有很多大牛,眼界会开阔很多;
  3. 顺便看看github工作原理,最好的团队协作流程;
  4. github是趋势;
  5. 就算github被墙了,我可以搬到国内的gitcafe中去。

本地博客的搭建

安装Git

Windows下直接下载安装就行,安装好后,会发现开始菜单里有Git Bash,这就表明成功了。
Linux(我只用过Ubuntu,以Ubuntu说明)下可以下载deb包安装,也可以终端输入

sudo apt-get install git

Mac土豪用户请看官方说明!

安装Node.js

安装方法同安装git差不多。
注意:Windows安装完后还需要添加环境变量,使npm命令生效。在环境变量的Path里添加npm的路径。比如我的是;C:\Program Files\nodejs\node_modules\npm,分号不能少。

安装hexo

上面两部成功后,打开Git Bash,输入

npm install -g hexo

安装hexo。(如果出现错误,可能是环境变量没有设置好,最好重启下,或者网上搜索解决办法)

hexo安装完成后,在你喜欢的文件夹里新建一个hexo文件夹(比如D:\hexo),然后在文件夹内点击鼠标右键,选择Git Bash,并且输入如下命令

hexo init

hexo就会自动在目标文件夹建立它所需要的文件了。
然后继续输入

npm install hexo-renderer-ejs --save
npm install hexo-renderer-stylus --save
npm install hexo-renderer-marked --save

安装需要的一下依赖包。

本地查看效果

经过上面三部,一个本地的博客已经建成功了,可以先来一睹为快。
继续输入如下命令

hexo g
hexo s

然后我们看到提示:
![提示](http://7sbkp4.com1.z0.glb.clouddn.com/hexo s2014-12-20 00:08:49.jpg)
这时在浏览器输入http://localhost:4000/,就能看到自己的博客了。
要结束预览只需要在Git Bash里同时按下ctrl+C

如果没有问题,本地的博客已经建成功了,注意,只是本地的。如果想其他人也能看到,就需要部署到github上了。(部署到其他地方也可以,但github最方便)

博客部署到Github

注册账号

访问Guthub官网:http://www.github.com ,输入用户名、邮箱和密码就行,很简单

配置SSH keys

觉得麻烦的这一步可以不弄,但是不弄的话,没有都要输入用户名和密码更麻烦。
这有个官方教程不过是英文的。

第一步:生成新的SSH keys

命令行输入下面的内容,并回车:

ssh-keygen -t rsa -C "your_email@example.com"

your_email@example.com换成你刚刚注册github时的邮箱。
然后有提示:

Generating public/private rsa key pair.
Enter file in which to save the key (/your_home_path/.ssh/id_rsa):

直接按回车键就好,然后系统要你输入密码:

Enter passphrase (empty for no passphrase): [Type a passphrase]
Enter same passphrase again: [Type passphrase again]

这个密码是在你提交项目时使用,为空的话就不用输入,为了方便我就没输密码,直接按了回车键。

最后会看到这样的界面,这就表明设置成功了:

Your identification has been saved in /your_home_path/.ssh/id_rsa.
Your public key has been saved in /your_home_path/.ssh/id_rsa.pub.
The key fingerprint is: 01:0f:f4:3b:ca:85:d6:17:a1:7d:f0:68:9d:f0:a2:db your_email@example.com

添加SSH key到Github上

用文本编辑器打开~/.ssh/id_rsa.pub(Windows下是C:\Documents and Settings\Administrator.ssh\id_rsa.pub),这就是刚刚生成的秘钥,这是隐藏文件,你需要设置显示隐藏文件才能看到,然后全选里面的内容并复制。

登陆github网站:

  1. 点击右上角的Account Settings—->SSH Public keys —-> add another public keys
  1. 把刚刚复制的内容粘贴到key里,title随便填,比如我加的是Ubuntu系统的,就写个Ubuntu。
    微信公众号
上一篇 下一篇

猜你喜欢

热点阅读