前叙:本博是在Shan San的引路下自己不断摸索整的,主要是有TRHX大佬写的究极详细的小白教程,真的是小白,无脑跟着操作就OK,可先不理解,把东西先做出来,这里安利一下大佬的CSDN专栏
有了以上大佬的三个专栏,beautiful blog就有了。当然Hexo官方文档是必不可少的。
下面是我自己建博的简要记录:
前备知识:HTML + yaml + Git/Github + CSS + JS
tips:没有就见啥学啥吧。just like me!didiwanyier。
基础配置要求
- Node.js 官网下载
- Git 官网下载
- Hexo
本地创建
自己新建一个文件夹,用来放博客文件,右键Git Bash here,分别输入如下命令安装
1 | $ npm install hexo-cli -g |
然后再建个名为Hexo的文件夹,右键Git Bash Here输入$ hexo init
进行初始化,接着部署Hexo,执行命令:$ hexo generate
然后执行命令$ hexo server
运行本地服务器,打开http://localhost:4000/
打开博客。至此本地博客建好了。
部署到github
配置SSH+Git登录个人账户+clone新建的仓库至Hexo文件夹
更换到Hexo官网选一款中意的Hexo主题,阅读Hexo说明书,修改优化主题配置。添加评论系统,我使用的是Valine+它的一个高级扩展。(这里也会有Valine的配置说明要读)到这博客就差不多建好了。更细更个性化可以自己修改主题源代码。
绑定域名+实现https
1.运营商买域名
2.域名解析
点上图中的解析,然后添加记录,记录的内容按矩形方框所示,然后确定。
tips: github的域名即xxx.github.io
填的时候io
后面还有个 .
。
3.建CNAME文件
到github博客的source文件夹内创建名为CANME的文件,里面的内容是所购买的域名,不包含前缀。
4.部署发布
整完上面博客$ hexo g -d
一下。
5.到github上save域名
打开github->博客仓->Setting->github page,看图:
6.收获http
等一会,几分钟吧!(人家教程都这样说)oh!http://zy68.top
,真香!!https不更香??下面就是https踩坑路。
7.整SSL证书
回到域名控制台,点击域名列表中购买了的域名,出现该域名的基本信息,点击下面的开启SSL证书,然后出现两个一千多的SSL证书!(打扰了!回去耕田)点击返回证书列表,购买证书
oh! free.真香!!!然后那个啥没问题就等签发吧,十分钟不到。
8.github上打钩
拿到证书之后到github老位置打√。
oh!https,真香!!结束
tips:这里记个坑,如果上述第二步域名解析用了网上其他教程的:还有另外一个解析记录,其中的记录类型为A类型的话,github上的勾勾是不容易√上的,需要做另外的DNS操作。最简单的做法是:把A的解析记录删了,然后去打钩,over。
奉上两篇Shan San整来的official docs:
其他推荐
从零基于github pages和使用jekyll搭建自己的网站 Creating a Personal Website with Jekyll and GitHub Pages: A Comprehensive Guide