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

9次阅读

共计 2499 个字符,预计需要花费 7 分钟才能阅读完成。

原文链接:基于 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 ghexo d 上传到 github。这样到最初当你在地址栏输出xxx.github.io 时,才会主动跳转到你的域名。

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

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

正文完
 0