React构建的博客开发全过程与优化记录

在2020年8月开始动工，经历了一系列的开发和优化步骤。首先，博客的基础框架和设计被确定完成，随后进行了功能设计。在接口测试完成之后，开发者决定删减部分功能，并优化了CSS及样式。在2020年10月，博客正式上线，并适配了移动端。接下来，进行了SEO优化和界面优化，包括增加404等新界面和修改首页样式。接着，修复了二级路由无法获取404界面的问题，优化了部分MarkDownCSS效果，并解决了文章页边距文字显示问题。在优化了跳转动画闪动情况后，重构了代码高亮部分，并修改了部分MarkDown样式。之后，修复了部分bug，更新了样式内容，并修复了tabbar点击错误。最后，在2021年2月，增加了归档功能，并对其进行了完善。" 知识点: 1. React构建：Shinya-blog是一个使用React框架构建的博客系统。React是一个用于构建用户界面的JavaScript库，由Facebook开发和维护。它主要用于构建单页应用程序（SPA），能够高效地处理视图层的更新。 2. 博客开发流程：从开发到上线，Shinya-blog经历了多个阶段，包括基础框架和设计的确定、功能设计、接口测试、功能删减和样式优化、移动端适配、SEO优化、界面优化、bug修复和功能添加。这个过程反映了现代Web开发项目的典型生命周期。 3. 响应式设计：Shinya-blog在上线时适配了移动端，这表明项目采用了响应式设计。响应式设计是一种网页设计方法，使得网站能够在不同的设备上（如手机、平板电脑、桌面显示器）呈现良好的显示效果。 4. SEO优化：为了提高在搜索引擎中的排名，Shinya-blog进行了SEO优化。SEO（Search Engine Optimization）是通过优化网站结构和内容，使网站在搜索引擎中获得更高的排名和更多的曝光。 5. 代码重构和bug修复：在开发过程中，开发者不仅增加了新功能，还重构了代码高亮部分，并修复了多个bug。代码重构是改善现有代码的结构而不改变其外部行为的过程。bug修复是软件开发中的一项重要活动，旨在发现并修复软件中的错误，确保软件的稳定性和可靠性。 6. 用户界面优化：Shinya-blog对用户界面进行了多次优化，包括404界面的添加、首页样式的修改、MarkDownCSS和样式的优化等。用户界面优化是为了提升用户体验，使界面更加友好、直观和易用。 7. 功能迭代：Shinya-blog在开发过程中不断迭代功能，最终增加了归档功能，并对其进行了完善。功能迭代是根据用户反馈和市场需求逐步改进和扩展产品功能的过程。 8. 技术栈：虽然该文档没有直接提及，但可以推断Shinya-blog在构建过程中使用了包括React在内的JavaScript相关技术栈。技术栈通常包含了一系列开发特定类型的软件所用到的编程语言、框架、库和其他工具。 9. 项目管理：项目从2020年8月动工到2021年2月归档功能的完善，共耗时约半年时间。在这个过程中，可能涉及项目管理的知识，如时间规划、任务分配、版本控制和团队协作等。这些知识对确保项目按时按质完成至关重要。