【BingChat】Microsoft Edge/Bing Chat 注册使用完全指南

sockstack / 1697 / 2024-03-14 00:02:35

ChatGPT 可用网址，仅供交流学习使用，如对您有所帮助，请收藏并推荐给需要的朋友。 <a href="https://ckai.xyz/?sockstack&section=detail" target="__blank">https://ckai.xyz</a> <article class="baidu_pl"><div id="article_content" class="article_content clearfix">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css">
<link rel="stylesheet" href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_views-25cebea3f9.css">
<div id="content_views" class="markdown_views prism-atom-one-light">
<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><path stroke-linecap="round" d="M5,0 0,2.5 5,5z" id="raphael-marker-block" style="-webkit-tap-highlight-color: rgba(0, 0, 0, 0);"></path></svg>欢迎关注【youcans的学习笔记】原创作品，火热更新中 
 
 
<div class="toc"> <h3>【BingChat】Microsoft Edge/Bing Chat 注册使用完全指南</h3> <ul><li>
<ul>
<li>1. BingChat 简介</li>
<li>2. BingChat 用户注册</li>
<li>
<ul>
<li>2.1 下载微软浏览器 Edge 预览版</li>
<li>2.2 申请微软账户</li>
<li>2.3 登录 Bing.com</li>
<li>2.4 手机/平板使用 BingChat</li>
</ul> </li>
<li>3. BingChat 的聊天模式和功能</li>
<li>
<ul>
<li>3.1 聊天模式</li>
<li>3.2 BingChat 的功能</li>
</ul> </li>
<li>4. BingChat 使用体验</li>
<li>
<ul>
<li>4.1 内容生成：提纲和文章</li>
<li>4.2 唐诗宋词</li>
<li>4.3 文生图</li>
<li>4.4 Python 编程</li>
<li>4.5 广告功能</li>
</ul> </li>
</ul> </li></ul> 
</div> 
 
 
2023年 5月 5日，微软在官网宣布，升级对 Bing（必应）搜索和 Edge 浏览器进行，全面开放BingChat，而此前只有进入候补名单（Waiting list）的用户才能使用。 
目前，BingChat 的注册和使用还存在一些限制，本文详细介绍 BingChat 的注册和使用。 
 
<h2>
<a id="1_BingChat__16"></a>1. BingChat 简介</h2> 
2023年 2月 8日，微软推出由 ChatGPT 支持新的 NewBing 搜索和 Edge 浏览器，将ChatGPT 集成到 BingChat 搜索引擎中，通过候补名单方式申请试用 NewBing。 
5月 5日微软官宣，对 Bing（必应）搜索和 Edge 浏览器进行升级，主要包括： 
<ul>
<li>全面开放 BingChat，无须进入候补名单（Waiting list）。用户只需登录微软账户便可以在移动设备、Edge 浏览器、搜索引擎首页中使用 Bing 聊天。</li>
<li>新版 BingChat 更新了多个功能，引入“更丰富、更直观的答案”，包括图像和视频结果。</li>
<li>推出 Bing Image Creator文生图功能，支持包括中文在内的 100多种语言的输出</li>
<li>增加查询历史聊天（仅供少量用户测试）、支持第三方插件、下载与共享等功能。</li>
</ul> 
<img src="https://img-blog.csdnimg.cn/ebcc9ac545cf407d859810aea786879f.png#pic_center" alt="在这里插入图片描述"> 
Bing Chat 是必应搜索的聊天模式，它可以理解和流利地用用户选择的语言进行交流，如英语，中文，日本语，西班牙语，法语或德语。BingChat 不是一个助手，而是一个搜索引擎，它可以提供信息，视觉，逻辑和可操作的回答。BingChat 还可以生成诗歌，故事，代码，歌词等有趣的内容。 
BingChat 和 ChatGPT 的区别是，BingChat 不仅可以使用自己的知识和信息来回答用户的问题，还可以根据用户的需求进行网络搜索，从而提供更全面和准确的答案。BingChat 还可以根据用户的兴趣和喜好，提供一些有用的产品或服务的广告。 
<ul>
<li> 基于 GPT-4 模型：Bing Chat 的最大优势是它使用了 GPT-4 模型，这是目前最先进的自然语言生成模型。它可以根据用户输入的任何内容，生成相关的文本输出，无论是搜索结果、回答问题、聊天对话，还是创造内容； </li>
<li> 支持多种语言：Bing Chat 支持多种语言，除了英语，还有法语、西班牙语、德语、中文、日语等。用户可以根据自己的语言偏好，和 Bing Chat 进行流畅的交流； </li>
<li> 提供多种模式：Bing Chat提供多种模式，让用户可以根据自己的需求和喜好，选择不同的聊天风格。用户可以选择创造模式、平衡模式或精确模式，来获得不同的回应效果； </li>
<li> 集成必应搜索：Bing Chat 集成了必应搜索，让用户可以在聊天过程中，获得来自必应搜索引擎的最新和最全面的信息。用户不需要离开聊天界面，就可以获取网页搜索结果、图片搜索结果、视频搜索结果等。 </li>
<li> 提供必应操作：Bing Chat 提供了必应操作，让用户可以在聊天过程中，完成一些实用的任务。用户不需要打开其他网站或应用，就可以进行预订、购买、导航、分享等操作。 </li>
</ul> 
 
