终于,在两天的折腾之后,我搭建出了一个简单的博客网站,实在是可喜可贺!在第一篇博客中,我决定记录一下我搭(bai)建(piao)博客网站的经历,以供后人参考。👀👀👀

1. 开始的开始

首先,你需要一个Hexo框架,请在Hexo官方网站中下载:

Hexo

安装 Hexo 需要先安装下列应用程序:

  • Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
  • Git

接着在Git Bash中通过以下五个指令快速建站:

$ npm install hexo-cli -g

$ hexo init blog

$ cd blog

$ npm install

$ hexo server

最后一个指令结束之后,访问http://localhost:4000/即可本地预览博客,代表着安装成功。

在此推荐一个B站up的视频教程,可以参考这个up的前半段。点击这里

注意:由于国内网络与GitHub的连接不稳定,所以在Git Bash执行下载操作时,可能需要一定的科学上网能力以保证正常的下载。

2. 前人栽树,后人乘凉

在Hexo官网中可以找到主题页面,选择一个好看的主题,点击标题后会跳转至GitHub页面,根据主题自己的教程文档就可以自己配置主题了。

3. 白嫖GitHub服务器?

这一节教你将本地网站推送至Github仓库并创建GitHub Pages

我同样推荐一个up主的教程,跟随他就能完成所有步骤:点击这里

注意:

  1. 同上,你需要一定的科学上网能力以保证正常的下载。
  2. 仓库名是要和Github的用户名一样,例如用户名叫ttt,仓库名字就必须是ttt.github.io。(我踩的坑)
  3. 如果过程中提示:没有安装hexo-deployer-git,请输入:npm install hexo-deployer-git --save 这样就能够下载了。
  4. 免费账户使用GitHub Pages 托管网站需要把仓库设为公开,如果你想设为私有,那么就需要GitHub Pro账户。接下来我会谈到,作为一个大学生,如何白嫖GitHub Pro。

完成后,你就能通过xxxxx.github.io访问你自己的网站了。

4. GitHub还能嫖?

在这个链接中认证:https://github.com/education/students

整个认证过程有一点麻烦,主要是参照GitHub Education的要求填写资料。有几个需要注意的点。

  1. 记得绑定教育邮箱
  2. 学生认证资料可以上传学信网下载的认证资料,但是需要转化为英文然后再拍照上传。
    这里提供一个把学信网学籍资料转化为英文的GitHub项目:CHSI-Converter
    你的照片需要包含你的名字、学校、入学时间和预计毕业时间。因为是机器别所以记得拍的清楚一些。
  3. 记得设置两步认证,可以使用Microsoft Authenticator、Google Authenticator等等两步认证器。
  4. 学生认证页面显示Approved之后3天会收到邮件,之后就可以享受学生权益了😀。

5. 白嫖域名计划

还记得之前的学生认证吗?认证之后GitHub会为学生提供一个权益包,其中就有几个域名网站,为学生提供免费的网站域名。在此我选择介绍Namecheap,它为学生免费提供一年的.me域名。

我们只需要关联一下GitHub账号,然后就可以看到大学生优惠了。在选择了域名之后,域名会自动解析到你的GitHub Page上。

这里放一个网站的教程,可供参考。

2024年最新Namecheap域名注册购买及解析教程

6. 加速!加速!再加速!

有了Page之后,你会发现,网站页面分享给不会科学上网的朋友 装B吹水 学习时,别人怎么都打不开你的网站。为了更好地分(zhuang)享(bi),这时你需要一个CDN服务。而Cloudflare正好为你提供了免费的CDN服务。怎么使用呢,教程如下:

GitHub Pages加速

注意:

  1. 请把Cloudflare名称服务器的两个地址填在在步骤5提供的教程中 Namecheap 域名解析 Custom DNS 那里。
  2. 完成填写后点击立即检查名称服务器,半小时内收到邮件提醒,你的域名也就加速完成了。

经过这几个简简单单的步骤,我就拥有了一个自己的博客网站,接着我会进一步的优化和升级。期待你的来访。

以上。