美文网首页
【hexo + github + 域名绑定】搭建个人博客

【hexo + github + 域名绑定】搭建个人博客

作者: CoderQH | 来源:发表于2017-01-10 17:50 被阅读207次

摘要

Hexo 是目前最流行的博客框架之一,基于Nodejs,下面的简易教程是基于mac环境搭建的,个人域名注册于美橙互联。教程分为环境搭建,GitHub绑定和域名绑定三个部分。

一、环境搭建

主要用到的工具有:homebrew,git,hexo。如果你已经安转过下面的工具,可以跳过。

homebrew 安装

$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

git 安装

$ brew install git

nodejs 安装

$ brew install nvm

$ cd ~

$ vim .bash_profile

按i进入输入模式,在 bash_profile文件中写入如下命令:

export NVM_DIR=~/.nvm

source $(brew --prefix nvm)/nvm.sh

然后按esc,:wq 回车保存自动回到刚才的界面(不要忘了:)。继续下面的命令:

$ source .bash_profile

$ nvm ls-remote // 查看所有的可用版本

$ nvm install 4 // 下载你想要的版本 我安装的4.7.2

$ nvm use 4 // 使用指定版本

$ nvm alias default 4 // 默认启动版本

$ npm -v // 查看版本

$ node -v

hexo 安装

$ sudo npm install hexo-cli -g

二、GitHub绑定

前提是你已经有一个github帐号。如下图:Owner 要和 xxx.github.io 的xxx 保持一致。 备注:xxx是的设置的用户名。

$ hexo init blog // 放资源文件夹

$ cd blog

$ git clone https://github.com/iissnan/hexo-theme-next themes/next // 安装主题

$ vim _config.yml

修改几个键值。

title: 五维空间 // 博客名

author: xxx // 名字

language: zh-Hans // 中文

theme: next // 主题

type: git // git发布

repo: https://github.com/xxx/xxx.github.io.git

在blog/source/_posts下主要是放你的博文了。测试一下hexo服务

$ hexo s

启动成功即可访问 https://localhost:4000
未成功检查异常原因。

安转自动部署工具:

$ npm install hexo-deployer-git --save

以上都没问题,接着部署到github了。

$ hexo clean // 清除缓存文件 (db.json) 和已生成的静态文件 (public)

$ hexo g // 生成缓存和静态文件

$ hexo d // 重新部署到服务器

OK。http://xxx.github.io 可以顺利开启了。

三、域名绑定

我是用的美橙注册的域名,一张图,注意看红圈部分。
在/blog/themes/next/source 下 touch 一个CNAME,写入域名,如在美橙的域名解析为:www.coderhouse.cn

备注:

hexo

theme

blog

完。

相关文章

网友评论

      本文标题:【hexo + github + 域名绑定】搭建个人博客

      本文链接:https://www.haomeiwen.com/subject/taxlbttx.html