最近一直关注网站搭建的相关讯息，前面学习了Reflex框架，其核心是通过FastAPI作为后端，然后前端通过nextjs渲染静态页面并调取后端数据完成交互，是一个开箱即用的包。但是我在使用过程中也发现了一个问题，那就是所有的交互都依赖于后端，如果网络连接不顺畅，或者你距离后端服务器太远，那么用户的交互是非常卡顿的。

如今AI 大语言模型内卷严重，各种大语言模型层出不穷，今天 gpt 的生图模型很强大，明天 Gemini-pro-2.5 又突破天际，后天 Claude 4.0 又横空出世。用户可能需要不断的去开通各个大模型的服务，极度浪费金钱。那么最简单的方法或许就是使用 API 服务商提供的服务了，一个 API 可以用到所有的模型，而且按量付费，不用不花钱。

鉴于 Qexo 官方文档内容非常简略（简陋），在尝试无数次失败（主要是网上的教程都有很多问题）后，将成功搭建的流程和方法记录在本文中。

在开始之前，我需要简单介绍一下我们云端 Hexo 后台的搭建原理：就是首先你得把所有博客的源代码（是 Hexo源码，不是生成后的静态博客源码）托管到 Github仓库中，然后通过设置一系列的 Key, 允许我们搭建在 Vercel的 Qexo服务可以交互的编辑和提交内容到 Github仓库，这样我们在云端编辑的博文

众所周知，Shiny 是 Rstudio 开发的一款基于 R 语言的网页应用程序，允许用户将 R 功能脚本编写成简易的 UI 界面，从而允许不懂编程的人使用，但是 R 语言的语法和功能较为复杂，且执行效率较低，对并发的支持也不好。幸好，Rstudio 同时开发了基于 Python 的 Shiny 程序，且最近新推出的 Express 功能让代码更加的简洁，本文将介绍如何使用 Shiny Express 开发一个简易但功能完善的 AI 绘画 APP。

众所周知，Flux 是一个 120 亿参数的大模型，普通人本地根本跑不起来，那么今天我来教大家免费白嫖一个无服务器容器类的网站，帮我们一键化构建一个生图API, 每个人每个月有免费的30 刀的赠费，可以使用H100, A100 等超强显卡资源。

以上来自Reflex构建者发布的博客，原文链接如下：

设计纯Python Web框架

https://reflex.dev/blog/2024-03-21-reflex-architecture/

上面说的都是场面话，这都依托于它自身包装的第三方应用够丰富。但是，对于一些冷门的应用，比如我这里要说的IGV浏览器，就没有那么容易了。这里我就来分享一下我是如何在 Reflex 里面使用 IGV 浏览器的。

简介

在我们的应用小程序中，我们是前后端分离的。前端页面只负责渲染，而后端需要处理数据。但是如果遇到数据量很大的情况下，我们处理起来就很缓慢，如果我们想通过AJAX的方法追踪后台数据变化的进度，需要用到轮询的方案，这个是非常消耗资源的。这里我们用VueJS和Fastapi的小例子演示前端传递数据，后台用10秒处理数据并实时反应进度给前台的实现。

什么是Vue.js

VueJS是一个渐进式的前端框架，所谓渐进式的意思就是你可以用它快速完成原型创作，然后在此基础上逐步完善。他可以足够简单，也可以足够完善，那么对于新手小白来说，这简直就是福利！

上一篇文章我们写了一个Streamlit的程序来全栈的执行我们的任务，但是我们也看到了它的一个缺点：前端界面非异步，UI定制缺乏灵活性。那么，我们接下来尝试采用前后端分离的方式来完成上次的任务。