继 上一次博客改版 大概是2021年冬，当时自己给版本命名为v3.0 ，采用的是一套bootstrap框架的模板，然而在整体调试完上线没多久我就决定没在继续使用。总感觉哪里不对，但也说不出个所以然来。

我是有完美主义强迫症的，凡事得亲历亲为，CSS样式的命名甚至也会经常纠结。这跟我星座没关系，更多的是这些年从事产品工作所落下的职业病。

前一个版本基本是在v1.0上维护的，陆陆续续也维护了好几次，如果要数版本号的话估计也到的v2.0，这也就是说为什么在最新的一次改版里头我采用了v3.0的版本号，但并没有对外。

以上是在做页面调试的时候，手机拍的效果图。

这一次的我决定更新自己的版本号，不采用v3.0了，这是个直接采用模板的失败案例。最终还是在v1.0 上进行修改调整，并采用新版本号 v1.3 。

放弃v3.0模板化的版本，改用在v1.0上进行升级主要还是坚守”纯手工打造，值得信赖“的理念。而这次也做了些许变更，比如：采用glightbox替换原有的colorbox，同时也启用了Txtpattern最新程式所支持的一些模板标签。另外把导航信息结构做了调整，对移动端做优化处理。

这次的v1.3版本目前还在调试当中，预计下个月（2022年6月9日）会上线。

布局

v1.3 布局引入了Flex、Grid 等模式，详细参考 A Complete Guide to Grid 。文章详情页参考了Shutterstock Blog 繁體中文 。

性能

此版本对页面加载性能也做了优化，首先缩减大图的加载，或者尽可能避免使用大图，尤其在列表页面。考虑之前文章旅行游记的图片比较多，这次在列表中索性就不读取文章封面图了，但详情页还是不可避免。同时所有图片都做了事前压缩，这里推荐工具 ImageOptim 真挺好用的，大家可以试试。

robots.txt

记得好多年前，独立博客上线不久便上传了 robots.txt 文件，目的是防止不相关的搜索机器人进行索引。

User-agent: Baiduspider
User-agent: baiduspider
User-agent: Baiduspider+
User-agent: Baiduspider-video
User-agent: Baiduspider-image
Disallow: /

User-agent: *
Disallow: /textpattern/
Disallow: /Akaunting/
Disallow: /kanboard/
Disallow: /about/career
Disallow: /about/resume

这次经过查看Google 关于Robots.txt介绍 ，决定弃用该策略。

Warning: Don’t use a robots.txt file as a means to hide your web pages from Google search results.

优化方法是采用 noindx 或者页面权限来进行控制，这是更合理的方式。最终如果没有登录，非开放的博客内容将直接在前端进行隐藏。