一段代码实现文章Ai摘要

学习笔记 · 04-18 16:38

想快速了解文章的精华内容吗?还在羡慕别人的网站有酷酷的文章Ai摘要吗?今天给大家分享一个如何用一段简单的代码实现AI摘要的方法,让您轻松处理大量文章,快速获取关键信息。

效果展示

进入文章时:
2024-04-18T06:23:46.png

文章加载完成,Ai摘要同步加载完成:
2024-04-18T06:23:59.png

具体操作

1.复制代码

将以下代码复制到你的主题目录下 post.php 文件中第15行左右的位置处。(位置参考:usr/themes/jasmine/post.php)

<style>

div.ocxqntcontainer {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

div.ocxqnt {
    border: 1px solid #e9e9e9;
    border-radius: 1rem;
    padding: 1rem;
    text-align: left;
    width: 100%;
}

span.memos-t {
    margin: 0 1rem;
}

</style>
<style>
  i.icon-ordchaos-blog-robot, span.ocxq-ai-title {
    font-weight: bold;
    font-size: 1.2em;
  }

  span.ocxq-ai-warn {
    font-weight: bold;
  }

  .ocxq-ai-text.typing::after {
    content: "_";
    margin-left: 2px;
    animation: blink 0.7s infinite;
  }

  @keyframes blink {
    50% {
      opacity: 0;
    }
  }
</style>
<script>
  let tianliGPT_postSelector = '#board .post-content .markdown-body';
  let tianliGPT_key = 'https://vjo.cc';
</script>
<div class="ocxqntcontainer">
  <div class="ocxqnt">
    <span id='memos-t'>
      <i class="iconfont icon-ordchaos-blog-robot"></i><span id="memos-index-space"> </span><span class="ocxq-ai-title">AI摘要</span>
      <br>
      <span class="ocxq-ai-text">
        加载中...
      </span>
      <br>
      <span class="ocxq-ai-warn">摘要由AI自动生成,仅供参考!</span>
    </span>
  </div>
</div>
<br>
<script src="https://www.ordchaos.com/js/aisummary.js"></script>

2.然后打开你的网站(随便打开一篇文章),看看是否出现以下内容:

2024-04-18T08:10:46.png

如果出现,代表你的代码安装完成。

3.更换 api key 密钥

将以上代码let tianliGPT_key = 'https://vjo.cc';中的https://vjo.cc替换成自己的api key即可!


一切准备就绪,那怎么才能获得自己的api key呢?

去TianliGPT爱发电官网注册并购买,然后填入即可。

温馨提示:请妥善保管好自己的Api key,如泄露造成的任何损失将与本站无关。

写在最后

为什么api key密钥需要花钱单独购买?

API密钥需要付费购买,这是因为维护和运行高级AI模型(如GPT-3)需要大量的计算资源和人力成本。通过向用户收取费用,以确保其能够持续提供高质量的服务,同时也能够为用户提供更好的技术支持和更稳定的服务。此外,通过付费购买API密钥,能够限制API的滥用,防止恶意用户使用其服务进行有害活动。

完!

组件 优化 Api Key

上一篇 : 有趣可调节的暗黑模式

下一篇 : 网站版权年份自动更新


  1. 老罗   访客
    04-21 22:04 第6楼 中国广东省深圳市联通Android · QQ Browser

    😄我还在看了半天找你的ai 摘要呢

    1. 刘郎   博主
      04-22 06:27 第7楼 中国移动iPhone · Safari
      @老罗

      嗯哼🫣

  2. 林羽凡   访客
    04-19 10:18 第4楼 中国甘肃省酒泉市电信Windows 10 · FireFox

    马上会有免费的了。

    1. 刘郎   博主
      04-19 10:22 第5楼 中国移动iPhone · Safari
      @林羽凡

      现在免费的也是有的,而且很多😂…(不过都有一定的限制)

  3. 04-19 08:15 第1个脚印 中国安徽省安庆市电信Windows 10 · Google Chrome

    买不起啊😂

    1. 刘郎   博主
      04-19 08:16 第2楼 中国移动iPhone · Safari
      @胖氪笔记

      我也买不起,所以没用😂哈哈哈

      1. 04-19 08:22 第3楼 中国安徽省安庆市电信Windows 10 · Google Chrome
        @刘郎

        懂你🤣

| 黔ICP备2024020400号 | 萌ICP备20246777号 | | 当前有 1 人在线 |
本站已加入BLOGS·CN
订阅
Sitemap
博友圈 星球穿梭
开往-友链接力