手把手教你搭建完全免费的个人博客

时间:2021-11-11 来源:未知网络 作者:996建站网

多图预警!!!!!

准备域名

众所周知,好的域名(包括众多因素,比如好记,顺口等)会让你的网站变得更出人头地

那么我们就看看域名要多少钱吧(图省事懒得备案,就选的国外平台)

GoDaddy为例:

手把手教你搭建完全免费的个人博客插图

天哪 天哪 这也太贵了(作为白嫖精我是不敢买

于是我拿出了Freenom(申请过程略,因为我也是托人帮忙申请的

这是成果:

手把手教你搭建完全免费的个人博客插图

还有一个.ga域名绑定在DNSPod,.tk那个域名的dns也转到Vercel了。

准备GitHubAccount

(有账户的直接跳过)

  1. 输入GitHub.com

手把手教你搭建完全免费的个人博客插图

2. 输入你的用户名到Username,邮箱到Email,密码到Password(密码长一点,不然以后会麻烦点)。

手把手教你搭建完全免费的个人博客插图

接下来你会进入这个页面,填写好所有项目,完成人机验证。

手把手教你搭建完全免费的个人博客插图

这里请自己选择。

手把手教你搭建完全免费的个人博客插图

点击Verify email address。

手把手教你搭建完全免费的个人博客插图

你的GitHubAccount已就绪。

注册Vercel账号

手把手教你搭建完全免费的个人博客插图

Sign Up。

Vercel可以说是很良心的。Edge Network免费永久使用(真的永久),如果把域名DNS转入Vercel有免费DNS(全球都有节点,中国香港延迟73ms),静态网站随便搭。

手把手教你搭建完全免费的个人博客插图

GitHub。

手把手教你搭建完全免费的个人博客插图

点击验证。

手把手教你搭建完全免费的个人博客插图

Import。

手把手教你搭建完全免费的个人博客插图

Template。

手把手教你搭建完全免费的个人博客插图

HEXO。

手把手教你搭建完全免费的个人博客插图

Continue。

手把手教你搭建完全免费的个人博客插图

Install。

手把手教你搭建完全免费的个人博客插图

Install。

手把手教你搭建完全免费的个人博客插图

Continue。

手把手教你搭建完全免费的个人博客插图

Deploy。

手把手教你搭建完全免费的个人博客插图

等待。

手把手教你搭建完全免费的个人博客插图

成功。

手把手教你搭建完全免费的个人博客插图

正常访问,蛮快的,还直接给了SSL证书。

手把手教你搭建完全免费的个人博客插图

这样设置,CloudFlare不用用cdn!这样反而会减速!

手把手教你搭建完全免费的个人博客插图1

无视上面的图片,请这样设置!(才发现Vercel的新别名换了)

享受你的博客吧!

发布新文章可以直接去GitHub,可以去看其他的教程!写了新的文章你不需要手动输入

$ hexo generate

手把手教你搭建完全免费的个人博客插图2

微信扫一扫 关注公众号

微信扫一扫 使用小程序

百度扫一扫 使用小程序