Hexo个人博客搭建


欢迎大家访问我的博客,虽然一般都是简书和博客同步更新啦~~懒得搞图床,把简书当图床还挺好用的233333

步骤

  1. 准备放博客的空间,我是选择的github的github pages,免费,有逼格

  2. 配置Hexo环境,后期可以通过配置Travis CI自动化部署

  3. 绑定自己的域名,支持https,虽然github.io也挺好的,没事就喜欢折腾

github pages设置

首先得有一个github账号,账号申请就略过了。

在账号下新建一个仓库,仓库命名为yourname.github.io。

github新建仓库.png

设置好pages,等会儿Hexo生成博客push到仓库后,浏览器就可以输入yourname.github.io访问了。

配置Hexo

安装

这里是官方中文教程,照着来就好了~前提条件是要安装git和node.js,用github的话git肯定是装好了,教程都有不赘述了。

建博客

安装好Hexo后,终端先到你准备放博客源文件的目录下:

hexo blogName

cd blogName

npm install

hexo s

现在已经可以在本地预览生成的博客了,在浏览器输入localhost:4000就能看见默认的博客了。

关联github仓库

为了能让其他人也能看见你的博客,就要把博客的源文件提交到你的github仓库,打开blog目录下的配置文件_config.yml,修改最底下的几行:

deploy:

type: git

repository: git@github.com:yourname/yourname.github.io.git

branch: master

yml语法很蛋疼,冒号后面一定要有个空格,之前没打空格被坑过好几次

发布博客

hexo clean

hexo g

hexo d

Hexo主题

Hexo修改主题相当方便,可以下载别人的主题,自己在主题的基础上再稍作修改,这里推荐两个主题

  • Next,大名鼎鼎的主题,看Star就知道了,主题还自带3种风格,简洁优雅

  • yelee,我现在用的主题,喜欢动画效果~

自定义域名 (2018-08-15更新)

折腾完前面的步骤,还想继续折腾域名的话就看看吧。

购买

首先要先注册一个阿里云账号,然后就可以去买域名了。域名的实名认证啥的按照说明自己做就好了。

DNS修改

在阿里云的控制台,找到域名->管理,打开域名控制台,DNS地址修改为dns9.hichina.com和dns10.hichina.com (默认就是这俩)

DNS修改

然后在本地的博客目录里的source目录下添加一个名字为CNAME的文件,没有后缀。

添加CNAME.png

在CNAME中添加一行你自己的域名:

CNAME文件.png

之前看教程说CNAME是放在博客根目录,但是hexo d -g发布的时候不会提交根目录文件…于是就放到source文件夹下了

在控制台左侧选择域名解析,添加解析记录:

域名解析

上面的A记录是github的服务器地址,github 会根据每个项目下的 CNAME 生成缓存,从而自动跳转。

最后就是等待ing,我设置的时候等了一个小时就可以访问了。

支持https

github在2018年5月就支持给自定义域名添加https了,虽然我8月才发现……在github的博客项目页面点击Settings,找到下面的GitHub Pages:

https访问支持

最底下的选项勾上就可以支持https了。如果该选项是灰色的,提示你的域名不支持的话,可以把再把项目里的CNAME文件删掉提交一次,Custom domain那里删掉然后Save,等几分钟后再重新提交一次CNAME文件。这时候可能提示你暂时还不支持,申请证书在24小时内完成,不过我就等了1个小时就好了。

支持https

文章目录
  1. 1. 步骤
  2. 2. github pages设置
  3. 3. 配置Hexo
    1. 3.1. 安装
    2. 3.2. 建博客
    3. 3.3. 关联github仓库
    4. 3.4. 发布博客
    5. 3.5. Hexo主题
  4. 4. 自定义域名 (2018-08-15更新)
    1. 4.1. 购买
    2. 4.2. DNS修改
    3. 4.3. 支持https
| | 81.7k