自从把 JayChou’s wiki 的 CI 迁移到腾讯云 EdgeOne Pages 就发现了一个问题，好像每个页面的撰写时间都是错的，全部显示的是最近一次构建的时间（实际上是最近一次提交的时间），一直想探究下怎么回事，是不是我项目配置有问题，之前检查过Vuepress-Hope有关页面元数据的的文档，没有发现任何我的项目存在错误的。

直到昨天想根据hope提供的插件方法在每个页面增加更新日志，提交更新后访问，每个页面的更新日志都是相同的最近一次提交的消息。试着访问了 Vercel 和 Netlify 的默认项目域名发现其他CICD平台都是正常展示的，这就不能忍了。

问了 DeepSeek 才得到正确答案，是因为腾讯云 EdgeOne Pages 的浅克隆机制：

默认浅克隆 (Shallow Clone)：

• EdgeOne Pages 在构建时默认使用 git clone --depth=1（只克隆最近一次提交）
• 导致 Git 插件无法访问完整历史记录，只能获取到最近一次提交信息

DeepSeek同时给出了解决办法：

方案一：强制深度克隆（推荐）

在 package.json 的构建命令前添加深度克隆指令：
"scripts": {
"prebuild": "git fetch --unshallow || true",
"build": "vuepress build src"
}

方案二：自定义构建命令

git config core.quotepath false &&
git fetch --unshallow &&
npm install &&
npm run build

不想在项目Git提交记录拉屎测试了（拉了太多了），所以选择了在腾讯的控制台里改构建命令，注意 DeekSeek 给出的命令是有问题的，正确的构建命令应该是

git config core.quotepath false && git fetch --unshallow && pnpm docs:build

重新部署，完美 一切都正常了。

– 左右滑动按顺序浏览页面内其他的图片
– 查看图片的描述
– 对图片进行缩放
– 全屏浏览图片
– 下载图片
– 分享图片

但无法实现图片的左右滑动，当单个页面需要引用大量图片时，即便每张图片都单独设置了尺寸，也会显得很杂乱。找了很久解决方案，在hope页面的源码仓库中发现作者本人是直接写的html平铺效果。

但是每个页面都单独写html也太麻烦了，所以使用AiAgent（忘记是阿里通义灵码还是腾讯CodeBuddy了，反正这种小任务都差不多）在src.vuepress\styles\index.scss添加了自定义全局样式，最终实现效果如下：

// 图片滑动组件样式
.image-scroll-container {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin: 1rem 0;
}

.image-scroll-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 1rem 0;
}

.image-scroll-content {
  display: flex;
  gap: 1rem;
  padding: 0 1rem;
  min-width: max-content;
}

.image-scroll-content img {
  height: 200px;
  min-width: 300px;
  object-fit: cover;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

// 图片说明文本样式
.image-scroll-content figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image-scroll-content figcaption {
  margin-top: 0.5rem;
  font-size: 0.9rem;
  color: #666;
  text-align: center;
}

@media (max-width: 768px) {
  .image-scroll-content img {
    height: 150px;
    min-width: 200px;
  }
  
  .image-scroll-content figcaption {
    font-size: 0.8rem;
  }
}

使用时直接在页面中添加：

<div class="image-scroll-container">
  <div class="image-scroll-wrapper">
    <div class="image-scroll-content">
        <figure>
            <img src="图片链接" alt="图片标签" />
            <figcaption>图片显示名</figcaption>
        </figure>
    </div>
  </div>
</div>

去年注册了两个新域名，包括博客的和jaychou-wiki的，但jauchou-wiki已经开始收录了，况且域名也是要保留的，备案号也会注销。传统的保留参数重定向应该是用nginx配置，但专门去再买一台服务器有点过分了，找了下CloudFlare的重定向规则，记录一下以备不时。（比国内的好用多了啊，dnspod只支持转发到根域名，还不支持未备案域名，那么已备案域名重定向算空壳网站还是算未悬挂备案号啊？）

前置条件

保证开启CloudFlare的CDN小云朵，不然规则不会生效（所以实际上这个301是靠CDN实现的）

在规则-创建规则的列表创建新重定向规则。

配置参数

匹配条件

CloudFlare的重定向规则需要先选择条件，即是所有这个根域名的流量全部重定向还是匹配到设置的条件后重定向，如果是确定长期弃用的域名可以选所有传入请求，如果根域名下有其他二级域名还有其他用途，最好选择自定义筛选表达式

选择后需要配置条件，字段可选的有很多，包括Cookie、国家、url等，因为是废弃域名，选择主机名（即解析的域名），填入想转发的域名，如www.aaa.com

定向规则

接下来配置重定向规则，类型选择了静态，则所有匹配的流量均转发到一个固定的url链接，但我们是要实现带参数转发，所以选择动态。

填入表达式，保留url路径参数的表达式为

concat("https://www.bbb.com", http.request.uri.path)

最终效果就是访问 www.aaa.com/ccc.html，浏览器会获取到301状态码，跳转到www.bbb.com/ccc.html