搭建Hexo-next个人博客

从零开始搭建hexo博客并托管到Github Page

Hexo是使用较为广泛的一个快速简洁的博客框架,Github可以免费托管代码,本文以next主题为例,帮助新手从零开始搭建个人技术博客。

安装和配置Hexo

首先安装Node.jsGit,安装完以后,打开Git-bash或cmd 输入

1
npm install -g hexo-cli

使用Hexo本地建站

选择本地文件夹,比如D:\hexo安装,输入

1
2
3
hexo init D:\hexo
cd D:\hexo
npm install

输入hexo s,如果显示如下

1
2
3
hexo s
INFO  Start processing
INFO  Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

则说明建站成功,访问本地地址 (http://localhost:4000/) 可以看到主题默认效果。

下载next主题

1
2
cd D:\Hexo
git clone https://github.com/iissnan/hexo-theme-next themes/next

打开D:\hexo下的_config.yml文件,找到theme字段,修改为theme: next,然后使用命令hexo g和hexo s,访问本地地址,查看确认主题是否切换为next。

将博客托管到github上

  1. 注册github账号
  2. 注册成功并验证邮箱后,点击右上方+new repository。在Repository name中填写 你的Github账户名.github.io ,Description中填写对此repository的描述信息(可选,但建议填写,如Personal website)。

配置SSH

(1) 生成SSH:打开git bash,输入命令

1
ssh-keygen -t rsa -C "your email"

其中,your email是注册github的邮箱,接下来几步都直接按回车键,最后yes确认。
(2)在本地文件夹中,找到~/.ssh/id_rsa.pub文件,复制里面的内容。
打开Github官网,登陆后进入到个人设置,点击右侧的SSH Keys,点击Add SSH key;填写title之后,将之前复制的内容粘贴到Key框中,最后点击Add key即可。
输入命令 ssh -T git@github.com ,显示以下则配置成功

Hi username! You've successfully authenticated, but GitHub does not provide shell access.

打开D:\hexo文件夹中的_config.yml文件,找到如下位置,填写

1
2
3
deploy: 
  type: git
  repo: git@github.com:MyGithub/MyGithub.github.io

注:其中MyGithub替换成你的Github账户,通过访问http://MyGithub.github.io 可以看到默认的Hexo首页面。
如果出现错误ERROR Deployer not found: git,则使用如下命令安装git包

1
npm install hexo-deployer-git -save
Built with Hugo
Theme Stack designed by Jimmy