<h2>
<a id="2_BingChat__46"></a>2. BingChat 用户注册</h2> 
<h3>
<a id="21__Edge__48"></a>2.1 下载微软浏览器 Edge 预览版</h3> 
（1）登录微软官方网站： Microsoft Edge 预览 
（2）下载微软浏览器预览版 Edge DEV：MicrosoftEdgeSetupDev.exe。 
<img src="https://img-blog.csdnimg.cn/28f233183a3b4b31b324a1785886170d.png#pic_center" alt="在这里插入图片描述"> 
（3）安装 Edge DEV。 
<img src="https://img-blog.csdnimg.cn/291e9ef270fc4e8bbb40ad5a03046eb8.png#pic_center" alt="在这里插入图片描述"> 
 
注意： 
1 以上步骤，不需要科学上网。 
2 安装完成之后，就可以使用 Edge 浏览器，但先不要登录微软账户（如果有的话），也不要急于使用 Bing 搜索，而要先完成以下设置！ 
 
<h3>
<a id="22__72"></a>2.2 申请微软账户</h3> 
微软产品，包括 Windows、OFFICE、Edge、Bing、Skype、邮箱等，都使用统一的用户帐号登录。 
BingChat 目前不对中国内地用户开放，有人说是因为微软的原因，有人说是微软为了合规。原因我也不清楚，总之中国内地用户帐号登录后，不能使用 BingChat。所以，如果你已经有微软帐号，请先不要用已有的帐号登录 Edge 或 Bing，而要重新申请一个微软帐号。具体步骤如下： 
（1）登录微软帐号登录网页，选择“创建一个“，创建新账户。 
【微软账户登录】https://login.microsoftonline.com 
<img src="https://img-blog.csdnimg.cn/21eea28424d94e758009fcdafc563067.png#pic_center" alt="在这里插入图片描述"> 
（2）创建新的微软账户。 
创建微软账户，可以使用电子邮件地址来创建，也可以使用电话号码来创建。 
<img src="https://img-blog.csdnimg.cn/fb72b052ddf642959704758df3e5528c.png#pic_center" alt="在这里插入图片描述"> 
注意，使用中国内地的电话号码创建的帐号，将被自动识别为中国内地用户帐号，不能使用 BingChat。 
使用电子邮件地址来创建，又分为几种情况： 
<ul>
<li>使用微软旗下的电子邮箱，例如outlook 邮箱或 hotmail 邮箱，包括使用已有电子邮箱或新申请电子邮箱。注意如果邮箱属于中国内地用户，则该账号将被自动识别为中国内地用户帐号，不能使用 BingChat。</li>
<li>使用微软旗下的电子邮箱，如果该邮箱属于中国内地之外地区，则注册微软帐号后可以使用 BingChat。新申请微软旗下电子邮箱，如果国家和地区选择时，输入中国内地之外地区，则注册成功后可以使用 BingChat。</li>
<li>使用非微软旗下的电子邮箱，如果是国内邮箱，例如国内大学邮箱、国内机构邮箱，则该账号将被自动识别为中国内地用户帐号，如果是 QQ、163等国内免费邮箱，也可能被自动识别为中国内地用户帐号。</li>
<li>使用非微软旗下的电子邮箱，如果是国外邮箱，例如 Gmail、GMX、ProtonMail、Yahoo、AOL 邮箱等，不论你在注册邮箱时是否选择国家、选择哪个国家，微软都不能获得这些隐私信息，因此不会被自动识别为中国内地用户帐号</li>
</ul> 
因此，推荐使用国外邮箱地址来注册新的微软账户。如果没有，就去申请一个邮箱。在此不再详述。 
（3）邮箱验证。 
输入邮箱地址创建微软账户后，提示设置用户密码，注意这是设置微软帐号的密码，不是输入邮箱的密码。 
系统将发送一封带有验证码的邮件到所输入的邮箱，登录你的邮箱获取验证码，填写到微软用户注册页面，完成微软帐号注册。 
<img src="https://img-blog.csdnimg.cn/f49dfa878adf4f06874613faf291c712.png#pic_center" alt="在这里插入图片描述"> 
（4）微软账户设置。 
登录刚才注册的微软账户（https://account.microsoft.com/），登记“你的信息”，进入个人信息设置页面。 
<img src="https://img-blog.csdnimg.cn/87f99b78e0ca4355844440138c84db19.png#pic_center" alt="在这里插入图片描述"> 
在该页面中可以修改用户所在的国家或地区。 
特别声明： 
<ol>
<li> 本文并未建议读者提供不实的用户信息，或修改所在的国家。本文只是告诉读者该页面有此选项，如果你的用户信息有误可以据实修改。 </li>
<li> 以上过程并不需要科学上网。相反，如果使用代理服务器，可能导致注册过程中发生错误。 </li>
</ol> 
 
