日期:2021年8月5日标签:Others

网站更新 #

这段时间,我花了点时间更新了下网站。主要更新了博客前端和管理中心,还抽空写了个 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模块

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

(完)

目录