github和自定义域名打造个人blog

github和自定义域名打造个人blog


准备材料:
1.  Git;
2.  github仓库;
3.  安装hexo;
3.  自定义域名(如果有需要)
4.  网络。
分步来:
步骤1:  git教程这里就不赘述,直接创建git仓库。
步骤2: hexo。
步骤3: 配置自定义域名。

步骤1:
1.1.    创建你的github仓库(见图1)

点我到github

1.2.    创建一个仓库,仓库名为你的github账户名.github.io
        比如我的就是:jawq.github.io

[图01]

[图02]

1.3.    创建完仓库后,直接clone到你本地任意一个非中文目录
步骤2:
2.1.    全局安装hexo(建议使用cnpm);
1
2
3
4
npm install hexo-cli -g
hexo init blog
cd blog
npm install
2.1.1.  如果你想本地看看初始化的博客情况: 'hexo server'

或者查看hexo官方教程

2.2.    然后开始初始化你的blog;
2.3.    在项目根目录找到_config.yml并配置你的git地址;
        例如我的仓库名为:'jawq.github.io',看下图,更换成你自己的仓库名即可.

[图03]

2.4.    git配置完,就可以按以下步骤进行hexo生成文章,并发布文章到你的github仓库了;

        生成hexo文章: hexo generate
        部署到git仓库: hexo deploy
2.5.    到刚刚你配置了的git地址去查看你的博客效果吧.
        我的是jawq.github.io,但你如果输入到浏览器后,会发现url变成了www.wujiaqiang.com,
        是因为自定义域名重定向了.下一步后你也可以,继续往下看...
步骤3:
3.1.    到万网(其他网站有的也可以,博主用的是万网)购买个你喜欢的域名;

点我到万网

3.2.    购买域名后,开始解析你的github地址到你刚刚购买的域名;
3.3.    打开你的域名列表,并找到解析:

3.3.1.  如果你是没购买过域名,该域名列表是不会有域名的.
        这时候你要找到'添加域名'选项,我这里因为有购买过域名,所以显示了域名列表.
3.4.    输入框中的'记录值'可以这么得到:
        ---
            命令行中ping你的github博客地址,比如我的:
                'ping jawq.github.io'
            即可得到对应的IP
3.5.    进入解析列表,为了方便起见,直接找到'新手引导',就会出现类似下图情况:

3.6.    将'3.5'步骤中的IP复制进输入框,'确认'即可.等几分钟后...
一般解析完成,如果没错误的话,可以很快就能用你的域名访问你的博客了,开始你的博客之旅吧~

Author: JawQ_
Link: http://wujiaqiang.com/2017/07/13/blog/
Copyright Notice: All articles in this blog are licensed under CC BY-NC-SA 3.0 unless stating additionally.
支付宝-打赏
微信-打赏