Technique | Hugo Academic CV Theme

用codex写一个将飞书复制的富文本信息中的media信息自动上传oss并返回上传结果与替换media之后的结果

Thu, 12 Mar 2026 16:50:20 +0800

我想写一个网页，实现以下功能：

主要功能是实现将飞书复制的富文本信息中的media信息自动上传oss并返回上传结果与替换media之后的结果
oss在页面中提供自己上传oss信息的填写框并验证是否正确连接，先提供阿里云的oss通道。将图片上传到哪里的信息也可以进行选择，或者要求根据富文本文章的标题、或者其他信息自动生成对应新的文件夹。
网页中给一个粘贴富文本的区域与对应的渲染结果的部分，对于图片、视频这样的media信息进行单独的突出标注以及可以通过网页上的按钮”上一个、下一个“以及有对这种media信息的统计信息
点击开始替换后开始逐个图片上传并实时显示替换上传进度，最后将替换后的结果和渲染结果展示在网页中。
上传的富文本中的media可能是本地的图片，可能是飞书这样（MEDIA_REPLACE_0_1773305378437

第一次生成

网页效果

第二次生成

第三次生成

Cloudflare+CodeX自动部署

令牌：_uQbYMaCwao9UBOOh5vuCXEp2g2i-sQ70G6DUqDm

测试指令：

curl "https://api.cloudflare.com/client/v4/accounts/fadeb8a5107d577b2344208d1987a722/tokens/verify" \
-H "Authorization: Bearer _uQbYMaCwao9UBOOh5vuCXEp2g2i-sQ70G6DUqDm"

令牌：_uQbYMaCwao9UBOOh5vuCXEp2g2i-sQ70G6DUqDm

账号ID：fadeb8a5107d577b2344208d1987a722

我想要的项目名称：richtextautooss

自动部署好后，会直接给出对应的网址，

经过测试后，是可以成功访问的

hugo pages线上部署和本地不一致

Thu, 12 Mar 2026 12:46:18 +0800

问题描述

线上的Projects页面长这样

主页的Projects长这样

本地使用指令：

git clone <你的仓库-url>
cd <你的仓库-name>
pnpm install
hugo --gc --minify
hugo server

验证后，在本地是这样。可以正确展示缩略图

主页也能正确展示

解决方案

核验本地执行的log：

