利用hexo+googlepages搭建个人博客

---

title: 利用hexo+googlepages搭建个人博客
date: 2018-04-25 20:37
categories:

• hexo
  tags:
• linux
• hexo
• ubuntu

---

背景

各种各样的博客五花八门，但是利用github构建个人看起来很有逼格，在其他地方积累的并不多，因此花了2天的时间研究了一下如何依靠github构建个人博客。

• 主流的个人博客工具包括hexo，jekyll，wordpress等，具体的优劣建议参考：https://www.jianshu.com/p/c4f145fdd637
• 个人最终选择了git + github + hexo的方案，主要是命令少，易于学习。

安装git

# 安装
$ sudo apt-get install git
# 配置账户
$git config --global user.name "your username" 
$git config --global user.email "your_email@youremail.com"
$ssh-keygen -t rsa -C "youremail@email.com"

创建github pages

1. 注册账户
   如果你还没有github的账号，去注册一个吧（https://github.com/join?source=header-home），一个有逼格的程序员，这是必须的

2. 创建github pages

• 登录（https://github.com）
• 找到Start a project或者New repository创建个项目

yourname/yourname.github.io	
# 这个地址必须严格按这个写，错了是无法访问的

Notice: yourname必须是你注册时的用户名，如果你忘记了，去点下你的头像，下拉出来的Signed in as后面就是你的名字

3. 书写第一个主页

• pull代码

$ cd yourworkdir 	#yourworkdir是工作目录
$ git clone https://github.com/yourname/yourname.github.io
$ cd yourname.github.io
$ touch index.htm	# 创建默认页面

• 创建页面
  通过vim或gedit编辑index.htm并输入以下内容

<html>

<head>
<title>My Blog</title>
</head>

<body>
<p>Hello，world！</p>
<p>This is my first blog. </p>
</body>

</html>

• 上传代码

$ git add .
$ git commit -m "创建我的第一个页面"
$ git push origin master

后续一般需要输入用户名（yourname）和密码（登录密码）

4. 访问页面
   创建成功后，通过https://yourname.github.io即可访问刚才书写的页面

这样你的个人博客已经可以访问了，如果你已经可以自己构建个网站结构，那就直接开搞吧，不过作为看这个教程的人，一般都需要去寻找一个现成的搭建博客的方案，比如hexo,jekyll等，下面先介绍hexo的使用过程。

安装hexo

1. 安装nodejs
   不建议使用apt-get方式安装，容易失败；
   建议使用nvm工具进行安装（nvm是一个可以让你在同一台机器上安装和切换不同版本node的工具）
   使用如下命令进行安装：

export NVM_DIR="$HOME/.nvm" && (
  git clone https://github.com/creationix/nvm.git "$NVM_DIR"
  cd "$NVM_DIR"
  git checkout `git describe --abbrev=0 --tags --match "v[0-9]*" origin`
) && . "$NVM_DIR/nvm.sh"

使nvm开机启动，将如下内容添加到~/.bashrc中：

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh"

重启 terminal或者重新source一下 ~/.bashrc；
执行以下命令：

$nvm ls-remote //列出所有安装包的版本信息
$nvm install stable //安装最稳定版本
$nvm use node //使用当前版本
$nvm run node --version //也可以使用该命令 使用当前版本
$nvm alias default node //设置默认版本

如果需要更新则手动更新 nvm:

(
 cd "$NVM_DIR"
 git fetch origin
 git checkout `git describe --abbrev=0 --tags --match "v[0-9]*" origin`
) && . "$NVM_DIR/nvm.sh"

2. 安装hexo

$npm install  hexo-cli -g
$npm install hexo-server -g
$npm install hexo-deployer-git -g
$npm install hexo-util -g

接下来建立博客目录，并初始化：

$ cd yourworkdir
$ mkdir yourblogdir
$ cd yourblogdir
$ hexo init //初始化 下载必要的建站文件
$ npm install //安装依赖项

接下来就可以开始博客的撰写了。

撰写博客

由于创建站点的时候，已经包含了一个hello-world的基础页面，所以不需要任何编辑，直接可以生成网站

$ hexo clean # 清除缓存
$ hexo g	# 生成页面
$ hexo s	#运行本地服务

之后可以看到提示hexo is running at http://localhost:4000/. Press ctrl+c to stop，可见只需要在浏览器中输入http://localhost:4000即可看到页面，如果你不想运行了，直接Ctrl+c就可以了。

发布博客

到现在为止，这些操作都还是在本地完成的，那么我们怎么才能把这些东西推送到github的个人页面上去呢？

通过hexo-deployer-git神器即可完成操作

• 安装hexo-deployer-git

$ npm install hexo-deployer-git --save

• 配置网站git

在站点配置文件(yourblogdir/_config.yml)修改如下配置：

deploy:
	type: git
	repo: <your repository url> #你的github上创建的yourname.github.io的仓库的地址
	branch: [branch]	# 分支名称，可选的，默认时master分支 

• 部署

下面的命令可以实现一键部署，

$ hexo d

这时候，浏览器中输入https://yourname.github.io是不是可以看到自己的博客了呢，大功告成。

参考

ubuntu 下 hexo 安装与配置
jekyll
hexo
pandoc

更多更及时的博客更新请戳—> KingRumn