V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
hangvane
V2EX  ›  分享创造

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

  •  
  •   hangvane · 2021-09-14 10:20:25 +08:00 · 2149 次点击
    这是一个创建于 926 天前的主题,其中的信息可能已经有所发展或是发生改变。

    静态博客相对于 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

    欢迎各位尝试,提出建议!

    第 1 条附言  ·  2021-09-14 18:47:14 +08:00
    默认主页 Demo: https://hexo-netlify-cms-vercel-hangvane.vercel.app/

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

    Netlify-CMS 的编辑、预览等功能需要关联 Github,需要自己实践一遍才可以看到效果
    4 条回复    2021-09-15 09:45:03 +08:00
    sxiaojian
        1
    sxiaojian  
       2021-09-14 15:22:44 +08:00   ❤️ 1
    提供个例子看看呀
    hangvane
        2
    hangvane  
    OP
       2021-09-14 18:44:21 +08:00
    hangvane
        3
    hangvane  
    OP
       2021-09-14 18:45:14 +08:00
    @sxiaojian Netlify-CMS 后台登录和编辑需要关联 Github,这个得自己 fork 实践一下才行
    xrr2016
        4
    xrr2016  
       2021-09-15 09:45:03 +08:00   ❤️ 1
    赞👍
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   4572 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 10:05 · PVG 18:05 · LAX 03:05 · JFK 06:05
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.