Microsoft Windows [版本 10.0.19044.6937] (c) Microsoft Corporation。保留所有权利。  E:\>git clone git@github.com:BlackiePiggy/BlackiePiggy.github.io.git Cloning into 'BlackiePiggy.github.io'... remote: Enumerating objects: 391, done. remote: Counting objects: 100% (391/391), done. remote: Compressing objects: 100% (309/309), done. remote: Total 391 (delta 112), reused 292 (delta 57), pack-reused 0 (from 0) Receiving objects: 100% (391/391), 17.44 MiB | 5.56 MiB/s, done. Resolving deltas: 100% (112/112), done.  E:\>cd BlackiePiggy.github.io  E:\BlackiePiggy.github.io>pnpm install Lockfile is up to date, resolution step is skipped Packages: +43 +++++++++++++++++++++++++++++++++++++++++++ Progress: resolved 43, reused 43, downloaded 0, added 43, done  dependencies: + @tailwindcss/cli 4.2.1 + @tailwindcss/typography 0.5.19 + autoprefixer 10.4.24 + postcss 8.5.6 + tailwindcss 4.2.1  ╭ Warning ───────────────────────────────────────────────────────────────────────────────────╮ │                                                                                            │ │   Ignored build scripts: @parcel/watcher.                                                  │ │   Run "pnpm approve-builds" to pick which dependencies should be allowed to run scripts.   │ │                                                                                            │ ╰────────────────────────────────────────────────────────────────────────────────────────────╯  Done in 524ms using pnpm v10.14.0  E:\BlackiePiggy.github.io>hugo --gc --minify Start building sites … hugo v0.157.0-7747abbb316b03c8f353fd3be62d5011fa883ee6+extended windows/amd64 BuildDate=2026-02-25T16:38:33Z VendorInfo=gohugoio  WARN  Failed to find page for cite shortcode: /publication/preprint WARN  Failed to find page for cite shortcode: /publication/conference-paper WARN  An image named avatar was not found in the /authors/jiayu-li folder WARN  An image named avatar was not found in the /authors/李嘉渝 folder                    │ EN ──────────────────┼─────  Pages            │ 105  Paginator pages  │   1  Non-page files   │  38  Static files     │   3  Processed images │ 386  Aliases          │  32  Cleaned          │   0  Total in 8459 ms  E:\BlackiePiggy.github.io>hugo server port 1313 already in use, attempting to use an available port Watching for changes in C:/Users/jason/AppData/Local/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!hugo!blox/hugo-blox-builder/modules/blox-plugin-netlify@v1.1.2/src/layouts, C:/Users/jason/AppData/Local/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!hugo!blox/hugo-blox-builder/modules/blox-tailwind@v0.5.2/assets/{css,dist,js,media}, C:/Users/jason/AppData/Local/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!hugo!blox/hugo-blox-builder/modules/blox-tailwind@v0.5.2/data/icons, C:/Users/jason/AppData/Local/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!hugo!blox/hugo-blox-builder/modules/blox-tailwind@v0.5.2/i18n, C:/Users/jason/AppData/Local/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!hugo!blox/hugo-blox-builder/modules/blox-tailwind@v0.5.2/layouts/{_markup,_partials,_shortcodes,docs,landing}, C:/Users/jason/AppData/Local/hugo_cache/modules/filecache/modules/pkg/mod/github.com/!hugo!blox/hugo-blox-builder/modules/blox-tailwind@v0.5.2/package.json, E:/BlackiePiggy.github.io/archetypes, E:/BlackiePiggy.github.io/assets/media, E:/BlackiePiggy.github.io/content/{authors,event,idea,post,projects,...}, E:/BlackiePiggy.github.io/package.json, ... and 1 more Watching for config changes in E:\BlackiePiggy.github.io\config\_default, C:\Users\jason\AppData\Local\hugo_cache\modules\filecache\modules\pkg\mod\github.com\!hugo!blox\hugo-blox-builder\modules\blox-plugin-netlify@v1.1.2\config.yaml, C:\Users\jason\AppData\Local\hugo_cache\modules\filecache\modules\pkg\mod\github.com\!hugo!blox\hugo-blox-builder\modules\blox-tailwind@v0.5.2\hugo.yaml, E:\BlackiePiggy.github.io\go.mod Start building sites … hugo v0.157.0-7747abbb316b03c8f353fd3be62d5011fa883ee6+extended windows/amd64 BuildDate=2026-02-25T16:38:33Z VendorInfo=gohugoio  WARN  Failed to find page for cite shortcode: /publication/preprint WARN  Failed to find page for cite shortcode: /publication/conference-paper WARN  An image named avatar was not found in the /authors/jiayu-li folder WARN  An image named avatar was not found in the /authors/李嘉渝 folder                    │ EN ──────────────────┼─────  Pages            │ 105  Paginator pages  │   1  Non-page files   │  38  Static files     │   3  Processed images │ 386  Aliases          │  32  Cleaned          │   0  Built in 1221 ms Environment: "development" Serving pages from disk Running in Fast Render Mode. For full rebuilds on change: hugo server --disableFastRender Web Server is available at http://localhost:8538/ (bind address 127.0.0.1) Press Ctrl+C to stop

可以发现，本地跑的是：

hugo v0.157.0

而你仓库里 Netlify 明确固定的是：

HUGO_VERSION = "0.148.2"

并且生产构建命令是：

pnpm install && hugo --gc --minify -b $URL && pnpm dlx pagefind --source 'public'

同一份内容，在不同 Hugo / 主题渲染环境下，生成结果不同。

