Philomath

博客迁移

March 29, 2019 • 1分钟读完

今天我把博客从 Hexo 迁移到了 Gatsby,后者的技术栈更前沿,对使用者的要求也更高了。作为前端开发者,这些技术并不陌生,下面罗列些 Gatsby 涉及的技术:

  • 前端框架 React
  • 打包构建 Webpack
  • 数据获取 GraphQL
  • 离线缓存 PWA
  • 主题换肤 Typography.js

除此之外,还有一些优化。比如在图片加载方面:

  • 使用 gatsby-image 可以动态选择适合设备大小和屏幕尺寸的图片。
  • 有 “blur-up” 效果,加载大图的过程中先展示模糊的小图,类似 Medium 的文章图片。
  • 在可以使用 WebP 的浏览器中优先使用 WebP,等等。

再比如 Gatsby 可以自动把关键的 CSS 内联在 HTML 里,应该用了类似 Critters 的插件。

可以看出,要做好一个网站,需要非常细致周全的工作。

之前博客写了些前端和基础算法相关的内容,主要是为了记录学习过程,做好沉淀。后来到了公司,工作繁忙,就停止更新了。这段时间算是自己走向职场的适应期吧,很多时候来不及停下来好好总结,就开始下一项任务了。

经过反思,我认识到把习得的知识总结成篇能促使人独立思考,这是从无序到有序,从散乱到凝练的过程,使知识在脑海中留存得更清晰,更长久。正如叔本华在《论独立思考》中所言:

“最大的图书馆如果摆放混乱,还不如小图书馆合用,同样,你可以积累大量知识,但如果不动脑思考,远不如只掌握少量知识,因为只有通过比较各个事实,所知才井然有序,知识才被完全掌握,为你所用。所思必为所知,故应求知;反过来,唯思之方能知之。”

今后会在博客里写一些学习后独立思考的文章,完全受好奇心驱使,内容主题不限。


海天

海天的博客