我的第一篇博客 | My First Blog, Hello World
终于,在两天的折腾之后,我搭建出了一个简单的博客网站,实在是可喜可贺!在第一篇博客中,我决定记录一下我搭(bai)建(piao)博客网站的经历,以供后人参考。👀👀👀
1. 开始的开始
首先,你需要一个Hexo框架,请在Hexo官方网站中下载:
安装 Hexo 需要先安装下列应用程序:
接着在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主的教程,跟随他就能完成所有步骤:点击这里
注意:
- 同上,你需要一定的科学上网能力以保证正常的下载。
- 仓库名是要和Github的用户名一样,例如用户名叫ttt,仓库名字就必须是ttt.github.io。(我踩的坑)
- 如果过程中提示:没有安装hexo-deployer-git,请输入:
npm install hexo-deployer-git --save
这样就能够下载了。 - 免费账户使用GitHub Pages 托管网站需要把仓库设为公开,如果你想设为私有,那么就需要GitHub Pro账户。接下来我会谈到,作为一个大学生,如何白嫖GitHub Pro。
完成后,你就能通过xxxxx.github.io访问你自己的网站了。
4. GitHub还能嫖?
在这个链接中认证:https://github.com/education/students
整个认证过程有一点麻烦,主要是参照GitHub Education的要求填写资料。有几个需要注意的点。
- 记得绑定教育邮箱
- 学生认证资料可以上传学信网下载的认证资料,但是需要转化为英文然后再拍照上传。
这里提供一个把学信网学籍资料转化为英文的GitHub项目:CHSI-Converter
你的照片需要包含你的名字、学校、入学时间和预计毕业时间。因为是机器别所以记得拍的清楚一些。 - 记得设置两步认证,可以使用Microsoft Authenticator、Google Authenticator等等两步认证器。
- 学生认证页面显示Approved之后3天会收到邮件,之后就可以享受学生权益了😀。
5. 白嫖域名计划
还记得之前的学生认证吗?认证之后GitHub会为学生提供一个权益包,其中就有几个域名网站,为学生提供免费的网站域名。在此我选择介绍Namecheap,它为学生免费提供一年的.me域名。
我们只需要关联一下GitHub账号,然后就可以看到大学生优惠了。在选择了域名之后,域名会自动解析到你的GitHub Page上。
这里放一个网站的教程,可供参考。
6. 加速!加速!再加速!
有了Page之后,你会发现,网站页面分享给不会科学上网的朋友 装B吹水 学习时,别人怎么都打不开你的网站。为了更好地分(zhuang)享(bi),这时你需要一个CDN服务。而Cloudflare正好为你提供了免费的CDN服务。怎么使用呢,教程如下:
注意:
- 请把Cloudflare名称服务器的两个地址填在在步骤5提供的教程中 Namecheap 域名解析 Custom DNS 那里。
- 完成填写后点击立即检查名称服务器,半小时内收到邮件提醒,你的域名也就加速完成了。
经过这几个简简单单的步骤,我就拥有了一个自己的博客网站,接着我会进一步的优化和升级。期待你的来访。
以上。