而日志里暴露出明显差异：

本地：0.157.0
线上 Netlify：0.148.2

因此，解决方案是把工程根目录下netlify.toml 里的：

HUGO_VERSION = "0.148.2"

改成和本地hugo版本一致的：

HUGO_VERSION = "0.157.0"

然后重新部署。

✔成功解决问题

Github解决方案

修改deploy.yml中的

env:
  WC_HUGO_VERSION: '0.148.2'
  NODE_VERSION: '20'

为

env:
  WC_HUGO_VERSION: '0.157.0'
  NODE_VERSION: '20'

然后重新部署。

✔成功解决问题

雷电模拟器实现滑呗抓包

Thu, 12 Mar 2026 12:46:18 +0800

涉及工具：

雷电模拟器。负责提供安卓环境
狐狸面具。实测比原版面具好使
LSPosed。
微霸。抹机
滑呗。直接应用市场下载就行。
BurpSuite。官网下载的Community版本。

雷电模拟器实现改真机并进入滑呗

BurpSuite的安装与证书

BurpSuite是windows上的抓包软件，相当于macos上的Charles。

具体差别可以参考：

对比	Charles	Burp Suite
主要定位	开发调试	安全测试
用户群体	开发者	安全工程师 / 渗透测试
功能复杂度	简单	非常强大
自动漏洞扫描	❌	✅
爆破测试	❌	✅
插件生态	几乎没有	非常丰富
Web漏洞利用	❌	✅
学习成本	很低	较高

下载网址：https://portswigger.net/burp/releases

BurpSuite第一次打开界面如下，直接点击Next

继续点击Start Burp

进入后主界面如下

Proxy Listners进行add一个

下面选择宿主机的IP：192.168.110.98:8899

如下图所示添加成功

浏览器访问192.168.110.98:8899，显示如下，表示成功，点击②下载证书

将der证书转换成CER格式

用下面网址进行转换得到CER格式证书：https://fly63.com/tool/certificate_conversion/

保存下来，后面会用到。

雷电模拟器的安装

官网：https://www.ldmnq.com/

直接下载安装即可。

安装完成后，打开应用，会自动安装一个系统，可以就直接使用这个系统，但是需要进行一些设置。

1（可选），试图切换成手机版显示，方便桌面放下更多的窗口

2 磁盘共享改为System.vmdk可写入

手机型号我这里设置的是OPPO PCLM10，测试为成功，其他机型没有进行测试，可自行进行测试。

ROOT权限切换为“开启”

此时已经创建好一个安卓9.0的模拟器，点击“启动”

文件的下载与滑呗的安装

将下面的文件传入雷电模拟器的共享文件夹。

主要包括：狐狸面具apk、LSPosed的zip、LSPosed的apk、BurpSuite证书、MT文件管理器、Postern-v3.1.2、微霸。

自行下载滑呗，能在本手机上运行的版本即可。当前直接打开滑呗，会显示安全警告，因为可以检测到这是模拟器和ROOT环境，是不允许进入应用的（防抓包）。

狐狸面具安装

这里我是在多开网下载的狐狸面具（https://www.duokaiya.com/786.html），版本是v26.4。

安装视频可以参考：

直接将狐狸面具的apk拖到模拟器中进行安装。

给其允许永久超级用户权限。

可以观察到当前Zygisk等都是没有安装的，版本号也没有显示。

点击Magisk的安装，允许访问媒体资源。

选中安装到Recovery，点击下一步，有时候会发现没有直接安装的选项。此时可以关闭应用后台，如果还是不行，就重启几次，过程中可以切换几次IMEI码，以及一定要检查一下是否开启了ROOT权限。

当安装方式出现了三个选项的时候，选择“直接安装（直接修改/system）”，并点击开始按钮。

如图显示为安装完成界面。

安装完成后，暂时不用重启。先退到桌面，进入“文件管理器”，进入system/xbin，找到su文件，长按删除。系统会提示“操作失败”，不重要，因为如果你再次尝试删除，会发现显示文件不存在，说明已经被删除。

