我也有自己的网站了!O(∩_∩)O哈!

2017-09-09

时间:2017-09-09 凌晨1:01

我仔细想想,我是从什么时候开始打算建一个自己的网站呢?我已经有点记不太清了,可能是刚入前端这行的时候无意间看到了别人的博客,才有的这个想法吧。

其实,从去年开始我就已经在做自己的博客了,但是当时由于自己的技术有限,就打算使用hexo这种静态的node博客系统去直接生成,那个时候hexo去做博客,应该是很多前端的选择了,因为易上手,一键式安装,你直接按照他的文档来就行了,之后用markdown去写文章。一开始我也使用一段时间,但是总觉得局限性太大,大家做出来的东西都一模一样没啥意思,就放弃了。当然现在hexo这种成熟的博客系统,可定制性还是很高的。主要原因还是,这种博客做出来就只能当做是一个博客了,偶尔写写文章,没有让我体验到做一个完整网站的感受。

我现在的这个网站,从阿里云ECS搭建服务器环境到使用vue+thinkphp整站的搭建,让我知道一个网站要做出来真的很不容易。在这里我想把我踩坑的心路历程记录下来。

首先遇到的最大的问题就是服务器环境的搭建,我选的操作系统是CentOS,对于一个纯小白在linux上搭建一个php环境实在是有点困难,还好有朋友的帮助。


上图就是我踩的坑,从一开始的单独安装php、mysql、nginx等等一系列相关,到后来放弃!又从头开始在网上搜索到了lnmp一键安装包,虽安装成功,但是一大堆的linux命令让我再次选择了放弃,神马年代了我TM需要的是可视化界面。后来安装了宝塔Linux可视化面板,真是贼好用。这段搭建服务器环境的艰辛史让我学到了很多很多东西,也掌握了一些工具,最重要的是让我明白了要搭建一个网站的运作方式。

接下来就是写代码的时间了,我不懂php,只了解了一丢丢,所以这个放到后面,先来说一下前端。一开始我在想到底使不使用框架、用那个框架?中间还有一个插曲:“刚好在这段时间,我接了一个微信商城的活,这个商城(前后端分离)我没用框架,连构建工具也没使用真是low逼到了极点,js只使用了jquery库及其相关插件以及echarts图表库,但也正是没用框架的原因,在前端路由方面我学到了很多东西,实现了一个简易的前端路由。”

回到正题,最近的3大框架ng、react、vue真是火到不行,ng我是一点都没接触过,react在1.0的时候学了一下写了几个小demo,但是jsx我实在是写的难受,而且对于我来说react需要很长时间的学习曲线,最后vuejs,这种渐进式的框架真是让我眼前一亮,主要是易上手用起来很方便。当时就打算用vue来作为前端框架了,并且还能学习webpack和node相关的知识。我用了vue-cli来构建vue项目,vue-cli的好处是他把webpack一些复杂的配置都配置好了,省去了很多时间,同时也集成了vue-router等扩展。

本站使用到的只有vue、vue-router,css方面用的是scss,scss这类css扩展语音最大的好处应该就是从头构建一个项目的时候,容易把控统一代码,并且能够大量减少重复代码。前端中踩的坑也不少,但问题都不大,接下来还是要深入了解下*vuejs、webpack等构建工具以及node,打算今年年底的时候把网站重构为后端:MongoDB + express + nodejs,目前是thinkphp+mysql。最后来说下php和mysql,这两个我算是真正的小白了,自己摸索着查资料等等最终是把接口给打通了,期间还好有zboss的帮助。最后npm run build,FTP上传到服务器,╮(╯▽╰)╭走通咧~!至此我的个人网站算是大功告成。

总结,学习编程的最好方式就是搭建一个小项目没有之一。

--nszbf