littlebot
Published on 2025-04-14 / 1 Visits
0

【源码】基于Next.js和AI技术的博客综合解决方案

项目简介

本项目是综合性的博客解决方案,涵盖通用落地页模板与基于AI技术的文章摘要生成插件。落地页模板借助Next.js、TailwindCSS等技术,可快速搭建适用于各类项目和营销活动的页面;文章摘要生成插件能适配绝大多数博客网站,自动提取文章关键信息生成简洁摘要,提升内容可读性与用户体验。

项目的主要特性和功能

落地页模板

  • 前端基于Next.js构建,渲染高效。
  • 运用TailwindCSS设计样式,便于定制与扩展。
  • 集成Google Analytics,可进行页面数据分析。
  • 支持Vercel和Zeabur一键部署。

文章摘要生成插件

  • 实时自动生成文章摘要,无需人工干预。
  • 支持多种摘要风格,可自定义摘要长度、样式等。
  • 首次生成AI摘要后,再次生成不消耗文字额度,可通过管理后台管理。
  • 支持导出csv文件用于数据备份。
  • 兼容性强,适用于WordPress、Hexo等各种博客网站。

安装使用步骤

落地页模板

  1. 复制仓库后,复制 .env.example 文件创建 .env 文件,并填写所需字段。
  2. 在命令行运行如下命令启动应用程序,应用将在 http://localhost:3000 可用: bash npm run dev
  3. 修改以下文件创建项目:
  4. .env.env.example
  5. config/site.ts,填写网站信息
  6. public,修改logo文件
  7. public/robots.txt

文章摘要生成插件

在线引入方式

  1. 在博客合适位置引入js和css(可引入在网站任意位置): ```html

`` 2. 更改参数使模型运行: -wwGPT_Selector:填写博客文章所在元素属性的选择器,不同博客主题选择器值可参考 [主题适配]。 -wwGPT_key`:先在 管理后台 注册账号,然后在 发卡平台购买激活码

本地文件方式

  1. 下载插件文件,解压后上传到博客网站插件目录。
  2. 在博客网站后台激活插件。
  3. 根据插件配置选项进行设置,如选择摘要风格、设置摘要长度等。
  4. 在文章页面启用插件,即可生成文章摘要。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】