从 0 到 1 部署你的博客

0️⃣ 前言 一直以来用阿里云的 ecs 部署了一个博客应用，但是自从进入阿里之后就一直没更新，应用也无法访问了。 本身搞博客应用就是为了端到端（从前端到后端），系统地了解项目工程和流水线工作原理的，趁着有时间重新梳理一下整个过程。 1️⃣ 环境准备 博客项目技术方案：采用 H...

• site

玩玩React，撸一个pwa版本的知乎日报

前言 看了一眼上一篇博客，已经有一年多没有写博客了。为了证明博客还活着，赶紧更新一篇。 太久没写博文，不知道写什么。因为我自己一直看知乎，很多段子都是上面学习的，近两年业务开发一直写的 Vue，所以我决定写一个 React 的知乎日报。 准备工作 知乎日报 api...

你应该知道的浏览器缓存知识

0. 前言 浏览器缓存作为性能优化的重要一环，对于前端而言，重要性不言而喻。之前被人问起浏览器缓存的知识，感觉自己有点一知半解，所以这次好好整理总结了一下。 1. 浏览器缓存分类 目前主流的浏览器缓存分为两类，强缓存和协商缓存，它们的匹配流程如下： （1）浏览器发送请求...

VSCODE插件初体验

前言 使用 vscode 也有大半年时间了，从一开始的各种问题到现在渐渐好用。插件维护比 sublime 好，速度能秒 atom，这大概就是现在离不开 vscode 的原因吧。虽然它还有不少问题，比如代码高亮和智能提示，尤其是在 vue 这种 template 文件中，完全没有用！ ...

给你的项目增加Webhooks，自动进行部署（包含Github/Gitlab）

前言 Github 或者 Gitlab 的 Webhooks，允许用户订阅特定的事件，如 commit, push，两者不尽相同，但本质差不太多。Github 的可以参看 github webhooks ，Gitlab 可以参看 gitlab webhooks 。 本文后续都以 Gith...

Firekylin博客优化指南

Firekylin 博客 Firekylin 博客是一个基于 ThinkJS 的博客系统，本身对博客的优化已经非常不错，很多资源都已经进行了压缩或者缓存策略。 但是本着能缓存就要缓存的策略，Firekylin 还是有一点优化空间的，下面就是优化的要点。 优化步骤 首先打...

如何写好.babelrc？Babel的presets和plugins配置解析

什么是 Babel The compiler for writing next generation JavaScript. 官网是这么说的，翻译一下就是下一代 JavaScript 语法的编译器。 作为前端开发，由于浏览器的版本和兼容性问题，很多 JavaScript 的新...

七牛免费SSL证书，配置自定义域名CDN加速

申请七牛 SSL 证书 其实，七牛在很早之前就支持 CDN 使用 https，但是他要求证书的有效期是一年及以上，而我的主站用了 Let’s Encrypt 的免费 SSL 证书，有效期 90 天，自动续签的形式。所以，为了使 CDN 的图片也是 https 的，一直采用了七牛默认的 xxx...

记一次Git分支衍合导致的问题和解决方法

事件还原 公司项目需要开发 2.0 版本，在原来仓库的基础上，checkout 出来一个新分支，记为 origin/v2 ，大家都从 v2 分支 checkout 出 feature 分支进行开发。 部分同事完成自己的 feature 分支之后，提交了几个 commit，为了方便记为 c...

FireKylin博客上传图片更换为七牛CDN

前情 前几天把博客从 Ghost 迁移到了 FireKylin。FireKylin 是一个基于 ThinkJS2.0，ReactJS 和 ES6+的博客系统，与 Ghost 相比，优点还是很多的。 基于 ThinkJS2.0，可以使用 node6.x 以上的版本，使用 ES6+的特性...