<h3>
<a id="23__Bingcom_129"></a>2.3 登录 Bing.com</h3> 
注意：根据用户所处国家和地区，及所在的网络环境，本节内容可能需要科学上网。 
（1）打开 Bing 网页：【(https://www.bing.com/)】。 
<img src="https://img-blog.csdnimg.cn/798facea92864739bef73737905b04ef.png#pic_center" alt="在这里插入图片描述"> 
注意： 
<ol>
<li>根据用户所处国家和地区，及所在的网络环境，本节内容可能需要科学上网。</li>
<li>一定要自己手动输入 Bing 网页地址：【https://www.bing.com/】，不能使用类似【bing.cn】的网址。</li>
<li>如果按本文步骤重新安装 Edge Dev 版本，新申请微软用户帐号，科学上网，手动输入以上 Bing 网页，一般不会自动跳转【bing.cn】。如果发生自动跳转，即网络重定向，请自行检查以上项目。</li>
</ol> 
（2）点击右上角 “登录”，自动进入 Bing 页面，填写刚才申请的微软用户帐号（电子邮件地址）。 <img src="https://img-blog.csdnimg.cn/63a630332acb4f37833bc09700edfc28.png#pic_center" alt="在这里插入图片描述"> 
输入密码，登录成功后回到 Bing 首页，此时已经完成登录，网页右上角显示用户标识。而在网页左上角，则出现了“聊天”菜单。 
<img src="https://img-blog.csdnimg.cn/b4f398e13ea145c08ee9e40f351e963e.png#pic_center" alt="在这里插入图片描述"> 
（3）点击网页左上角“聊天”菜单，进入 BingChat。** 
<img src="https://img-blog.csdnimg.cn/885d4db0104140468fdec28c671a88bf.png#pic_center" alt="在这里插入图片描述"> 
上图是系统自己给出的示例。我们也来试试吧，先聊聊大型语言模型的技术路线。 
<img src="https://img-blog.csdnimg.cn/3e2c9f1d08a64c5a96d70987b8b617ed.png#pic_center" alt="在这里插入图片描述"> 
BingChat 很快给出了答案，而且注明了内容的来源。 
 
<h3>
<a id="24__BingChat_168"></a>2.4 手机/平板使用 BingChat</h3> 
BingChat 支持在 Ios/Android 系统的手机或平板设备上使用。 
安装使用步骤如下： 
（1）下载安装 Edge Beta Android 版本 
<img src="https://img-blog.csdnimg.cn/b9bdcd075d85426a82d04016050d705d.png#pic_center" alt="在这里插入图片描述"> 
（2）登录 Edge/Bing 用户帐号 
<img src="https://img-blog.csdnimg.cn/3deead5b887a47f986df28e80e1b7a7a.png#pic_center" alt="在这里插入图片描述"> 
（3）访问 Bing.com，注意科学上网。 
 
<h2>
<a id="3_BingChat__188"></a>3. BingChat 的聊天模式和功能</h2> 
<h3>
<a id="31__190"></a>3.1 聊天模式</h3> 
BingChat 有三种聊天模式：创意模式（Creative）、平衡模式（Balanced）和精准模式（Precise）。 
在创意模式当中，支持文生图功能，也支持使用中文。BingChat 已从纯文本搜索聊天转为了多模态回答，利用Bing Image Creator 可以根据语言信息直接生成图片，由 OpenAI 的DALL·E 模型提供支持。 
输入“ 请画一张 熊猫 登上月球的照片 ”测试，输入结果如下。 
<img src="https://img-blog.csdnimg.cn/7d14040d8c43437ba16b6dd5a88c41b7.png#pic_center" alt="在这里插入图片描述"> 
BingChat 也有敏感辞审查机制，输入“在图中增加内容：月球上的熊猫在使用 BingChat 上网聊天”，不知道为什么就触发了屏蔽机制。 
<img src="https://img-blog.csdnimg.cn/de7a170911304b868ea66e65c80c9021.png#pic_center" alt="在这里插入图片描述"> 
 
<h3>
<a id="32_BingChat__208"></a>3.2 BingChat 的功能</h3> 
BingChat 是一个基于微软必应搜索的聊天模式，它可以帮助你获取信息、生成内容、提供建议和广告等。 
<ol>
<li> 在网上搜索结果 Bing Chat 可以使用网站的引文和来源搜索 Web 结果。 </li>
<li> 摘要链接 你可以通过发送指向必应聊天的链接来总结文章，让它为你提供一个简短的摘要。 </li>
<li> 对话助手 Bing AI 可以充当对话助手。你也可以使用 BingChat 进行对话，它会以更人性化的方式回应你。 </li>
<li> 向您发送真实的信息和正确的链接 BingChat 共享从不同文章中获取的详细响应，以可读的格式将其拼接在一起，并附加指向相应源的链接。 </li>
<li> 在单个查询中执行多个搜索 你可以根据 Bing AI 提供的响应请求多个响应，在单个查询中执行多个搜索。 </li>
<li> 玩游戏。 你可以在 ChatGPT 上玩冒险游戏，也可以在 Bing AI 搜索中执行相同的操作。 </li>
<li> 生成诗歌、故事、代码、散文、歌曲、名人模仿等内容。 Bing AI 可以帮助你查找信息或生成内容，例如诗歌、故事、代码、散文、名人模仿等。 </li>
<li> 写论文或报告 与 ChatGPT 类似，Bing AI 可以为你写文章。用户可以在 Bing AI 上执行搜索，总结来源，并要求Bing AI 撰写详细文章。 </li>
<li> 编写程序 与 ChatGPT 类似，Bing AI 可以为你编写程序。它将为您提供最合适的答案，最后附有引用和来源。结果是比ChatGPT更详细的答案。 </li>
</ol> 
 
<h2>
<a id="4_BingChat__241"></a>4. BingChat 使用体验</h2> 
<h3>
<a id="41__243"></a>4.1 内容生成：提纲和文章</h3> 
问题：请帮我写一个提纲，介绍 BingChat 的注册和使用，请帮我写一个提纲 
回答：我尝试为你写一个提纲，介绍 BingChat 的注册和使用，你看看： 
<ul>
<li>引言 <ul>
<li>BingChat 是什么，有什么功能和特点</li>
<li>BingChat 的优势和适用场景</li>
<li>BingChat 的三种模式：平衡、创意和精确</li>
</ul> </li>
<li>注册 <ul>
<li>如何访问 BingChat 的网站或下载 BingChat 的应用</li>
<li>如何创建 BingChat 的账号和密码</li>
<li>如何验证 BingChat 的账号和完成个人信息的设置</li>
</ul> </li>
<li>使用 <ul>
<li>如何开始一次新的对话或继续之前的对话</li>
<li>如何切换 BingChat 的模式或语言</li>
<li>如何搜索信息、生成内容、获取建议和广告等</li>
<li>如何调整 BingChat 的设置或反馈问题和意见</li>
</ul> </li>
<li>结语 <ul>
<li>总结 BingChat 的主要功能和优势</li>
<li>鼓励用户尝试 BingChat 并分享给他人</li>
<li>提供 BingChat 的联系方式和官方网站</li>
</ul> </li>
</ul> 
 
**问题： 你能不能帮我写一篇文章，根据这个提纲？ ** 
**回答： 我尝试为你写一篇文章，根据这个提纲，你看看： ** 
<blockquote> BingChat：一个基于微软必应搜索的聊天模式 你是否想要一个能够帮助你获取信息、生成内容、提供建议和广告的聊天模式？你是否想要一个能够根据你的语言和需求，与你流畅地交流的聊天模式？你是否想要一个能够在不同的模式下，展现不同的特性和功能的聊天模式？如果你的答案是肯定的，那么 BingChat 就是你的最佳选择！ BingChat 是一个基于微软必应搜索的聊天模式，它可以让你通过简单的对话，实现各种各样的目的。无论你是想要搜索某个话题，还是想要生成一些诗歌、故事、代码等内容，或者想要获取一些相关的建议和广告，BingChat 都可以为你提供。BingChat 的回答不仅准确、全面、有趣，还能够根据搜索结果给出引用和来源，让你更加放心和信任。 BingChat 的优势在于它能够根据你的语言和需求，与你流畅地交流。BingChat 支持多种语言，如英语、中文、日语、西班牙语、法语和德语等，你可以随时切换你喜欢的语言。BingChat 还能够根据你的需求，提供不同的模式：平衡模式、创意模式和精确模式。平衡模式是默认的模式，它能够平衡信息和娱乐，给你最适合的回答。创意模式是最有趣的模式，它能够展现 BingChat 的创造力，给你最有趣的回答。精确模式是最严谨的模式，它能够展现 BingChat 的智慧，给你最准确的回答。 如果你想要体验 BingChat 的魅力，那么请按照以下步骤进行注册和使用吧！ 注册 访问 BingChat 的网站：https://www.bing.com/chat 或者下载 BingChat 的应用：https://www.bing.com/chat/app 点击“注册”按钮，输入你的邮箱和密码，创建 BingChat 的账号 前往你的邮箱，查收 BingChat 发送给你的验证邮件，并点击其中的链接，验证 BingChat 的账号 完成个人信息的设置，如昵称、头像、性别、年龄等，并选择你喜欢的语言和模式 使用 点击“开始对话”按钮，或者在已有对话列表中选择一个对话，进入聊天界面 在输入框中输入你想要说或问的内容，并按回车键或点击“发送”按钮，发送给 BingChat 等待 BingChat 的回复，并查看它给出的信息、内容、建议和广告等 如果想要切换 BingChat 的语言或模式，可以点击右上角的“设置”按钮，并选择相应的选项 如果遇到任何问题或意见，可以点击右下角的“反馈”按钮，并填写相应的表单 总之，BingChat 是一个基于微软必应搜索的聊天模式，它能够帮助你获取信息、生成内容、提供建议和广告等。BingChat 还能够根据你的… 
</blockquote> 
 
<h3>
<a id="42__300"></a>4.2 唐诗宋词</h3> 
<ul><li>问题：请以 BingChat 全面开放为主题写一首七律唐诗。</li></ul> 
<blockquote> 我尝试写了一首七律唐诗，你看看： BingChat 全面开放 必应聊天模式新开放， 搜索信息创意无限。 三种模式各有特长， 平衡精确创造兼。 用户需求我尽满足， 内容生成我自己做。 欢迎大家来体验， BingChat 与你同成长。 
</blockquote> 
<ul><li>问题：写的很好，请把它修改为一首宋词。</li></ul> 
<blockquote> 我尝试把它修改为一首宋词，你看看： 《水调歌头·BingChat 全面开放》 必应聊天模式新开放， 搜索信息创意无限。 三种模式各有特长， 平衡精确创造兼。 欢迎大家来体验， BingChat 与你同成长。 内容生成我自己做， 不负用户需求满足。 
</blockquote> 
<h3>
<a id="43__334"></a>4.3 文生图</h3> 
测试项目：“车水马龙”，“总线和狗” 
<img src="https://img-blog.csdnimg.cn/2073718b47654b899cd569e97b8b48e9.png#pic_center" alt="在这里插入图片描述"> 
暂不讨论对内容的理解，绘图的质量，请注意 BingChat 明确标注了 “Powered by DALL.E”。 
 
<h3>
<a id="44_Python__345"></a>4.4 Python 编程</h3> 
问题： 请写一个 Python 程序，不调用第三方包，计算圆周率 pi 
回答：我尝试写了一个 Python 程序，不调用第三方包，计算圆周率 pi，你看看： 
<pre><code class="prism language-python"># 使用 Monte Carlo 方法计算圆周率 pi
import random# 定义一个函数，判断一个点是否在单位圆内
def is_in_circle(x, y):return x**2 + y**2 &lt;= 1# 定义总的模拟次数和落在圆内的次数
total = 1000000
inside = 0# 重复模拟 total 次
for i in range(total):# 随机生成一个点的坐标x = random.uniform(-1, 1)y = random.uniform(-1, 1)# 如果点在圆内，增加 inside 的计数if is_in_circle(x, y):inside += 1# 计算 pi 的近似值，根据公式 pi = 4 * (inside / total)
pi = 4 * (inside / total)# 打印结果
print(f"圆周率 pi 的近似值为 {pi}")
</code></pre> 
 
<h3>
<a id="45__381"></a>4.5 广告功能</h3> 
据说有广告功能，不过我提了一个问题，回答还是从网上搜索的结果，没有接入广告。 
问题： 我打算买一台笔记本计算机，主要用于深度学习的编程，你有什么推荐的品牌和型号吗？ 
回答： 
<blockquote> 我根据搜索结果，为你推荐了一些适合深度学习编程的笔记本计算机的品牌和型号。你可以根据你的预算和需求，选择一款合适的。这里是一些参考信息： <ul>
<li>戴尔Dell灵越15Plus全能本，配置：CPU: i7-11800H，内存：16G，显卡：RTX3050，硬盘：512G固态，屏幕：15.6寸高色域[1]</li>
<li>联想小新Pro 16 高性能 轻薄本，配置：CPU: R7-5800H，内存：16G，显卡：GTX1650，硬盘：512G固态，屏幕：16寸高刷屏[2]</li>
<li>华硕天选2游戏本，配置：CPU: R9-5900HX，内存：16G，显卡：RTX3060，硬盘：512G固态+1T机械，屏幕：15.6寸高刷屏[2]</li>
</ul> 你也可以查看更多的搜索结果，或者让我为你生成一个广告查询。 了解详细信息: 1. zhuanlan.zhihu.com2. zhuanlan.zhihu.com3. zhuanlan.zhihu.com 
</blockquote> 
 
版权声明： 欢迎关注【youcans的 AIGC 学习笔记】，转发请注明原文链接：【BingChat】Microsoft Edge/Bing Chat 注册使用完全指南 Copyright 2023 youcans, XUPT Crated：2023-05-08
</div>
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/markdown_views-98b95bb57c.css" rel="stylesheet">
<link href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/style-c216769e99.css" rel="stylesheet">
</div>
<div id="treeSkill"></div>
</article>

作者

sockstack

许可协议

CC BY 4.0

发布于

2024-03-14

修改于

2024-12-22

上一篇：软件：常用 Linux 软件汇总，值得收藏下一篇：chatgpt赋能python：Python如何发送手机短信：实现方法解析和应用场景介绍

尚未登录

【BingChat】Microsoft Edge/Bing Chat 注册使用完全指南

文章分类

博客重构之路

Spring Boot简单入门

k8s 入门教程

MySQL 知识

NSQ 消息队列

ThinkPHP5 源码分析

使用 Docker 从零开始搭建私人代码仓库

日常开发汇总

标签列表

springboot

hyperf

swoole

webman

php

多线程

数据结构

docker

k8s

thinkphp

mysql

tailwindcss

flowbite

css

前端