关于前端:Hexo-Butterfly-从零开始搭建个人博客二

原文链接：基于 Hexo 从零开始搭建集体博客（二）
浏览本篇前，请先配置好相应的环境，请仔细阅读教程基于 Hexo 从零开始搭建集体博客（一）。

前言

博客搭建过程遇到任何问题，优先在本页面搜寻，查看是否曾经有该配置教程。
遇到问题能够优先在文章评论区留言，留神留言时请填写正确的邮箱以确保能收到站长的回复。
切实解决不了的问题可增加站长 Wechat ，增加好友时请备注本人的姓名+业余，如张三计算机科学与技术。

初始化 Hexo 我的项目

在指标门路（我这里选的门路为【G:/hexo-blog】）关上cmd命令窗口，执行hexo init初始化我的项目。

hexo init blog-demo(我的项目名)

进入blog-demo ，输出npm i装置相干依赖。

cd blog-demo  //进入blog-demo文件夹npm i

初始化我的项目后，blog-demo有如下构造：
【node_modules】：依赖包
【scaffolds】：生成文章的一些模板
【source】：用来寄存你的文章
【themes】：主题
【.npmignore】：公布时疏忽的文件（可疏忽）
【_config.landscape.yml】：主题的配置文件
【_config.yml】：博客的配置文件
【package.json】：项目名称、形容、版本、运行和开发等信息
输出hexo server或者hexo s。
关上浏览器，输出地址：http://localhost:4000/ ，看到上面的成果，阐明你的博客曾经构建胜利了。

将动态博客挂载到 GitHub Pages

上一篇文章中，咱们曾经实现了对 GitHub 账户的注册以及 Github Pages 的创立，并且为 GitHub 配置了 SSH key, 咱们将博客部署到 GitHub Pages 上即可。

装置 hexo-deployer-git

npm install hexo-deployer-git --save

批改 _config.yml 文件

在blog-demo目录下的_config.yml，就是整个Hexo框架的配置文件了。能够在外面批改大部分的配置。具体可参考官网的配置形容。

批改最初一行的配置，将repository批改为你本人的github我的项目地址即可。

deploy:  type: git  repository: git@github.com:tzy13755126023/tzy13755126023.github.io.git  branch: master

部署我的项目到 GitHub

批改好配置后，运行如下命令，将代码部署到 GitHub。

hexo cleanhexo generatehexo deploy

hexo clean：删除之前生成的文件，若未生成过动态文件，可疏忽此命令。
hexo generate：生成动态文章，能够用hexo g缩写
hexo deploy：部署文章，能够用hexo d缩写

留神：deploy时可能要你输出 username 和 password。

如果呈现Deploy done，则阐明部署胜利了。

关上浏览器拜访：https://tzy13755126023.github.io ，这时候咱们就能够看到博客内容了。

设置集体域名

当初你的集体网站的地址是 yourname.github.io。如果感觉不够定制化，能够购买一个专属域名。

这一步不是必要的，如果目前还不想买域名能够先跳过。

腾讯云、阿里云等都是不错的抉择，博主抉择的阿里云的.com。购买域名后，实名认证进入阿里云控制台，点云解析进去，找到你刚买的域名，点进去增加两条解析记录，记录值请填写<用户名>.github.io，如下图所示：

以我的域名tzy1997.com为例，进行如下阐明：

主机记录	解释
www	解析后的域名为 www.tzy1997.com
@	间接解析主域名 yafine-blog.cn
*	泛解析，匹配其余所有域名 *.yafine-blog.cn
mail	将域名解析为 mail.yafine-blog.cn，通常用于解析邮箱服务器
二级域名	如 abc.yafine-blog.cn，填写 abc
手机网站	如 m.yafine-blog.cn，填写 m
显性URL	不反对泛解析（泛解析：将所有子域名解析到同一地址）

将域名指向云服务器，请抉择「A」；将域名指向另一个域名，请抉择「CNAME」；建设邮箱请抉择「MX」，依据邮箱服务商提供的 MX 记录填写。

记录类型	解释
A	用来指定域名的 IPv4 地址（如 8.8.8.8），如果须要将域名指向一个 IP 地址，就须要增加 A 记录。
CNAME	如果须要将域名指向另一个域名，再由另一个域名提供 IP 地址，就须要增加 CNAME 记录。
MX	如果须要设置邮箱，让邮箱能收到邮件，就须要增加 MX 记录。
TXT	在这里能够填写任何货色，长度限度 255。绝大多数的 TXT 记录是用来做 SPF 记录（反垃圾邮件）
NS	域名服务器记录，如果须要将子域名交给其余 DNS 服务商解析，就须要增加 NS 记录。
AAAA	用来指定主机名（或域名）对应的 IPv6 地址（例如：ff06:0:0:0:0:0:0:c3）记录。
SRV	记录了哪台计算机提供了哪个服务。格局为：服务的名字、点、协定的类型，例如：_xmpp-server_tcp。
显性 URL	从一个地址 301 重定向到另一个地址的时候，就须要增加显性 URL 记录（注：DNSPod 目前只反对 301 重定向）。
隐性 URL	相似于显性 URL，区别在于隐性 URL 不会扭转地址栏的域名。

这时候你的我的项目根目录应该会呈现一个名为CNAME的文件。如果没有的话，关上博客/source目录，我的是G:/hexo-blog/blog-demo/source，新建CNAME文件，留神没有后缀。而后在外面写上你的域名(例如：tzy1997.com)，保留。最初运行hexo g、hexo d上传到github。这样到最初当你在地址栏输出xxx.github.io时，才会主动跳转到你的域名。

关上你的github博客我的项目，点击settings，点击Pages，拉到上面Custom domain处，填上你本人的域名，保留。

部署胜利后，再关上你的浏览器，输出你本人的专属域名，即可看到你的博客网站！