南京网站制作公司

当前位置: 网站首页 - 新闻动态 - 安优观点 -

只需4步零代码搭建个人网站及配置一个AI助手,万字干货教程

发布时间:2024-09-01

来源:

不懂代码能不能搭建个人网站?

答案当然是:能

小侠深夜爆肝为大家提供一个全新零代码经验10分钟搭建个人网站以及为网站配置AI助手的实操教程。

刷到作品的伙伴,希望大家高抬贵手为我的作品点赞收藏,在此先感谢大家的支持。

有伙伴可能会问!都2024年了,还搞个网站干嘛?

做过公域引流的伙伴应该都知道,你在各大平台发布内容想要引流到私域账户,如果没有中间网站的跳转,想实现导流简直难如登天。

但是各大平台对于导流到个人网站却是睁一只眼闭一只眼,所以为自己的个人IP搭建一个个人网站,实现导流作用已经是公认最有效的方法。

不懂编程的伙伴如何为搭建一个个人网站,小侠整理了4个步骤,伙伴们跟着小侠这4个步骤,人人都能搭建出自己的网站。

第一步:创建大模型应用;

第二步:准备个人网站;

第三步:引入AI助手;

第四步:增加私有知识;

传统方式想要实现这个效果,难度真的很大很大!或者说花的钱不少。

但是这篇文章将告诉你零成本开发官网获取线索的有效方法。

注意:项目实现基于阿里云百联大模型服务平台实现。

效果预览:

第一步:创建大模型应用

首先我们需要创建一个大模型应用,打开阿里云百炼大模型服务平台中我的应用,可以看到如下页面:

1.点击创建应用后页面会弹出一键创建你的应用选项,包括智能体应用、工作流应用、智能体编排应用三个选项,我们选择智能体应用,如图所示:

2.创建好之后,我们就需要先给智能体配置模型,首次进入的伙伴会提示未开通模型,需要进行模型配置,如图所示:

1.选择开通模型服务
2.点击开通
3.等待系统开通
4.开通完毕,选择模型


3.选择模型后,我们需要对模型配置是否成功进行测试,再Prompt中填写:

你叫弼小侠学习助理,可以帮助用户解答AI学习、【弼小侠AI基地】使用方法等方面的问题。

然后在对话框中输入内容,查看执行情况,反馈结果符合预期则配置完成。

4.模型选择中有多个模型可以选择,不同模型效果不同,同时不同模型后期也会涉及到调用费用,为了选择更合适的模型,我们可以在测试框内输入一些问题,看看模型的回答能力:

从测试结果可以看到,模型回答我所提的问题并不准确,原因是因为我们并没有给模型配置相应的知识,因此问他一些特定问题,模型只能胡编乱造应付用户,具体怎么解决我们第四步会介绍到。

5.获取调用API所需的凭证。

我们配置这个智能体应用主要的目的是配置在之后的个人网站中作为24小时实时在线与用户交流的AI,如何让网站能够调用配置好的AI智能体,这里就需要调用智能体的API凭证,这个凭证有API-KEY和应用ID,下一步我们就要获取到这两个凭证。

1)返回我的应用页面,点击查看我的API-KEY,在弹出的窗口中创建一个新的API-KEY,如图所示:

1.查看我的API-KEY
2.创建新的API-KEY
3.输入创建描述


2)查看应用ID:

以上我们就完成了一个AI智能体应用的创建过程,是不是非常简单。

当然小侠这里是给大家演示创建过程,具体如何让智能体回答的内容质量更加精准高效,伙伴们可以前往【弼小侠AI基地】学习有关AI智能体提示词、训练等相关知识。

第二步:准备个人网站;

搭建好AI智能体,下一步我们就为自己搭建个人网站。为了让小白更容易上手,这里小侠为大家演示快速搭建一个空白示例网站,让大家详细了解网站搭建过程。

1.创建应用;

打开阿里云提供的函数计算应用模版,部署方式按照下图参考部署。

注意,刚刚我们获取到的应用ID和API-KEY在这里面需要进行填写,首次使用的伙伴需要开通试用套餐,具体不住如图所示:

以上步骤完成后,就可以基于函数计算应用模版创建应用了,具体填写如下:

整个过程耗时1分钟左右时间,点击下方的创建并部署默认环境即可完成创建。

