avatar

目录
Hexo+Github Pages搭建个人博客

前言

相信很多人都想有一个自己的博客,不管是为了学习总结、发表感想,还是为了装X。推荐几个个人认为很好的博客站:简书CSDN博客园

但是如果你动手能力强,想拥有一个高大上的属于自己的博客,这篇教程或许会帮助你!

为什么选择Github Pages?

1 .github pages有300M免费空间,资料自己管理,保存可靠;

2 .学着用github,享受github的便利,上面有很多大牛,眼界会开阔很多;

3 .顺便看看github工作原理,最好的团队协作流程;

4 .github是趋势;

5 .你不觉得一个文科生用github很geek吗?瞬间跻身技术界;

6 .就算github被墙了,我可以搬到国内的gitcafe中去。

作者:CNFeat

Github Pages是什么?

GitHub Pages is a static site hosting service.

详情参考:What is Github Pages?

具体步骤

工具:

系统:Windows 10
环境:Node.js、Git

1.环境搭建:

  1. 下载Node.js;
  2. 下载Git
  3. 安装:点击安装包直接安装即可。

2.安装和配置Hexo:

安装:###

1.打开Git Bash,输入:

$ npm install -g hexo

等待hexo安装完成;

2.在本地目录建立一个hexo文件夹;

3.右击此文件夹用Git Bash Here打开:

依次执行:

$ hexo init
$ npm install

4.查看是否安装成功,依次执行:

$ hexo g
$ hexo s

然后用浏览器访问http://localhost:4000;
你应该会看到:

配置:###

  • 注册Github账号。过程很简单,在此不多说了,要记住UsernameEmail Address;

  • 创建Repository。登陆Github,点击右上角的加号,点击New repository

填写Repository name格式必须为***name.github.io***
如:CoderTrain.github.io

  • 检查SSH。在Git Bash输入以下指令:

    ls -al ~/.ssh

如果提示:No such file or directory,说明你第一次使用Git,如果提示存在SSH Key,只需删除我的文档.ssh文件夹中的所有文件;

  • 生成新的SSH Key。

    $ ssh-keygen -t rsa -C "name@yourmail.com"

然后你要按3次回车键,

此处的邮箱地址为你注册Github的邮箱,-C 的C是大写的

最后看到这样的界面,就成功设置了:

  • 添加SSH Key到Github。用notepad++打开个人文档中的
    .ssh中的id_rsa.pub文件,复制代码;

登陆到Github,点击右上角的头像Settings–>SSH and GPG keys–>New SSH key

把你复制的Keys粘贴,随便填写Title,然后点击Add SSH key,就可以了。




  • 测试。输入以下命令,注意此git.github@.com无需更改。

    $ ssh -T git.github@.com

如果显示:

The authenticity of host 'github.com (207.97.227.239)' can't be established.
RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48.
you sure you want to continue connecting (yes/no)?

输入yes,如果你会得到反馈,那么SSH就设置成功了:

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

  • 设置用户信息。依次执行下面的命令:

    $ git config --global user.name "name" #name为Github用户名
    $ git config --global user.email "name@mail.com" #邮箱为注册Github时填写的邮箱

到此SSH配置成功。

SSH配置常见错误请参考:

GitHub Help - Generating SSH Keys

GitHub Help - Error Permission denied (publickey)

  • 部署本地文件到Github。打开hexo目录,用notepad++打开_config.yml文件,在文件最后加上:

      deploy:
        type: git
        repository: git@github.com:name1/name2.github.io.git
        branch: master
    

name1为你的Github用户名name2为你的Repository name;


保存文件;

  • 安装hexo-deployer-git模块:

    $ npm install hexo-deployer-git --save

  • 克隆主题。到Github找自己喜欢的主题,克隆下来,这里以NexT为例:

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

然后修改hexo目录下_config.yml

theme: next
  • 验证主题。依次执行:

    $ hexo g
    $ hexo s

然后浏览器访问http://localhost:4000,如果你看到主题已改变,说明主题配置成功。

主题安装请参考:NexT文档

  • 上传文件到Github。执行:

    $ hexo d

第一次上传会让你输入Github账号与密码。

上传成功后,你就可以通过https://name.github.io访问你的网站了!

3.绑定域名

购买域名

推荐在GoDaddy上购买。查找自己喜欢的域名,购买即可(购买前你可以在网上找优惠券)。

解析域名

  • 注册DNSpod,添加域名,如下图设置:

其中A的两条记录是Github Pages提供的IP,www指定的记录是你在Github注册的仓库:

	192.30.252.153
	192.30.252.154

如果不能用,及时在Github Pages查看最新IP;

  • 修改DNS地址。登陆Godaddy,点击右上角用户名–>域名设置–>管理DNS–>使用自定义域名服务器

      f1g1ns1.dnspod.net
      f1g1ns2.dnspod.net
    




详情参考:DNSpod官方帮助文档

  • 创建CNAME。在hexo目录下source中用notepad++创建一个CNAME文件,注意此文件无任何扩展名,在文件中写上你的域名

4.搭建完成,发表文章

Hexo使用的是Markdown格式,所以需要懂得一点Markdown语法。

请参考:Markdown语法说明(简体中文版)

Markdown文本编辑器推荐使用:MarkdownPad。注意,如果是Windows 10的用户要安装 Awesomium 1.6.6 SDK.,要不然无法正常使用。

发表文章,最常用的命令:

$ hexo n "文章标题" #在source文件夹生成一个Markdown文件
$ hexo clean       #清除缓存
$ hexo g           #生成网页文件
$ hexo s           #本地调试
$ hexo d           #上传到Github

总结

至此,就算初步搭建好自己的博客,后期主要是关于网站页面的设置和主题更改及配置,这些都可在官方文档中找到。按照这个教程理论上都能搭建成功,因为我也是踩了很多坑才写出这篇教程的。最后,希望大家都能一次成功。如果遇到什么问题,可以一起探讨!

参考资料:#

  1. hexo干货系列:(一)hexo+gitHub搭建个人独立博客
  2. HEXO+Github,搭建属于自己的博客
  3. 如何搭建一个独立博客——简明Github Pages与Hexo教程
  4. 使用github+Hexo人人都能拥有一个美美的博客
  5. Hexo官方文档
文章作者: 大巴斯基
文章链接: http://nieblog.me/2016/10/02/Hexo-Github搭建个人博客/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 CodeTrainer