抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

前叙:本博是在Shan San的引路下自己不断摸索整的,主要是有TRHX大佬写的究极详细的小白教程,真的是小白,无脑跟着操作就OK,可先不理解,把东西先做出来,这里安利一下大佬的CSDN专栏

  1. 使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
  2. Hexo 博客优化之博客美化系列(持续更新)
  3. Hexo 博客优化之实用功能添加系列(持续更新)

有了以上大佬的三个专栏,beautiful blog就有了。当然Hexo官方文档是必不可少的。


下面是我自己建博的简要记录:
前备知识:HTML + yaml + Git/Github + CSS + JS

tips:没有就见啥学啥吧。just like me!didiwanyier。

基础配置要求

  1. Node.js 官网下载
  2. Git 官网下载
  3. Hexo

本地创建

自己新建一个文件夹,用来放博客文件,右键Git Bash here,分别输入如下命令安装

1
2
$ npm install hexo-cli -g  
$ npm install hexo-deployer-git --save

然后再建个名为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.运营商买域名

This is a picture without description

2.域名解析

点上图中的解析,然后添加记录,记录的内容按矩形方框所示,然后确定
This is a picture without description
tips: github的域名即xxx.github.io填的时候io后面还有个 .

3.建CNAME文件

到github博客的source文件夹内创建名为CANME的文件,里面的内容是所购买的域名,不包含前缀。
This is a picture without description

4.部署发布

整完上面博客$ hexo g -d一下。

5.到github上save域名

打开github->博客仓->Setting->github page,看图:
This is a picture without description

6.收获http

等一会,几分钟吧!(人家教程都这样说)oh!http://zy68.top,真香!!https不更香??下面就是https踩坑路。


7.整SSL证书

回到域名控制台,点击域名列表中购买了的域名,出现该域名的基本信息,点击下面的开启SSL证书,然后出现两个一千多的SSL证书!(打扰了!回去耕田)点击返回证书列表购买证书
This is a picture without description
oh! free.真香!!!然后那个啥没问题就等签发吧,十分钟不到。
This is a picture without description

8.github上打钩

拿到证书之后到github老位置打√。
This is a picture without description
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

评论

Gitalk评论系统对接至Github Issue,随心评论🐾🐾.....