重启设备，进入狐狸面具。可以发现已经有了版本信息。

点击右上角设置，下滑开启“Zygisk”

LSPosed安装

重启手机，再次打开狐狸面具，点击右下角“模块”，然后点击“从本地安装”。找到左上角，选择文件管理器，进入共享文件夹（默认直接点进Pictures即可）。

单击LSPosed-v1.9.2……zip进行安装

安装完成如下图所示。再次重启。

重启后，下拉任务栏，单击LSPosed已加载区域，可以呼出LSPosed运行界面。

手机桌面是没有LSPosed的图标的，这是因为其是挂载在系统后台运行的。

如果想要LSPosed的图标，可以手动将LSPosed的apk拖入安装

微霸的安装与数据的抹除

下一步，拖动安装微霸。

先不要进入微霸，进入LSPosed，然后点击模块，可以看到微吧霸，点击进入。

点击”启用模块“，将滑呗等需要隐藏信息的App打上勾。

点击进入，基于超级用户权限。

如果正确按照上述步骤操作，进入微霸后会全绿，如下图所示。

点击”一键改机“，然后点击”选择APP“，选中滑呗。

退出，重新点击”抹除APP“，然后点击滑呗并确定重置应用。

最后退出到微霸一键改机主界面，点击一键改机并确定。最后提示请更新，但是实测是起到效果了的。

进入滑呗

到此可以成功进入滑呗，如下图所示。

如果还是不行，可以立即重启，以及重启后再重新在微霸进行一键改机的操作，再进入滑呗。

雷电模拟器连接BurpSuite实现抓包

参考：https://blog.csdn.net/qq_19946787/article/details/147362268

证书的安装与移动到根目录

证书的安装

根据前面的教程，已经将BurpSuite的CER格式证书放到了雷电模拟器的共享文件夹中。

进入到安卓的共享文件夹端，单击CER认证文件，打开方式选择”证书安装程序“。

给证书取名如”burp“，然后确定。

安装的时候，由于安卓系统安全性限制，如果没有设置密码，会强制要求你先设置密码。

例如我这里选择图案解锁。

然后重新点击一次证书安装程序，系统会提示”已安装burp“。

安装完成后，进入手机的”设置-安全-加密-信任的凭据-用户“，如果有下图的这个就可以了。

但是现在直接进入浏览器进入某个网站例如www.baidu.com会显示如下图所示。这是因为证书仍然在用户层面，而不是系统层面，正如上一张图所示。

解决的办法是将证书移动到系统根目录。

移动到根目录

这里要使用到mt文件管理器，可以从https://mt2.cn/下载安装。

其中左边框的data/misc/user/0/cacert-added/9a5ba575.0是刚才已经安装的burpsuite的证书。

然后右边框的/etc/security/cacerts是系统的所有其他证书。

长按左边框的证书，将其移动到右边目录下即可。

再次查看设置中的证书页面”设置-安全-加密-信任的凭据-系统“，可以发现”用户“中的证书没了，移动到了”系统“中。

BurpSuite连接模拟器

前面已经实现了BurpSuite的宿主机端口192.168.110.98:8899的添加。

现在要做的是将模拟器的流量转发到这个地址即可实现抓包。

打开”设置-WLAN-设置-修改按钮“。

输入代理服务器：192.168.110.98和端口8899，保存。

测试引发的问题

在模拟器打开例如www.baidu.com，在Burp中可以成功捕捉到对应域名的请求，说明配置成功。

Postern实现强制流量转发

上面测试中我们发现浏览器的流量已经可以通过BurpSuite捕捉到。

进一步的，我们可以开始测试打开滑呗是否能够捕捉到对应的请求，事实上仍然不能成功，具体如下。

问题现象：如下图所示，当打开滑呗中的某一张图时，左侧的抓包界面并没有任何的变化，说明流量并没有正确打到BurpSuite中。

