乐趣区

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

jiezi

原文链接：基于 Hexo 从零开始搭建集体博客（二）

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

前言

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

初始化 Hexo 我的项目

  1. 在指标门路（我这里选的门路为【G:/hexo-blog】）关上 cmd 命令窗口，执行 hexo init 初始化我的项目。
hexo init blog-demo(我的项目名)
  1. 进入 blog-demo，输出npm i 装置相干依赖。
cd blog-demo  // 进入 blog-demo 文件夹
npm i
  1. 初始化我的项目后，blog-demo有如下构造：
    【node_modules】：依赖包
    【scaffolds】：生成文章的一些模板
    【source】：用来寄存你的文章
    【themes】：主题
    【.npmignore】：公布时疏忽的文件（可疏忽）
    【_config.landscape.yml】：主题的配置文件
    【_config.yml】：博客的配置文件
    【package.json】：项目名称、形容、版本、运行和开发等信息
  2. 输出 hexo server 或者hexo s。
  3. 关上浏览器，输出地址：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 clean
hexo generate
hexo 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 处，填上你本人的域名，保留。

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

退出移动版