利用hexo+googlepages搭建个人博客


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

  • hexo
    tags:
  • linux
  • hexo
  • ubuntu

背景

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

  • 主流的个人博客工具包括hexojekyllwordpress等,具体的优劣建议参考: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 "[email protected]"
$ssh-keygen -t rsa -C "[email protected]"

创建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后面就是你的名字

  1. 书写第一个主页
  • pull代码
$ cd yourworkdir 	#yourworkdir是工作目录
$ git clone https://github.com/yourname/yourname.github.io
$ cd yourname.github.io
$ touch index.htm	# 创建默认页面
  • 创建页面
    通过vim或gedit编辑index.htm并输入以下内容



My Blog



Hello,world!

This is my first blog.

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

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

  1. 访问页面
    创建成功后,通过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"
  1. 安装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:  #你的github上创建的yourname.github.io的仓库的地址
	branch: [branch]	# 分支名称,可选的,默认时master分支 
  • 部署

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

$ hexo d

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

参考

ubuntu 下 hexo 安装与配置
jekyll
hexo
pandoc

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

你可能感兴趣的:(linux,blog)