我的个人网站更新了！！

网站更新

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

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

（完）