手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名

Hexo是一个开源的静态博客框架,支持markdown文档,应用起来很方便而且有丰富的主题模板可供选择,是建立个性化的个人博客的不二之选。以下以Coding+hexo为例搭建个人博客.因为GitHub在国内访问速度较慢,因此选择Coding,但是在GitHub上搭建的步骤也是大同小异的。
预先准备的环境应该要有:

  1. Git
  2. Coding账号
  3. node.js
    安装好git以及node.js之后,在电脑的任意盘里新建一个空文件夹,命名随意,最好是纯英文。然后打开这个空文件夹,运行Git Bash
    手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第1张图片
    在命令行输入
$ npm -v

测试npm工具是否成功安装,现在一般新版的node.js已经集成npm了。正常的如下图:
这里写图片描述

之后输入以下命令安装Hexo:

npm install hexo -g 

如果安装失败尝试使用淘宝源安装,命令如下:

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install hexo-cli -g

Hexo安装完成之后,初始化Hexo,命令如下:

hexo init

成功之后如图:
手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第2张图片

我们可以看到原来新建的文件夹自动生成了如下文件:

手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第3张图片

接下来登录coding,建立一个项目也就是代码仓库,需要注意的是项目名字一定得是:
[你的用户名].coding.me
接着查看Pages服务,如果pages链接是:https://[你的用户名].coding.me说明配置成功,如下图
手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第4张图片

由于coding网站的git更新服务要求是SSH方式,因此需要添加RSA公钥。获取RSA公钥的方式不赘述,自行Google。之后去coding网站添加公钥如图:
手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第5张图片
之后打开之前生成的博客目录下_config.yml文件,进行编辑,首先修改url为你的pages地址,一定要改否则会造成博客css样式无法正常显示的问题,如图:
手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第6张图片

接着在deploy下输入仓库地址,如图:

这里写图片描述
接着在Git Bash下输入如下命令安装push工具:

$ npm install hexo-deployer-git --save

安装完成之后运行如下命令:

$ hexo clean && hexo g && hexo d

成功如图:
手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第7张图片
现在即可通过Pages地址访问到上传的博客。连接是:https://[你的用户名].coding.me/

假如要绑定私有域名,通过私有域名访问,那么要修改域名的解析协议,这里以在阿里云购买的域名为例如图:手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第8张图片
记录值改成coding 的Pages地址。

同样在coding上也要改,在自定义域名里输入你购买的域名如下图:
手把手教你用Hexo+(Coding/GitHub)搭建个人博客及绑定私有域名_第9张图片

修改之后可能不会立即生效,等几分钟之后就可以通过设定私有域名访问你的个人博客了。
教程到此结束,冬至快乐!

如有关于项目搭建或其他类型网站开发的需求,可通过QQ(563730343)与我联系.

你可能感兴趣的:(教程)