花一块钱用Hexo搭建自己的博客 教程二

絮叨

完成Hexo使用指南一中的步骤仅仅是将Hexo博客布置到本地的服务器中,怎么样让更多的人通过互联网直接访问你的博客呢?需要的仅仅是通过几个简单的步骤将你在指南一中生成的博客部署到github上. 通过github中你的个人域名来访问你的博客,这样所有人都可以在互联网上访问你的博客了.

值得一提的是,github所提供的个人域名的标准格式为.github.io, 其中username为你注册的github账号用户名. 虽然域名形式上已经很简单了,但更多的人还是喜欢自己个性化定制的域名, 例如理发店的tony老师可能希望自己的博客域名为tony.com而不是相对复杂的tony.github.io, 本套教程就教你如何用一元人民币的代价来部署属于你的博客在你的个人域名上.

因此完成本套教程的前提为:

  • 注册一个github账号
  • 拥有一块钱

新建github个人域名repository

百度百科对github网站的定义为:

gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub

  • 注册并登陆github

    花一块钱用Hexo搭建自己的博客 教程二_第1张图片

  • 新建reposotory(后均简称repo)
    repo可理解为保存代码的仓库,点击主页右上角的+符号,新建new repo命名为<你的github账号名>.github.io,如下所示:

    花一块钱用Hexo搭建自己的博客 教程二_第2张图片
    由于笔者已创建过,所以这里提示该repo已存在

-复制该repo的SSH链接地址
进入上述步骤建立的名为<你的github账号名>.github.io的repo,点击绿色的clone and download按钮

选择SSH方式,复制链接

花一块钱用Hexo搭建自己的博客 教程二_第3张图片

如果主机没有为github配置SSH公匙,请百度一下 如何为github配置SSH链接

建立本地Hexo博客与github个人域名的连接

-打开mybolg1目录下的_config.yml文件,将文件底部的deploy:代码由

deploy:
  type: 

更改为

deploy:
  type: git
  repo: [email protected]:<你的github账号名>/<你的github账号名>.github.io.git //此处即填写复制的repo链接
  branch: master

保存文件,并在Hexo博客的根目录下,按序执行:
-清空Hexo缓存文件

$ hexo clean

-生成新的Hexo缓存文件

$ hexo generate

-部署Hexo至github仓库

$ hexo deploy

待上述代码执行完毕,在网页中打开链接<你的github账号名>.github.io,如果你看到了你的个人博客,恭喜你,你已经成功在互联网上搭建了属于自己的个人博客了!

注册个人自定义域名

互联网上可以注册域名的网站有很多,例如阿里云, 腾讯云
等. 本教程使用腾讯云来注册个人域名,其他网站的注册域名流程均大同小异.

-注册一个域名

登陆腾讯云,根据自己的经济实力注册一个自己所需的域名,按步骤操作,最后交钱就行了.我们还以理发店的Tony老师为例,他注册了一个名为BarberTony.com的域名,由于这个域名档次较高,尊贵无比,所以租用该域名一年要价人民币59元,而笔者生活较为贫苦,无法大手笔购入高价域名,所以买了zhangyuyang.club的域名,租用该域名一年只需1元钱,合情合理,很舒服.

花一块钱用Hexo搭建自己的博客 教程二_第4张图片

绑定Hexo域名与自定义域名

  • 查看github个人域名外网IP
    在Terminal终端中用ping命令,查看github个人域名外网IP
$ping <你的github账号名>.github.io

得到如下结果:


花一块钱用Hexo搭建自己的博客 教程二_第5张图片

其中的185.199.110.153即为你的github个人域名外网IP

  • 为您购买的自定义域名设置DNS解析
    进入腾讯云后台,点击我的域名,选择您购买的域名,点击域名解析->新手快速添加
    花一块钱用Hexo搭建自己的博客 教程二_第6张图片

    点击网站解析后,将主机地址设置为你的github个人域名外网IP

-为Hexo本地文件配置自定义域名
进入Hexo本地目录(本教程中为myblog1目录)中的source目录

$ cd source

source目录下新建一个文件,名为CNAME,向其写入你购买的自定义域名

$ gedit CNAME
花一块钱用Hexo搭建自己的博客 教程二_第7张图片

保存文件,用hexo clean,hexo generate,hexo deploy命令重新部署Hexo至github. 打开浏览器,输入你的自定义域名,恭喜你,你已经在互联网上拥有属于自己的个性域名的博客了!

你可能感兴趣的:(花一块钱用Hexo搭建自己的博客 教程二)