> 😂 好久前写了关于 `getStaticProps` 和 `getStaticPaths` 的内容，然而半年过去了源码解析就一直忘记了，不久前有人提醒才想起来，补下坑。 本文主要是解读下 `getStaticProps`、`getStaticPaths` 相关的源码，不了解这两个 `API` 阅读全文
本文以 `React`、`Vue` 为例，介绍下主流的渲染模式以及在主流框架中如何实现上述的渲染模式。 ## 前置知识介绍 看渲染模式之前我们先看下几个主流框架所提供的相关能力，了解的可跳到下个章节。 ### 挂载组件到 DOM 节点 这是主流框架最基本的能力，就是将组件渲染到指定的 `DOM` 节 阅读全文
# React SSR - 写个 Demo 一学就会 今天写个小 `Demo` 来从头实现一下 `react` 的 `SSR`，帮助理解 `SSR` 是如何实现的，有什么细节。 ## 什么是 SSR `SSR` 即 `Server Side Rendering` 服务端渲染，是指将网页内容在服务器端 阅读全文
要想体验 AI 绘画，比较流行的三种方式是 Midjourney、OpenAI 的 DALL·E 2 以及 Stable Diffusion。而 Midjourney 已经停止免费试用，且使用价格不太便宜，DALL·E 2 也是一样价格不菲。只有 Stable Diffusion 作为一款开源模型可 阅读全文
经常看到有同学抱怨 Node 调试麻烦或者是搞不清怎么调试各种脚本、Jest、Webpack 等等，而偶尔看到的调试相关的文章又全都是在写 inspect、launch.json 这些方案，其实有一定学习成本。 而其实在 VSCode 中早已内置了相当无脑的 Debug 方式，就是 JavaScri 阅读全文
AI 绘画新手魔导士在刚开始玩 Stable Diffusion 时总会遇到各种新的概念，让人困惑，其中就包括各种模型和他们之间的关系。 魔法师入门得先认识各种法师装备（各种模型），让我们遇到问题知道使用何种装备来协助自己发挥更大的效果。 safetensors 在了解各种模型之前，有必须先了解下 阅读全文
最近写个脚本用到 puppeteer，然后安装 Chromium 出现一点问题，这里记录一下解决方案。 Puppeteer 自动安装失败 在 Puppeteer 安装时会自动安装 Chromium，然而却总是报错 502 导致下载失败，直接下载可以下载，命令行 wget 也可以，猜测是因为 Pupp 阅读全文
下午瞎逛在 V 站看到阿里在做推广，正好这几天在研究 stable-diffusion，就进去看了看，活动地址： https://developer.aliyun.com/topic/aigc 。 主要就是阿里云的 FC 免费提供 3 个月的试用（注意，只有 150 元额度，所以重度使用可能一会就玩 阅读全文
要用好 Stable Diffusion，最最重要的就是掌握 Prompt（提示词）。由于提示词对于生成图的影响甚大，所以被称为魔法，用得好惊天动地，用不好魂飞魄散 🐶。 因此本篇整理下提示词的语法（魔法咒语）、如何使用（如何吟唱）、以及一些需要注意的细节问题（避免翻车）。 基础语法 在提示词中我 阅读全文
最近把之前的一个网站域名换成另一个域名，想要添加一下重定向，避免流量流失（虽然本来就没流量）。然后在 Cloudflare 配置时尝试多次都失败了，遇到各种 `Your connection is not private` 或者 `Webpage Temporarily Down or Moved 阅读全文
之前写了两个 `demo` 讲解了如何实现 `SSR` 和 `SSG`，今天再写个 `demo` 说在 `ISR` 如何实现。 ## 什么是 ISR `ISR` 即 `Incremental Static Regeneration` 增量静态再生，是指在 `SSG` 的前提下，可以在收到请求时判定页 阅读全文
上次写了一个 `SSR` 的 `DEMO`，今天写个小 `Demo` 来从头实现一下 `react` 的 `SSG`，来理解下 `SSG` 是如何实现的。 ## 什么是 SSG `SSG` 即 `Static Site Generation` 静态站点生成，是指将在构建时就提前生成静态 `HTML` 阅读全文
Cypress 是一个非常流行的测试工具，然而实际使用过程中发现一些问题，这里做些记录。 问题发现 在 Cypress 下 click 是非常常用的指令，然而在一些特殊场景下 click 并不能如想象中那般正常工作。 比如现在有一个弹窗，我们需要测试在点击遮罩层时是否可以正常关闭弹窗。 测试代码比较 阅读全文