问题原因：这是因为有的app是不会走系统wifi设置的代理的，就像是windows上虽然设置了clash代理但是terminal、git这样的应用仍然不会走clash的代理通道需要单独设置一样。

解决方法：可以使用Postern来对所有系统的流量强制进行转发到指定端口。

在https://github.com/postern-overwal/postern-stuff/blob/master/Postern-3.1.2.apk进行postern的apk下载并拖入安装。

安装完成后打开，显示版本比较旧，但实测可用。

进入后先点击取消配置VPN，删除现有的所有配置代理和配置规则。

随后进入”配置代理-添加代理服务器“，然后配置代理服务器的地址和端口是burpsuite设置好的地址端口，代理类型选择HTTPS/HTTP CONNECT。点击保存。

然后进入”配置规则-添加规则“，然后配置如下面最右边图所示。匹配所有地址、通过代理连接，同时不要勾选”开始抓包“。点击保存。

最后，点击”打开VPN“，点击确定。

测试滑呗抓包

配置完成后，再次进入滑呗进行抓包测试。

如下图所示，可以发现再次进入滑呗照片页面后，可以成功抓取到资源。

点击其中的一张图片，在Response界面选择Render，可以看到图片预览图。说明确实成功获取到图片资源。

当前方法的限制

观察图片的Request和Response信息，可以发现能抓取到的图片信息只有两类：

700清晰度的带水印图片

其请求体是：

GET /prod/photo_wall/96/2026-03-08/photo/37ee0ee5-ea3f-1190542108089434112_x700.JPG?auth_key=1773287021-45c57fdfb93640e48602a66e10843f6c-0-b63af890daad6c0879ad8d9c09a85382 HTTP/2
Host: imgali.fenxuekeji.com
User-Agent: 
Connection: Keep-Alive
Accept-Encoding: gzip, deflate, br

300清晰度的不带水印图片

其请求体是：

GET /prod/photo_wall/96/2026-03-08/photo/6731605d-e53e-1190542069326073856_x300.JPG?auth_key=1773287021-c718bc118d0d465d9f3e52507efa1234-0-4b64786be6607ec717a21a2ce235d558 HTTP/2
Host: imgali.fenxuekeji.com
User-Agent: 
Connection: Keep-Alive
Accept-Encoding: gzip, deflate, br

付费图片的抓包

为了搞清楚付费图片的抓包网络请求逻辑，我自费购买了一张1080p 16.9元一张的图片。

可以看到，购买后的图片右下角会有一个下载按钮。

点击下载按钮，能够捕捉到下载图片的请求。图片较大，所以是通过两次请求分批获取的。两次请求的请求体分别是：

GET /prod/photo_wall/96/2026-03-08/photo/37ee0ee5-ea3f-1190542108089434112_x3000.JPG?Expires=1773290659&OSSAccessKeyId=STS.NZSG6Vx55M3k4A3bRnMULEg6A&Signature=QkD9u5%2B7C0m1totVrZ1HTC9b2y0%3D&security-token=CAIS2gJ1q6Ft5B2yfSjIr5nmDIzileoU%2BvGANmeChlI7QdpgqqKdozz2IHlPeXVgCe8Zv%2F83nmpQ6fYflokiEsdJHR2YYcAgscgLqV35aoGZsJXlvORZ08ysSDKdU0ZzIUs4xb6rIunGc9KBNnrm9EYqs5aYGBymW1u6S%2B7r7bdsctUQWCShcDNCH604DwB%2BqcgcRxCzXLTXRXyMuGfLC1dysQdRkH527b%2FFoveR8R3Dllb3uIR3zsbTWsH9MZg3YscvA43qjL0nJ%2Fv7vXQOu0QQxsBfl7dZ%2FDrLhNaZDmRK7g%2BOW%2BiuqYQ0cVMpNvdlSvUc9qKkyq0loIvdh4Ps0AxANO1YST7YQI2wR19WtgUw17zTHJeM2BSlurjnXvGdOBP8aliQZQgDvVZ1n7PMrdiIni2bS8npsRmBeVzYaIOOs4oNsoFurH7jhrHnSRXxBdvQv0kWUnrkBRN1X3Z%2BGoABXxamGSIBgXUZoU7ibQtdXYXPY%2BiCoL86qGgFYSKxAdWqFqinM6PDMVjUDxlBwcmfwqOGwyqZrGdL960MVzJexlLYU6nCSUnhF3zosye5FgWXBPdV%2FXG24lzYpW1ZcjACaKPnWZwI9%2B37TeUwZT5fU4M4j%2B1p%2FrPlp7aRjmmg0GIgAA%3D%3D HTTP/1.1
Range: bytes=0-822668
User-Agent: FileDownloader/1.7.7
Host: fxphoto.oss-cn-beijing.aliyuncs.com
Connection: keep-alive
Accept-Encoding: gzip, deflate, br

