zhusong.me的改版

59 次浏览
2024年07月10日创建

上周末将zhusong.me翻新,增加了module模块用来做顶层目录。一开始是想按照苹果的官网来整,但随后意识到,复杂的页面样式对于博客来说,太花里胡哨,实现也较花时间,于是简单做了排版布局和样式调整。

这次翻新对react的函数式组件中useEffect、useState理解更加深刻。但在webpack、高阶组件、css等方面没有更多成长,只是让文章内容显的不那么丑陋。

这次的修改包括:

  • 首页调整:增加了个人介绍,项目和技术、生活和爱好部分。其中项目和技术可以点击链接进行跳转到对应的目录下。
  • 文章页布局调整:增加了左侧页面导航,例如java类型下所有的文章都会展示,但这里没有做分页,如果文章较多,将存在很大的性能问题。同时增加了文章内部根据h2、h3、h4标签的子目录,不论是点击,还是滚动,这个目录都能很好响应,页面上方增加了模块的导航。
  • 文章内容调整:修改了样式和代码高亮,让整体文章排版较之前有很大体验提升,这也是我之前不愿意写文章的原因!点击图片可以实现放大,之前图片一旦缩放后,就难以看清,增加了文章浏览数,是真实浏览数。代码也增加了高亮。
  • 提交页:增加了radioButton渲染出不同的子类型,这样在提交上和之前复用,不用改太多,但删除了一些不必要的controls button。但编辑器内的代码样式仍然无法高亮。
  • 将代码从本地推到了github上,包括zhusong.me的react-web,还有node服务。

待完善的部分:

  • 博客的seo,诶,如果都用chatgpt了,搜索引擎就好像没有太大必要了。
  • 响应式布局

对了最近开始学习rust,我要正式开始不断的学习了。加油。

下面是在公司排队吃饭。