分类:网站
日期:2021年8月5日

网站更新

这段时间,我花了点时间更新了下网站。主要更新了博客前端和管理中心,还抽空写了个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我在之前的一篇文章介绍过,这里顺带提一下。更多内容请关注个人网站minicode模块

我的个人网站会一直保持更新的,你有任何疑问,可以在我的网站留言。如果你也想建站,需要指导,也可以咨询我。

(完)

留言(0
发表评论
邮箱地址不会被公开。*表示必填项。
评论(支持部分html标签)*
姓名*
站点