使用GitHub+Hexo搭建个人博客教程(原创)

我搭建这个博客走了许多弯路,查看了一大堆的教程,还请教了一些朋友。
于是乎,我有一个大胆的想法———总结一下我的操作方法及详细的步骤。

使用GitHub+Hexo搭建个人博客教程(原创)

简要

  • Github Pages
  • Hexo 博客框架
  • 部署(主题)

工具

  • Node.js
  • Git
  • Hexo

使用 Hexo 之前,需要先安装 Node.js 和 Git.

详细步骤

安装 Node.js

  • 进入Node.js下载地址
  • 安装后,打开 Node.js Command Prompt, 输入 node -v,会得到一个v x.x.x(x是当前版本号),说明安装成功。

安装git

  • 进入Git下载地址
  • 安装后,打开Node.js Command Prompt,输入git –version,会得到git version x.x.x(x是当前版本号),说明安装成功。

安装 Hexo

  • 打开Node.js Command Prompt,输入npm install -g hexo-cli,然后回车开始安装
  • 等安装完成,输入 hexo -v,会得到 hexo-cli……等一串数据,说明安装成功。

创建文件夹

  • 在任意磁盘创建文件夹blog
  • 打开Node.js Command Prompt,输入cd 你的文件夹地址
  • 输入hexo init,将blog文件夹初始化成一个博客文件夹。
  • 输入 npm install ,安装依赖包。
  • 输入 hexo g 生成网页。
  • 输入 hexo s将生成的网页放在了本地服务器。
  • 浏览器里输入 http://localhost:4000/ 。 就可以看到一个本地的博客了。
  • 输入Ctrl+C ,可以结束对http://localhost:4000/的访问。

使用GitHub+Hexo搭建个人博客教程(原创)


如果我们想让别人看到我们的博客,我们就需要把它部署到一个主机上。当然,我选择了一个github提供给每个用户的一个免费的空间。

注册github

  • 注册一个github的账号(此处我就跳过了,不会注册账号的可以联系我),然后创建一个仓库,仓库的名称格式:你的用户名+.github.io

使用GitHub+Hexo搭建个人博客教程(原创)

打开Git Bash,设置user.name和user.email配置信息:

输入以下命令

  • git config –global user.name “你的GitHub用户名”
  • git config –global user.email “你的GitHub注册邮箱”

生成并填写ssh**文件:

  • ssh-****** -t rsa -C “你的GitHub注册邮箱”
  • 然后回车,然后找到生成的.ssh的文件夹中的id_rsa.pub**(不知道目录的,回车后,显示的代码中可以看到),把里面的内容全部复制填写到自己的github(用电脑自带的记事本可以打开)。
  • 进入github,点击右下图所标记的。
  • 进入SSH keys /Add new后,Title可以随便填写,Key填写的是我们刚才复制的密匙内容。

使用GitHub+Hexo搭建个人博客教程(原创)

使用GitHub+Hexo搭建个人博客教程(原创)

修改博客的配置文件

  • 打开 /任意磁盘/blog/_config.yml文件 (可以用记事本打开)
  • 找到 #Deployment,输入以下内容,然后保存:
  • deploy:
    type: git
    repository: https://github.com/你的用户名.io.git
    branch: master

使用GitHub+Hexo搭建个人博客教程(原创)

安装Git部署插件,并且部署到github。

  • npm install hexo-deployer-git –save
  • hexo clean
  • hexo g
  • hexo d
  • 完成以上操作,你就可以通过 http://xxxx.github.io 访问你的博客了。

绑定域名

  • 购买域名
  • 解析域名

使用GitHub+Hexo搭建个人博客教程(原创)

使用GitHub+Hexo搭建个人博客教程(原创)

如果你不想用一个二级域名的话,你可以去阿里云买一个top的域名,因为top的比较便宜,当然土豪可以买.com、.cn,我们买了域名后,点击解析。

在github设置你的购买的域名

  • 打开,你刚才创建的仓库,进入settings,设置Custom domain,输入你的域名,然后保存。

使用GitHub+Hexo搭建个人博客教程(原创)

使用GitHub+Hexo搭建个人博客教程(原创)

进入自己创建的博客文件夹blog/source目录下,创建一个记事本文件,输入你购买的域名即可(不建议带有www)。保存后,将后缀名.txt删掉。

最终一步——部署到github

  • hexo clean
  • hexo g
  • hexo d

在浏览器输入你购买的域名,就可以直接进入你自己搭建的博客啦。

使用GitHub+Hexo搭建个人博客教程(原创)