免费部署自己的ChatGPT4网站

GPT4 模型是目前最强的人工智能模型，但是它的售价很贵，OpenAI 的定价是 20$ （约合 140 人民币）， 如果你使用 api 那么会更贵，大概问一次 1 块钱人民币，我等白嫖党用不起。现在有一个办法可以用到免费的 GPT4 模型。准备工作1.1 注册注册 GitHub 和 Vercel 的账号vercel1.2 Discord 获取 api key 注册 Discord 账号 discord然后使用下面的链接获取API key：https://discord.gg/chimeragpt进入 ChimeraGPT 获取免费的 api key,像我下面一样操作：🎬 视频教程👏至此我们的准备工作完成了部署2.1 Fock 项目fork下面的 GitHub 项目https://github.com/hihumanzone/fgpt这样在你的 GitHub 中就能找到 fgpt 这个项目了2.2 vercel 部署 ✍️这里项目名字可以自定义 vercel环境变量： 除了上面截图的地方，下面这里也可以设置 增加四个环境变量如下所示KeyValue解释NEXT_PUBLIC_DEF

前端 · 2023-07-16

手写简易版防抖节流函数

防抖函数什么是防抖?防抖是触发高频事件后，n秒内函数只会执行一次，如果n秒内高频事件再次触发，则会重新计算时间。​ 试想这样的一个场景，有一个搜索输入框，为了提升用户体验，希望在用户输入后可以立即展现搜索结果，而不是每次输入完后还要点击搜索按钮。最基本的实现方式应该很容易想到，那就是绑定 input 元素的键盘事件，然后在监听函数中发送 AJAX 请求。伪代码如下：const ipt = document.querySelector("input"); ipt.addEventListener("input", (e) => { search(e.target.value).then( (resp) => { // ... }, (e) => { // ... } ); });但其实这样的写法很容易造成性能问题。比如当用户在搜索“apple”这个词的时候，每一次输入字母都会触发搜索。而实际上，只有最后一次搜索结果是用户想要的，前面就意味着无效查询，浪

前端 · 2023-04-11

腾讯轻量云部署Hexo博客

💻准备本地建好的博客(默认Node环境配置完成)GIT基础环境搭建完成(宝塔面板)的腾讯云(轻量)服务器域名(非必须)🌐参考链接[宝塔Linux面板安装教程](https://www.bt.cn/bbs/thread-19376-1-1.html) ⚙️步骤本地生成ssh秘钥git config --global user.name "GitHub用户名" git config --global user.email "GitHub的邮箱" ssh-keygen -t rsa -C "GitHub的邮箱"如有可跳过😂，获取公匙命令如下cat ~/.ssh/id_rsa.pub连接服务器终端宝塔面板用户可直接左侧导航栏终端登录（如图）切换到 root 账号sudo su root⚠️宝塔默认是root账号安装 gityum install git这里宝塔可能已经默认安装git，腾讯轻量服务器 —– 宝塔定制版已经内置确认git环境与版本git -v创建 Git 账户创建 Git 账户并赋予权限adduser git chmod

前端 · 2023-03-15

单例模式

在面向对象的程序设计中， 单例模式是最简单的设计模式，这种类型的设计模式属于创建型模型，所谓单例。就是整个程序有且仅有一个实例，该类只负责创建自己的对象，同时确保只有一个实例。1.1 为什么需要单例模式?单例模式是一个对象创建模式， 用于生产一个对象的实例，它可以确保系统中一个类只有一个实例，它用两个好处：对于频繁调用的对象，可以省略创建对象所花费的时间，这对那些重量级的对象来说，是非常可观的一笔系统开销。在内存中一个实例对象， 节省了内存空间， 避免了重复得创建和销毁对象，可以提高系统的性能， 避免对多重复资源的重复占用， 可以全局访问。1.2 起步通常来说我们每次通过class类new 声明的实例都是一个全新的对象，所以我们多次重复new一个类生成的实例对象都是不同的对象， 较大了提高内存的占用。假设我们有如下的代码class Person{ constructor(){ this.name = '张三' } } let one = new Person()， two = new Person(); console.log(on

前端 · 2023-03-08

Github Actions自动部署Hexo博客至个人服务器

hexo作为一款优秀的静态博客生成器有着一些显著的优点如免费快速简洁轻量，但也存在一些明显的缺点例如更换电脑不便需要重新安装环境，无法在线写文章（修改文章），随着文章和插件的增加hexo三连的速度会越来越慢，使用github actions集成化部署再配合hexoplusplus可以在很大程度上改善hexo的使用体验。 个人服务器是自建了 git 库，利用 hook 钩子发布到网站根目录。所以这篇教程最终是利用 hexo deploy 进行上传到服务器操作。获取token获取token是为了保证上传到GitHub公开的网站仓库（编译后的静态页面存放的仓库）有足够的权限可以上传，如果你只是要部署到服务器不同步到GitHub page可以忽略这一步。登录GitHub点击该链接再点击generate new token，创建token名称可以随意填写，但是必须勾选全部的repo，其他权限不用勾选。必须勾选全部的repo生成token后请复制保存到安全的地方确保已经正确记录token因为token只会显示这一次，如果忘记了只能重新生成，这样做也是为了保护账号安全防止被人盗取token为所欲为。

前端 · 2023-02-18

Code-Server搭建

项目目的：解决无法脱离PC办公，搭建云端Vscode。项目环境：腾讯云轻量服务器1h2g6m宝塔面板amd架构x64centos7.9效果展示：搭建步骤：1、下载code-server源代码https://github.com/coder/code-server/releases/tag/v4.12.0tips:注意云服务器系统架构和类型2.创建域名这里宝塔面板创建域名是为了方便访问服务，如果没有域名可跳过此步骤。无域名在 /www/wwwroot 目录下新建一个文件夹用于放置代码文件，便于规范管理。3.上传下载的文件到服务器将下载的压缩包文件上传到之前建的网站目录下；接着解压重命名为codeserver（这个名字自定义，只是为了方便记忆）4.运行code-server直接在解压的文件夹内点击终端输入以下代码：./bin/code-server --host 0.0.0.0 --port 8080--host 0.0.0.0 表示允许公网访问--port 8080 表示服务端口是8080（这里可以自定义合适的端口）终端输出以下提示即表示服务启动成功进入浏览器，输入服务器公网ip，加上刚

前端 · 2023-01-24
2021 - 2025 zain的前端小窝. All Rights Reserved.
Theme Jasmine by Kent Liao