实现一个 Code Pen：（六）云函数生成网页缩略图
sxkk20081年前94
有个问题就是，右上角的“保存”无法显示，查了下github chrome-aws-lambda 不包含任何字体，所以要支持中文，先要加载中文字体
readme 中有 demo
await chromium.font('/var/task/fonts/NotoColorEmoji.ttf" alt="实现一个 Code Pen：（六）云函数生成网页缩略图">
前言在前面的文章中，我们已经实现了编辑器的功能，并且数据可以保存到云数据库，接下来我们需要生成缩略图的功能，目前掘金的的 code pen 还没有缩略图的功能，这是否是一个挑战呢？缩略图生成方法生成缩...
微信排版工具新选择
sxkk20081年前72
实现一个编辑器
为了弥补 markdown 的缺点，我使用 mdx 来实现编辑器的功能， mdx 也就是 markdown 语法和 JSX 的结合，关于 MDX 的优势大家可以看下这篇文章
其实最简易的 demo 也是来自于官网的 playground
MDX Editor 一个好用的排版编辑器前言哈喽，大家好，我是Ai知识分享，去年年底，我开通了微信公众号“JS 酷”，也开始陆陆续续开始写文章， 发到微信公众号，作为一名程序员，我酷爱 Markdo...
SVG + 动画 实现一个有个性的404页面
sxkk20081年前81
前言我们的博客网站有时候 404 页面比较普通，我们可以通过 SVG 加动画来实现一个有个性的页面效果代码片段实现在undraw网站下载喜欢的插画，下载格式为 svg将 svg 转为 HTML 网页观...
在 Webpack 5 中开启懒编译（Lazy Compilation）
sxkk20081年前66
在 webpack 5 中推出了 experiments 配置，目的是为了给用户赋能去开启并试用一些实验的特性。由于实验特性具有相对 宽松的语义版本，可能会有重大的变更，所以你需要将 webpack...
使用 Prism.js 对代码进行语法高亮
sxkk20081年前80
前言通常我们在开发博客网站或者技术社区（类似掘金）这类网站的时候，就会有需求“对代码进行语法高亮”，我在开发 mdx editor（微信排版编辑器） 的时候，也有这个功能。社区对应语法高亮比较流行的有...
实现一个 Code Pen：（五）白嫖云数据库
sxkk20081年前87
前言前面的文章中，我们配置好了编辑器，实现了 css、html、js 的编辑，并且可以在浏览器端编译代码，接下来我们需要实现数据存储的功能。再次提一下我的技术栈主要是 Next.js。我们知道使用 N...
实现一个 Code Pen：（四）浏览器编译代码
sxkk20081年前96
前言前面的文章中，我们配置好了编辑器，实现了 css、html、js 的编辑，现在我们需要做代码实时运行的功能了，并且可以直接写 less、scss、可以写 JavaScript、typescript...
文本转语音如此简单
sxkk20081年前122
Your browser does not support the audio element.前言哈喽，大家好，我是Ai知识分享，这两天在研究文本转音的功能，有时候担心自己的普通话不标准，比方说要录...
如何使用 react 和 three.js 在网站渲染自己的3D模型
sxkk20081年前100
哈喽，大家好，我是Ai知识分享，今天翻译一篇文章 《How to Use Three.js And React to Render a 3D Model of Your Self》，内容是当下最流行的...
如何升级到 React 18发布候选版
sxkk20081年前61
目录安装客户端渲染 API 的更新服务端渲染 API 的更新自动批处理 (Automatic Batching)用于第三方库的 API更新严格模式 (Strict Mode)配置你的测试环境不再支持...