这段时间,我花了点时间更新了下网站。主要更新了博客前端和管理中心,还抽空写了个 MINICODE。
最开始写这个网站用的是ReactJS,在网站上线后,内心还是比较激动的,心想自己太牛逼了,完全靠自己撸了一个网站,网站前端、后台、后端服务以及部署都是一点一点琢磨出来的。
可是没过多久,当研究 seo 的时候,发现 ReactJs 写的网站(动态页面)对 SEO 并不是很友好。所以我就琢磨着重写,幸运的是有一个基于 React 的NextJS框架,NextJs 是服务端渲染的框架,相比较 react,它很适合写需要 seo 的网站,所以非常适合搭建个人网站,因为熟悉 React,所以 nextjs 的上手比较快,很快我就将之前 React 的版本的网站成功改成了 NextJs 版本,后来又研究了如何使用 pm2 部署nextjs 项目。
在个人网站更新后,我又做了很多琐碎的小 change,例如更改网站样式,使用 webgl2 绘制网站主界面壁纸,为博客添加自动生成目录的功能等等。
网站主页
文章页面
网站在我的倒腾下,变成了现在这个样子。有一点我觉得比较可惜的是QQ浏览器不支持webgl2,导致用qq浏览器打开网站,主界面的canvas壁纸(上图中的小立方体)并不会显示,虽然qq浏览器支持webgl,但是我暂时并不打算将壁纸改成webgl绘制了,就这样了,希望某一天qq浏览器能更新支持webgl2吧,或者等过段时间我可能又想倒腾网站了,那时也许顺手就改了呢。
我写的项目是支持多人建立网站的。用的是同一个服务和同一个管理后台,前端页面可以不同。大家可以看看我写的另一个网站:weijuan.design。我的网站和这个网站用的是同一个后台。
在最开始,因为后台管理不是展示给大家看的,所以我就快速写了一个满足功能的网站管理后台,界面十分之丑陋,仅仅是为了满足功能。当时也并没有想着把这个管理写好看,因为只是给自己看的,只要功能满足就可以。但是人一旦闲下来,就想找点事做,所以前段时间突然闲了,就想起来这个后台管理了,然后我就把它重写了,功能还是一样,只不过这次它变漂亮了。
旧版本界面采用的是antd,新版本界面采用的是material-ui。
旧版本网站管理中心
新版本网站管理中心
它变漂亮了吗?应该是吧,毕竟这次绘制这个后台花了之前三倍的时间,之前只用了两天,这次用了一周时间。一般我工作用的都是antd,antd相比较material-ui更容易使用,用起来更快,更方便,所以公司采用的是antd。不过我个人比较喜欢material的风格(国外的界面风格),从使用角度我更喜欢antd,antd封装的比较好,很多组件用起来方便太多了。
至于minicode我在之前的一篇文章介绍过,这里顺带提一下。更多内容请关注个人网站minicode模块。
我的个人网站会一直保持更新的,你有任何疑问,可以在我的网站留言。如果你也想建站,需要指导,也可以咨询我。
(完)