MarkDown 编辑器用的时间长了，发现发现富文本编辑器用起来是真的舒服。 一直以来写博客都是用的 MarkDown 编辑器，MarkDown 文档简单方便，使用几个简单的符号就可以定义出样式统一的富文本内容。写博客的时间长了，小玖就越来越排斥用富文本编辑器了。 现在回过头来用富文本编辑器，体验是真的不错。样式定义灵活，所见即所得，可以轻松实现在 MarkDown 文档上无法实现的样式，简直不要太舒服。 于是忍不住就多调研了几款比较常见的富文本编辑器，简单分享一下。

对于做个人博客的小伙伴来说 HEXO 大家肯定都是非常熟悉的吧，这是一个静态的个人博客程序，通过 HEXO + GitHub Pages 搭建免费个人博客也是很多博主的选择。但相信肯定也会有些困恼，比如博客的渲染维护太麻烦了，我要在一台新设备上写博客并推送到 GitHub Pages 还要先安装 Nodejs、HEXO 和插件？有了 GitHub Pages 完全可以放开 HEXO 专注写博客。

Service Worker 是一个服务器与浏览器之间的中间人角色，它可以拦截网络请求并根据网络具体情况采取适当的动作、更新来自服务器的的资源。本文通过 Service Worker 代理请求，实现网页第二次访问的离线访问和CDN并发请求功能，提高网站的访问速度，同时能够避免 jsDeliver 这类 CDN 问题造成的网站不可用的情况。

pjax 是 ajax 和 pushState 的结合，它是一个 jQuery 插件。它通过 ajax 从服务器端获取 HTML 文件，在页面中用获取到的HTML替换指定容器元素中的内容。然后使用 pushState 技术更新浏览器地址栏中的当前地址，并且保持了真实的地址、网页标题，浏览器的后退（前进）按钮也可以正常使用。

freecdn 是一个纯前端的 CDN 解决方案，用于降低网站流量成本，同时提高网站稳定性、安全性，并且无需修改现有的业务逻辑。其核心使用了 HTML5 中一个重要的 API —— Service Worker。它是一种浏览器后台服务，能拦截当前站点产生的 HTTP 请求，并能控制返回结果，相当于给网站加了一层反向代理。有了这个黑科技，我们可以把传统 CDN 的功能搬到前端，例如负载均衡、故障切换等，通过 JS 灵活处理各种请求。

ServiceWorker 担任了服务器与浏览器的中间人角色，如果网站中注册了 ServiceWorker 那么它可以拦截当前网所有的请求，并做相应的处理动作。 ServiceWorker 内容就是一段 JavaScript 脚本，内部可以编写相应的处理逻辑，比如对请求进行缓存处理，能直接使用缓存的就直接返回缓存不再转给服务器，从而大大提高浏览体验。有些开源工具包存在多个 CDN 站点，使用 ServiceWorker 可以实现自动寻找访问最快的站点，如果某个站点发生错误，可以自动切换，FreeCDN 便是借此实现的。

Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 本文描述Vue开发环境的搭建，以及如何创建和运行一个Vue项目。

写在前面本人并没有用到node.js进行什么开发，在使用GitHub+HEXO搭建个人博客时用到了这个东西，因为要设置国内镜像，所以记录一下，以防以后忘记了。 文章可能还有很多不足，请大家谅解，欢迎大佬提意见。本文使用的东西win10系统的电脑Node.js 12.13.11.下载与安装1.1下载N

写在前面本人win10系统，在使用插件时插入图片遇到了图片插入裂图的问题，在网上找了一下教程都无法解决，只有说手动改路径，但是我觉得手动改太麻烦，于是开始翻源码，被我找到了问题所在，顺便根据个人喜好做了一点点修改。文章可能还有很多不足，请大家谅解，欢迎大佬提意见。附带插件GitHub地址：hexo-