使用 Ollama 为 Hexo 博客部署 AI 文章摘要

目录使用 Ollama 为 Hexo 博客部署 AI 文章摘要架构概述Ollama 服务端部署1. 拉起ollama的容器并设置环境变量防止CORS跨域访问2. 为ollama下载qwen2.5:0.5b模型3. 安全加固配置防火墙Hexo 服务器配置反向代理Hexo 主题集成1. 添加挂载点2. 引入资源文件3. 前端核心代码发布于使用 Ollama 为 Hexo 博客部署 AI 文章摘要https://blog.eucalyptus.cc/2026/05/16/%E4%BD%BF%E7%94%A8-Ollama-%E4%B8%BA-Hexo-%E5%8D%9A%E5%AE%A2%E9%83%A8%E7%BD%B2-AI-%E6%96%87%E7%AB%A0%E6%91%98%E8%A6%81/使用 Ollama 为 Hexo 博客部署 AI 文章摘要架构概述┌─────────────────┐ ┌─────────────────┐ ┌─────────────────┐ │ 用户浏览器 │ ──→ │ Hexo 服务器 │ ──→ │ Ollama 服务器 │ │ │ │ (Nginx 代理) │ │ (192.168.0.2)│ │ blog.mingliang │ │ 192.168.1.2 │ │ :11434 │ │ star.com │ │ │ │ │ └─────────────────┘ └─────────────────┘ └─────────────────┘ ↑ ↑ └──────────── 仅允许 192.168.1.2 访问 ──────┘Ollama 服务端部署1. 拉起ollama的容器并设置环境变量防止CORS跨域访问docker run -d \ -v ollama:/root/.ollama \ -p 11434:11434 \ -e OLLAMA_ORIGINShttps://blog.mingliangstar.com,https://mingliangstar.com,http://localhost,https://localhost \ -e OLLAMA_HOST0.0.0.0:11434 \ --name ollama \ ollama/ollama2. 为ollama下载qwen2.5:0.5b模型docker exec ollama ollama pull qwen2.5:0.5b3. 安全加固配置防火墙在阿里云安全组中配置入方向11434端口授权对象192.168.1.2删除所有0.0.0.0/0访问 11434 的规则Hexo 服务器配置反向代理在 Hexo 服务器192.168.1.2的 Nginx 中配置代理目录/ 目标url地址 http://192.168.0.2:11434 发送域名$http_host为何需要反向代理浏览器直接请求 Ollama 存在 CORS 限制通过同域名代理前端无跨域问题隐藏真实 Ollama IP增强安全性Hexo 主题集成1. 添加挂载点编辑/www/wwwroot/myblog/themes/anzhiyu/layout/post.pug插入... //- AI 摘要区域由 ai-summary.js 动态渲染 #ai-summary.anzhiyu-ai-summary !page.content ...2. 引入资源文件在主题布局中引入 CSS 和 JSinject: head: # 自定义css - link relstylesheet href/cdn/css/ai-summary.css bottom: # 自定义js - script defer src/cdn/js/ai-summary.js/script3. 前端核心代码ai-summary.js—— 纯前端 Ollama 调用支持打字机效果和本地缓存自动提取文章正文过滤代码块、图片等干扰内容调用 Ollama/api/generate接口生成摘要localStorage 缓存同篇文章 7 天内不再重复请求打字机效果逐字输出增强交互体验适配 PJAX/Turbolinks 无刷新页面切换ai-summary.css—— 固定配色方案支持明暗模式切换白天模式浅灰背景 白色正文框暗色模式深色背景 深色正文框机器人图标 状态指示器绿色呼吸灯移动端自适应