和

GET /prod/photo_wall/96/2026-03-08/photo/37ee0ee5-ea3f-1190542108089434112_x3000.JPG?Expires=1773290659&OSSAccessKeyId=STS.NZSG6Vx55M3k4A3bRnMULEg6A&Signature=QkD9u5%2B7C0m1totVrZ1HTC9b2y0%3D&security-token=CAIS2gJ1q6Ft5B2yfSjIr5nmDIzileoU%2BvGANmeChlI7QdpgqqKdozz2IHlPeXVgCe8Zv%2F83nmpQ6fYflokiEsdJHR2YYcAgscgLqV35aoGZsJXlvORZ08ysSDKdU0ZzIUs4xb6rIunGc9KBNnrm9EYqs5aYGBymW1u6S%2B7r7bdsctUQWCShcDNCH604DwB%2BqcgcRxCzXLTXRXyMuGfLC1dysQdRkH527b%2FFoveR8R3Dllb3uIR3zsbTWsH9MZg3YscvA43qjL0nJ%2Fv7vXQOu0QQxsBfl7dZ%2FDrLhNaZDmRK7g%2BOW%2BiuqYQ0cVMpNvdlSvUc9qKkyq0loIvdh4Ps0AxANO1YST7YQI2wR19WtgUw17zTHJeM2BSlurjnXvGdOBP8aliQZQgDvVZ1n7PMrdiIni2bS8npsRmBeVzYaIOOs4oNsoFurH7jhrHnSRXxBdvQv0kWUnrkBRN1X3Z%2BGoABXxamGSIBgXUZoU7ibQtdXYXPY%2BiCoL86qGgFYSKxAdWqFqinM6PDMVjUDxlBwcmfwqOGwyqZrGdL960MVzJexlLYU6nCSUnhF3zosye5FgWXBPdV%2FXG24lzYpW1ZcjACaKPnWZwI9%2B37TeUwZT5fU4M4j%2B1p%2FrPlp7aRjmmg0GIgAA%3D%3D HTTP/1.1
Range: bytes=822669-
User-Agent: FileDownloader/1.7.7
Host: fxphoto.oss-cn-beijing.aliyuncs.com
Connection: keep-alive
Accept-Encoding: gzip, deflate, br

其他思路

可以考虑将一张低清晰度不带水印的图片+一张高清晰度带水印的图片同时喂给AI，让AI输出一张不带水印的高清晰度图片。

参考提示词：

You are an image restoration and enhancement AI.

Input images:
Image A: low-resolution but clean image without watermark.
Image B: high-resolution image with watermark.

Task:
Use Image A as the main content reference.
Use Image B only for recovering high-frequency details such as texture, lighting, and edges.

Important rules:
- Do NOT copy or reconstruct the watermark.
- Ignore watermark regions in Image B.
- Reconstruct those areas using surrounding visual context from Image A.
- Output a high-resolution clean image without watermark.

Goal:
Produce a natural-looking, high-resolution version of Image A with enhanced details from Image B.