美文网首页
Hexo个人博客搭建

Hexo个人博客搭建

作者: 玖零儛 | 来源:发表于2017-04-07 16:55 被阅读0次

    题外话

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

    相关文章

      网友评论

          本文标题:Hexo个人博客搭建

          本文链接:https://www.haomeiwen.com/subject/odihattx.html