Hexo + Netlify-CMS + Vercel 在线部署模板（免本地环境，免敲命令），以及 Academia 学术主页模板

[hangvane]

静态博客相对于 Wordpress 等动态博客，可以白嫖很多免费部署服务，不需要自行维护服务器，同时借由 CDN 的分发，访问更快速。但静态博客需要在本地维护 npm 环境才能更新，较为繁琐。

Netlify-CMS 作为 Headless CMS，可以添加在 Hexo 等静态博客项目中，链接到静态博客的 Git 源码项目，以提供近似动态博客的在线编辑体验。

然而想要为静态博客添加 Netlify-CMS，最简单的方式是直接使用 Netlify 构建，如果不使用 Netlify 的构建服务而寻求 Vercel 等第三方的构建服务，受限于 Github oauth 需要 serverless function 支持，配置极为繁琐。

然而 Vercel 在大陆绝大部分地区的访问速度较快，相比直接在 Netlify 或 Github Page 上部署是更好的选择。

本人经过很长一段时间研究终于结合 netlify-cms 第三方认证 https://github.com/ublabs/netlify-cms-oauth，实现了基于 Github 模板的快速部署，10 分钟内搭建 Hexo + Netlify-CMS + Vercel 的静态博客。

该模板的优点体现于：

• 静态博客的全部优点

• Netlify-CMS 在线随地编辑，免本地 npm 环境配置，免敲命令

• Vercel 在大陆访问速度快，自带支持自动申请维护 Let's Encrypt 的 SSL 证书，直接支持绑定第三方域名的 https 访问

• 如果进一步再绑定 Netlify 部署，还支持草稿的在线预览

• 自定义了 404 页面

模板地址： https://github.com/hangvane/hexo-netlify-cms-vercel

基于该模板，本人另提供了基于 Hexo Academia 学术主页主题的部署模板，同时具有以下改进：

• 添加了 MathJax 支持（在线编辑器不可用），同时提供开关用于省流

• 添加了不蒜子访问计数器和开关

• 修复了原 Academia 主题的 bug，该 bug 导致在临界宽度显示时出现侧栏错位现象

• 修复了原 Academia 主题的缺陷，该缺陷导致头像具有固定的透明度

模板地址： https://github.com/hangvane/academia-hexo-netlify-cms-vercel

欢迎各位尝试，提出建议！

默认主页 Demo： https://hexo-netlify-cms-vercel-hangvane.vercel.app/

Academia 主页 Demo： https://academia-hexo-netlify-cms-vercel-hangvane.vercel.app/

Netlify-CMS 的编辑、预览等功能需要关联 Github，需要自己实践一遍才可以看到效果

[sxiaojian]

提供个例子看看呀

[hangvane]

@sxiaojian 项目主页有链接的，
默认主页例子： https://hexo-netlify-cms-vercel-hangvane.vercel.app/
Academia 主页例子： https://academia-hexo-netlify-cms-vercel-hangvane.vercel.app/

[hangvane]

@sxiaojian Netlify-CMS 后台登录和编辑需要关联 Github，这个得自己 fork 实践一下才行

[xrr2016]

赞👍