一段代码实现文章Ai摘要

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

效果展示

进入文章时：

文章加载完成，Ai摘要同步加载完成：

具体操作

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.然后打开你的网站（随便打开一篇文章），看看是否出现以下内容：

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

3.更换 api key 密钥

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

写在最后

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

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

完！