使用Hexo建站,挂在Github上


一穷二白的开山之作

1、参考B站up主”CodeSheep”的视频,成功建站

  一个厉害的同学给我推荐了CodeSheep的B站教学视频这个视频讲得十分详细,还有弹幕助攻,照着做是可以完成的。
  视频主要内容就是使用hexo这个博客框架和github提供的page服务,让你可以高效、优雅且免费(!)的搭建一个静态的个人博客。这个静态并不是指你所看到的网页是静止的,它也可以有各种动图、视频、音乐、交互响应等。而github的page服务让我们免去了租赁服务器的费用,只需要注册个github账号,将我们的站点文件上传到仓库,并开始page服务就可以让别人愉快的访问啦~
  我搞了一晚上之后成功了,本来是挂在github上,但因为奇慢的速度让人心烦,就熬夜捣鼓了下放在gitee上了。感觉速度杠杠的~看着效果不错,然后就累了睡去…


2、域名绑定

  第二天,在我绑定域名的时候发现,gitee的自定义域名功能和自动部署功能居然要收钱??唉,算了,好像github白天挺快的,那就还是换回去吧~
  沿用从前的域名:iloveasuna.cn


3、SSH免密自动登录、theme选择

  为了简化开发流程,不用每次部署的时候都要登录github,SSH免密登录是很有必要的。然后就一直百度吧,遇到各种bug,终于还是弄好了…
  然后在hexo的官方主题里面选了一款不错的主题 Kartos,接下来的就是优化界面了~


4、总结一下基本开发流程

  使用hexo开发基本就用到这四个语句:

1
2
3
4
hexo new <blogName>   # 新建一篇博客  
hexo clean # 清除hexo g生成的public文件夹
hexo g # generate,把博客的md文件按照主题生成html文件
hexo d # 一件部署至github pages!

  首先 hexo new <blogName> 新建博客,这步会创建blogName.md文件,接下来编辑这个文件。(尝试着写了这一篇,感觉还行)
  然后再把上面剩下的3句挨个运行遍,完事~( hexo clean 看自己需求)


5、时隔两个月、移植以前的网站

  今天是2021.3.14,昨天hcj又问我要X锐格网址,emmmm。说好把以前的网站移植过来,鸽了接近2个月,好吧,今天就搞。
  首先将原来的所有东西一股脑放 博客根目录/source/oldsite文件夹内,与_posts同级。并将里面的图片全部压缩(我真的已经注意到背景图片加载很慢的问题了),删除无用的视频、音频,一些基于php和Python的服务也全部删除(但首页的链接保留了!还可以怀念!)
  hexo g 是将.md文件按照主题的配置,把js、css渲染进同一个html文件内,所以我以前写好的html、css、js是没有必要进行渲染的。然后打开在博客的根目录下 _config.yml 的配置文件,在配置文件中给skip_render字段添加不渲染的文件夹。

1
2
skip_render:
- "oldsite/**"

  友情提醒:原网站入口在首页的最上方“原始网站”,小伙伴里可能有你认识的小伙伴…


6、没想到还有6

  应该没有别的要说了,最后…下面有打赏按钮,大家可以帮忙试一下好不好用哦~ (*^▽^*)

7、2021年5月17日

  注册了域名 cyberbrain.top ,电子脑嘛hhh。
  并且把网站部署在了CODING上。