第 2 页

检测性能符号

使用 Edge Function 生成 OG 图,构建时间缩短 90%

随着博客文章逐渐增多,静态生成压力也随之上升,例来说在日常开发会需要近 10 分钟的时间,大多是生成图片占据大多时间,建构预览图的数量是:`(语言 x 文章数量)`。延续最大程度的静态渲染是合理的选择,而针对 OG 图片渲染可以包成 Serverless Function 在需要时呼叫。

檢測效能符號

使用 Edge Function 生成 OG 圖,建構時間縮短 90%

隨著部落格文章逐漸增多,靜態生成壓力也隨之上升,舉例來說在日常開發會需要花費近 10 分鐘的時間,大多是生成圖片佔據大多時間,建構預覽圖的數量是:`(語言 x 文章數量)`。延續最大程度的靜態渲染是合理的選擇,而針對 OG 圖片渲染可以包成 Serverless Function 在需要時呼叫。

錨点符号

关于 HTML 锚点标签 <a> 相关的 SEO 知识

了解 `<a>` 是网页资源相互连接、搜索引擎排序判断的关键,甚至与资安也有一定的关联,对于 SEO 与前端来说是必须了解的知识点之一。搜索引擎依赖 HTML 文件中的 `<a>` 标签了解页面之间的关联并进而评分,理解 `<a>` 能够更好地处理与标识页面与页面之间的关系。

錨點符號

關於 HTML 錨點標籤 <a> 相關的 SEO 知識

了解 `<a>` 是網頁資源相互連結、搜尋引擎排序判斷的關鍵,甚至與資安也有一定的關聯,對於 SEO 與前端來說是必須了解的知識點之一。搜尋引擎仰賴 HTML 文件中的 `<a>` 標籤了解頁面之間的關聯並進而評分,理解 `<a>` 能夠更好的處理與標示頁面與頁面之間的關係。

旋转符号

n8n 几个初学最重要的概念

近期在尝试 n8n 时碰上了不少麻烦,但在问题解决后觉得其实也不是什么太大的问题但就是莫名的卡住流失了许多时间,我踩过的坑或许也是你踩过的坑。这篇文章适合像我一样没特别看文件直接跳进去玩的开发者,后续细读文件反省把问题都列出来。

旋轉符號

n8n 幾個初學最重要的概念

近期在嘗試 n8n 時碰上了不少麻煩,但在問題解決後覺得其實也不是什麼太大的問題但就是莫名的卡住流失了許多時間,我踩過的坑或許也是你踩過的坑。這篇文章適合像我一樣沒特別看文件直接跳進去玩的開發者,後續細讀文件反省把問題都列出來。

箭頭融合符號

整合不同 Git 仓库在一起(符号链接、Git 子模块)

网页东东至今仍完全以本地为主,所有代码、字体、图片影片与文章内容都记录于 Git 当中,并通过 Git LFS 来管理大文件。这样的决定有好有坏,其中一个问题便是内容与代码的耦合高,任何一个想维护的人要把我撰写的几百篇文章连带抓下来 😅,随着项目成熟我决定要将两者分离。

箭頭融合符號

整合不同 Git 倉庫在一起(Symbolic Link、Git Submodule)

網頁東東至今仍完全以本地為主,所有代碼、字體、圖片影片與文章內容都紀錄於 Git 當中,並透過 Git LFS 來管理大檔案。這樣的決定有好有壞,其中一個問題便是內容與代碼的耦合高,任何一個想維護的人要把我撰寫的幾百篇文章連帶抓下來 😅,隨著專案成熟我決定要將兩者分離。

旋转符号

n8n Human in the Loop 替 AI 流程建構反饋

近期在琢磨刚玩上手的 n8n 的各式功能,其中在制作 AI 流程时发现如果其中一个环节不如预期整个流程重来十分的耗费时间与金钱,这时候我们就可以添加上人类的反馈,重复的修改提示词直到满意为止。在制作文章研究生成 AI 时我也运用了相关功能来达成与 AI 沟通动态调整需求的目的。

旋轉符號

n8n Human in the Loop 替 AI 流程建構反饋

近期在琢磨剛玩上手的 n8n 的各式功能,其中在製作 AI 流程時發現如果其中一個環節不如預期整個流程重來十分的耗費時間與金錢,這時候我們就可以添加上人類的反饋,重複的修改提示詞直到滿意為止。在製作文章研究生成 AI 時我也運用了相關功能來達成與 AI 溝通動態調整需求的目的。