整个过程系统会自动部署,不需要任何操作。

2.访问网站

创建完成之后,页面会显示网站域名,这就是你为自己创建的第一个网站,点击跳转就可以看到自己的网站啦!

这个感觉是不是特别神奇,短短几分钟就为自己搭建了一个专属网站。

1.点击链接跳转
2.进入网站

第三步:引入AI助手;

网站开发好了,下一步我们就要为网站配置一个AI助手,帮你24小时实时回复用户的问题。

操作到底难不难?

其实你只需要在网站的html文件中插入几行代码,就能轻松实现,下面跟着小侠一起操作。

1.增加AI助手的相关代码;

示例中包含了被注释的引入 AI 助手代码,您需要找到并解除注释。详细步骤如下:

1)返回到应用详情页面,在环境详情的最底部找到函数资源,点击函数名称,进入函数详情页。

public/index.html

3)最后就点击部署代码,等待部署完成即可。

2.验证网站上的AI助手;

现在你在进入刚才的网址,你就可以看到AI助手的图标了。

对了,前面在创建智能体应用的时候,要先发布创建好的智能体,不然网站中会显示错误。

第四步:增加私有知识;

通过上面的步骤,我们搭建了私有网站和给网站配置了AI助手,但是这个AI并不能完成你想让他完成的任务,下面我们就要给他配置知识库,让他回答用户的问题时能够更加专业。

下面小侠就以【弼小侠AI基地】的介绍作为参考清单:弼小侠AI基地FAQ。

1.配置知识库

接下来打开小侠为大家准备的AI基地参考清单。

1)上传文件,打开阿里云控制平台中的数据管理中心,点击导入数据,把小侠为大家准备的资料上传上去,如图所示:

上传完毕后,系统会对这份材料进行整理,可能伙伴们实际操作过程中会发现AI回答的效果不一定根据文档中的回答来进行,主要是文档的处理没处理好,导致AI回答的时候出现错误。

对如何优化知识库内容感兴趣的伙伴,可以到【弼小侠AI基地】学习相关知识。

2)建立索引:下一步就是对上传好的文档进行设置,进入知识库索引,根据引导创建一个新的知识库,并选择刚才上传的文件,其他参数保持默认即可。知识库将为上一步骤中准备的文档建立索引,以便后续大模型回答时检索参考。

知识库采用的是向量存储类型,平台为大家提供了不同的向量数据解决方案,如果你想让存储的数据集中、灵活应用,可以选择ADB-PG。

3)引用知识:完成知识库的创建后,可以返回我的应用进入到刚才创建的应用设置界面,打开知识检索增强开关、选择知识库,测试验证符合预期后点击发布。Prompt 中会被自动添加一段信息,以便大模型在后续回答时参考检索出来的信息。

操作完毕后记得点击发布,发布完成我们就可以检查效果了。

2.AI效果检查

做个回答质量对比,图一是添加知识库后的回答,图二是未添加知识库的回答

1.添加知识库后的回答
2.未添加知识库的回答

可以看到,上传知识库后,AI在回答特定问题时,能够根据知识库的内容进行提炼做出回答。

总结;

跟着小侠一路实操下来,详细大家都感觉到实现个人网站让他升级为智能网站的优势,当我们需要用户从公域渠道转私域渠道时,我们就需要一个个人网站做衔接。

后期小侠推出的【弼小侠AI基地】同样会上架网站,同时也会配置教程里面一样的AI助理,大家进入之后有任何学习问题都可以咨询我们的AI伙伴。

另外,教程中涉及的网站链接、资料等内容,受各大平台的限制不能放在文章当中,需要的伙伴可以联系小侠。

文章最后,希望大家给小侠的作品一个点赞和收藏,支持小侠。

我是弼小侠,一个专注于AI商业化应用的AI知识博主,对AI感兴趣的伙伴,记得点击关注,支持小侠。

策略思维与细节的完美结合,有效帮您减少试错成本

策略思维与细节的完美结合,有效帮您减少试错成本

立即与安优联系,开启网站设计全新体验

立即与安优联系,开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

在线咨询

在线咨询

拨打电话

返回顶部

品质设计 用心服务

  • 12年+定制经验

  • 600+客户选择

  • 高效售后保障

7*24小时服务热线