使用 Web Speech API 和 ChatGPT API 开发一个智能语音机器人
sxkk20082年前142
前言随着 AI 的不断发展，我们前端工程师也可以开发出一个智能语音机器人，下面是我开发的一个简单示例，大家可以访问这个视频地址查看效果。原理首先说一下这个 demo 的实现原理和步骤我们使用 Web...
Vercel 推出数据库存储服务，助力全栈开发
sxkk20082年前99
highlight: monokai-sublimeVercel 是一个流行的 React.js、Next.js 等前端应用部署平台，我们可以一键将 Github 上的应用部署上线，但它缺少一个重要部...
基于 Tauri， 我写了一个 Markdown 桌面 App
sxkk20082年前111
前言大家好，我是Ai知识分享。去年，我开发了一款微信排版编辑器 MDX Editor。它可以自定义组件、样式，生成二维码，代码 Diff 高亮，并支持导出 Markdown 和 PDF 等功能。然而，...
【对话ChatGPT】如何提高网站的访问量？
sxkk20082年前158
上周给博客开通的 Google adsense，收益比微信公众号好一些，收益跟访问量成正比，于是我问了 ChatGPT 这个问题。如何提高网站访问量？以下是一些提高网站访问量的方法：优化 SEO：搜索...
推荐6款油猴脚本，不看错亿！
sxkk20082年前139
有个非常大的缺点，就是需要一个安静的环境，声音必须外放，后来因为代码压缩，下架了。
现在推荐一款大神开发的，界面是这样的
不必先播放，就可以直接下载音频文件，相信对一些视频制作者有很大帮助，我的几个视频就是通过这个插件获得的音频，再配上制作 keynote 动画导出视频，剪辑实现，可以说是非常好用。
2. copy-helper
网址：https://greasyfork.org/zh-CN/scripts/439663-copy-helper
文章拷贝助手，掘金、简书、微信文章、知乎专栏、思否、CSDN 文章一键拷贝 markdown。
我还写了篇文章介绍如何实现这个脚本，无论对个人知识整理和收集，还是公众号主运营，都很有帮助。
3. 壹伴排版 Plus
网址: https://greasyfork.org/zh-CN/scripts/439551-壹伴排版-plus
公众号运营者福利，可以在微信公众平台可直接插入壹伴的模板，免开 vip
这款插件也是笔者开发的，关于如何实现，有一篇文章介绍
4. 屏蔽广告
网址：https://greasyfork.org/zh-CN/scripts/439420
屏蔽谷歌广告、百度广告、知乎广告、隐藏谷歌和百度搜索增强百度搜索结果的各种广告等等（过滤所有采用谷歌联盟和百度联盟等广告联盟的广告）
安装好脚本之后，可以点击油猴，去脚本【广告管理设置】，在设置里也能看见这个脚本都支持哪些网站，还支持 CSDN 外链优化。
5. 稿定去水印
网址：https://greasyfork.org/zh-CN/scripts/454511
有些同学问我的博客首图是怎么设计的？我用的就是这款插件，稿定提供了大量免费设计素材和免费设计和视频模板、在线抠图和电商海报设计模板等，一键搞定设计需求。
安装完成后，在右上角会有一个去水印按钮，设置完成后，使用 QQ 微信登截屏工具，截图即可。
6. iconfontr
网址：https://greasyfork.org/zh-CN/scripts/447288-iconfontr
前端开发者福利，在 Iconfont 可以直接复制 React component
本文视频地址推荐 6 款贼好用的油猴脚本，其中有 4 个是笔者开发的，看完了文章，要是对这几款脚本感兴趣的话，赶紧去试试看，且用且珍惜！1. Azure Speech Download网址：https...
油猴脚本去水印实现原理
sxkk20082年前149
实现原理
接下来，我们就来说说，这个脚本的实现原理。那并不是任何网站都可以破解会员，是因为这个网站不够建全，我们可以利用一些前端知识来绕过付费。
打开 chrome dev tools, 在 HTML 中搜索 water ，我们可以搜索到带水印的 div，给这个 div 加一个样式： display none。就可以实现去水印了。 原理就是通过这一行代码实现去水印了， 现在我们可以使用截图工具截图保存即可。
本文同步视频地址前言上周微信公众号推出了一种新的形式，类似小红书这样子，群里有小伙伴调侃，是否是小红书的产品经理跳槽到微信了，那作为一个公众号运营者，我也想利用这一点。那么如何快速设计出好看的小红书封...
三分钟 ChatGPT 接入钉钉机器人
sxkk20082年前136
接下来我们需要准备一个可以直接访问 OpenAi API 的 Node.js 环境。
有没有一种简单快捷的方法来调用 ChatGPT API 呢？
那当然是用 Laf 了。
Laf 是一个完全开源的一站式云开发平台，提供了开箱即用的云函数，云数据库，对象存储等能力，让你可以像写博客一样写代码。
highlight: monokai-sublime theme: vuepress前言ChatGPT 大家应该都已经用了一段时间了，功能非常强大，作为开发人员，我用它写文档、写日报、润色 OKR，知...
基于 ChatGPT API 的划词翻译浏览器脚本实现
sxkk20082年前118
react + antd 实现
上面的代码只是实现了一个最简单的版本，样式也不够美观，因此我们可以使用 webpack + react + antd 来实现一个现代化的插件， 这里我使用一个之前创建的模版tampermonkey-starter。
使用 antd 的 Popover 组件来显示，使用 react 重构下 js 代码，我们就可以实现如下效果。
前言最近 GitHub 上有个基于 ChatGPT API 的浏览器脚本，openai-translator， 短时间内 star 冲到了 9.7k， 功能上除了支持翻译外，还支持润色和总结功能，除了...
用 React 开发了一款 Chrome 插件【七牛云图床】
sxkk20082年前129
前言习惯使用 markdown 写作的朋友，肯定会有自己的图床，七牛云的对象存储对于个人用户每月免费 10GB，可谓是白嫖的上上之选，只需要注册后，绑定一个域名就可以使用了。我之前使用的是一款开源的软...
2022 年终总结，知识沉淀这一年
sxkk20082年前141
Hello ，大家好，我是Ai知识分享，一名小厂前端工程师，普通的不能再普通的小前端，本来不想写年终总结了，因为一年下来，也没啥变化，看到别人发年终总结文章，实在是自愧不如。后来想了想还是得总结下，写...