Hexo个人博客搭建

题外话

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

步骤

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

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

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

github pages设置

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

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

Hexo个人博客搭建_第1张图片
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: [email protected]: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 (默认就是这俩)

Hexo个人博客搭建_第2张图片
DNS修改

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

Hexo个人博客搭建_第3张图片
添加CNAME.png

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

Hexo个人博客搭建_第4张图片
CNAME文件.png

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

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

Hexo个人博客搭建_第5张图片
域名解析

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

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

支持https

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

Hexo个人博客搭建_第6张图片
https访问支持

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

支持https

你可能感兴趣的:(Hexo个人博客搭建)