Hexo博客搭建

一见如故的人还等候在远方里,请你向前去。

情桑-<致,孤勇如你>

什么是Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。本博客即使用hexo+github搭建而成,在此记录一下过程。

搭建环境: Win10x64位,hexo 3.8.0,Node 8.11.3,Git 2.18.0

安装Hexo

前提先安装两个软件,点击官网安装Node.jsGit,默认安装即可。Git安装完成后鼠标右击桌面会出现两个选项图标,点击框中那个,这个以后会经常用到。

1.新建一个文件夹取名,比如我的G:\HexoBlog,右键进入Git Bash,输入命令。

1
npm install -g hexo-cli //出现以下即安装成功

安装 Hexo 完成后,继续依次执行下列命令。

1
2
3
hexo init blog //这个过程会受网络限制,耐心等待。
cd blog
npm install

之后执行以下命令,以后必用:

1
2
3
4
hexo clean //清除缓存,这里不执行
hexo g //重新生成(执行)
hexo s //本地服务浏览(执行)
hexo d //推送至Github,这里不执行

至此,可打开浏览器输入:localhost:4000,本地查看博客效果,按ctrl+c停止。

下载主题-Next(官网)

1.安装 Git 部署插件:

1
npm install hexo-deployer-git --save

2.下载Next,参考安装包,或直接克隆

1
git clone https://github.com/iissnan/hexo-theme-next themes/next

启用主题

1
2
3
在 Hexo 中有2份主要的配置文件,其名称都是_config.yml。 其中,一份位于博客根目录下,主要包含Hexo本身的配置;另一份位于themes/next/目录下,用于配置主题相关的选项。
打开themes/next/下的_config.yml,查找scheme,可以看到四种不同的风格。去掉#注释,即启用对应的scheme,博主采用Gemini主题,大家可以依次测试效果,选择自己喜欢的scheme。
打开根目录下的_config.yml,查找theme字段,将字段改为theme: next(冒号:之后要有空格分隔,否则无效) 之后通过hexo g和hexo s,再在浏览器中访问localhost:4000即可本地预览主题效果。

主题基础配置

设置过程中,可运行在本地查看,步骤跟之前一样(注意所有的:后面都要空一格!!!)。

1.设置菜单

打开themes/next/下的_config.yml,查找menu,去掉#注释即可显示对应的菜单项。

2.设置网站基本信息和语言

打开根目录下的_config.yml,找到Site如下设置。

3.设置个人信息

打开themes/next/下的_config.yml,找到social如下设置。

4.设置头像

进入themes/next/source/images下,找到avatar.gif,放入一张同样大小的图片替换名字。之后打开themes/next/下的_config.yml,找到avatar如下设置。

创建github仓库

经过以上简单的配置,已经基本有个大概了,可以在本地查看效果,别的优化后面介绍,接下来结合github来搭建。

1.注册github账号。(略,自行百度。)

2.创建一个新仓库。

3.填写仓库信息。

4.建好仓库之后,在仓库界面选择仓库名称下面一行选项中的”settings”进入到仓库的设置界面中。

5.点击箭头选择一个主题,就可以通过地址在网络上访问了。

6.选择仓库地址,打开根目录下的_config.yml进行设置。

发布到github仓库

安装git部署插件npm install hexo-deployer-git --save

生成SSH秘钥
  • 设置全局用户名和邮箱。

  • 创建一个 SSH key 。在命令行依次(即Git Bash)输入以下命令, 回车三下即可:

    1
    2
    3
    $ ssh-keygen -t rsa -C "邮箱地址"
    $ eval "(ssh-agent -s)"
    $ ssh-add ~/.ssh/id_rsa

  • 添加到 github。 复制密钥文件内容(路径形如C:\Users\Administrator\.ssh\id_rsa.pub),粘贴到github上setting下面的SSH即可。

  • 测试是否添加成功。在命令行(即Git Bash)依次输入以下命令,返回“You’ve successfully authenticated”即成功:

    1
    2
    $ ssh -T git@github.com
    $ yes

  1. 推送到GithubPages。在命令行(即Git Bash)依次输入以下命令, 返回INFO Deploy done: git即成功推送:

    1
    2
    $ hexo g
    $ hexo d

    2.等待1分钟左右,浏览器访问网址: https://<Github账号名称>.github.io至此,你的Hexo博客已经搭建在GithubPages, 域名为https://<Github账号名称>.github.io教程至此,便能搭建一个最基础的博客。

个性化配置请移步:Next6.5主题配置

-------------本文结束感谢您的阅读-------------