Wincer's Blog
·
博客折腾小记
内容提要
作者分享了更换博客主题的经历，从NexT主题换成Material主题，再到inside主题。新主题使用Angular编写，优点是减少HTTP请求，但对SEO不太友好。作者进行了多项优化，如字体调整、添加Service Worker和解决URL斜线问题，以提升用户体验和访问速度。最终，作者表示这是最后一次折腾博客。
关键要点
-
作者将博客主题从NexT更换为Material，再更换为inside主题。
-
inside主题使用Angular编写，优点是减少HTTP请求，但对SEO不友好。
-
作者为提升SEO添加了27个<meta>标签，测试得分为89分。
-
解决了URL末尾斜线的问题，通过添加canonical标记和修改Google Analytics代码。
-
对用户体验进行了多项优化，包括字体调整和添加Service Worker功能。
-
将API请求源改为国内CDN，以提升访问速度。
-
去除了localStorage和lazyload-image功能，解决了图片不显示的问题。
-
作者表示这是最后一次折腾博客。
延伸解读
主题选择的权衡
在选择博客主题时，作者经历了从NexT到Material再到inside的过程。每个主题都有其优缺点，特别是inside主题虽然减少了HTTP请求，但对SEO的影响不容忽视。读者在选择主题时应考虑其对搜索引擎优化的潜在影响，尤其是对于希望提高流量的博客。
用户体验优化的重要性
作者在博客中进行了多项用户体验优化，包括字体调整和Service Worker的添加。这些改进不仅提升了页面加载速度，还改善了用户的阅读体验。对于博客运营者来说，关注用户体验的细节是吸引和留住读者的关键。
技术实现的挑战
在实现Angular编写的inside主题时，作者遇到了URL末尾斜线的问题，并通过添加canonical标记和修改Google Analytics代码来解决。这提醒我们，在使用新技术时，可能会面临意想不到的技术挑战，需提前做好准备。
延伸问答
作者为什么更换博客主题？
作者更换博客主题是因为对新主题的好奇和新鲜感。
inside主题的优缺点是什么？
inside主题的优点是减少HTTP请求，缺点是对SEO不友好。
作者如何提升博客的SEO表现？
作者添加了27个<meta>标签，并进行了相关的代码修改，测试得分为89分。
解决URL末尾斜线问题的方法是什么？
作者为每个页面添加了canonical标记，并修改了Google Analytics代码以确保URL末尾有斜线。
作者对用户体验做了哪些优化？
作者调整了字体大小，添加了Service Worker，并解决了图片不显示的问题。
作者对博客的未来有什么计划？
作者表示这是最后一次折腾博客，未来不再进行类似的主题更换。
