记自己建站

作为一个之前几乎没有任何前后端经验的初学者,想要自己建一个博客网站,说简单不简单,但回过头来想也不算特别难。

过程

1. 确定方案

既然是用友人的Rigos来作为渲染器,那肯定是没有现成美观好用的theme的(除了友人C自己的,但肯定不能照搬人家的,对不对?),所以最后还是下定决心自己搞一个。

2. 从头造轮子?

在此之前也有考虑过用现成的前端开发框架来写,比如vue.js之类的东西,但考虑到自己之前对HTML/CSS/JS几乎没有了解,索性直接不用外部框架,从零一点一点把网站搭起来。 虽然这样工作量会大很多,而且也做不出什么好看的东西,但这两天的学习也是使我对HTML/CSS/JS有了初步的认识,也算有所收获。

3. 学习HTML/CSS/JS

我个人比较喜欢需求驱动的学习方式,所以在速速浏览了几个小时的HTML/CSS/JS文档,大概有了一个笼统的认识之后,我就开始着手搭建了。

写前端的好处就是马上就能看到效果,可以说反馈是很及时的,而*“刚学会C和弦的人”*正处于学习最兴奋最快乐的阶段,所以这个入门还是很开心的。

不得不说现在的Ai是真厉害,很多时候,“哪里不会问哪里”是一种及时的学习方法,而且友人C的文件也有很大的参考价值,同时他也在群里给了我很多的帮助,在此再次感谢🥰🥰🥰。

同时。初高中在填色游戏mod的GUI开发经验。意外地帮助我快速地理解前端开发相关,这也是某种回旋镖吧(笑)

gif gif

(我最喜欢的一个界面,高二暑假花了两三个下午做的,我也才发现这个东西的开发流程其实和HTML/CSS/JS很像。)

4. 部署

我之前其实是搭过一次网站的,是基于MediaWiki内核的一个Wiki网站。所以也是知道可以用Apache之类的东西部署动态/静态网站,但这也太麻烦了。

朋友跟我说,你是不是傻,像这种轻量的静态网站直接搞到github上不就行了?

于是我就试了一下,果然很简单,而且还能自动备份,而且还能用git管理,简直完美!

然后就火速给马云爆了米,奖励自己一个域名,也就是suoilfield.cc啦,谁懂这种有自己域名的救赎感啊啊啊啊啊啊啊啊啊啊啊。

png

图片记录一下这个网站今天的样子

后记

其实我就是一个什么都不懂的初学者,写这篇文章的初心就像初中写周记,高中拿卡片机到处拍照一样,也就是给未来的自己一点纪念。

虽然现在这个网站还很简单,但至少能用了(其实手机端不能用),以后再慢慢完善吧。接下来该了解了解vue等框架了,听说这些是真的厉害。

如果有可爱的朋友能在这里偶遇,祝你天天开心!🎈🎈🎈