自从把 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>

好么，刚觉得这个需要删了，就给我贡献素材了

25-04-24 Markdown内的HTML标签内使用相对路径链接错误
可能因为vue是单页应用，html表格中不能直接使用/show/2001这样的相对路径导航，可以正常跳转但会导致页面样式错误，必须使用完整的https://链接
更新：好像不是因为这个，发布到线上之后发现问题还是存在！！应该是页面内容少就会出现这个问题，人麻了

一个周杰伦百科集，详细记录周杰伦所有作品、演出、访谈、影视等。目前整体工作进度5%。项目开源在Github，欢迎加入贡献内容。本项目由百度周杰伦吧驱动，数据来源自互联网。项目目标为全网最全面的周杰伦在线百科，收录全部作品、演出、访谈等。

• 访问：JayChou’s wiki
• 开源地址：https://github.com/y-cyfor/JayChou-wiki

也是个开源作者了

逼逼赖赖

• 250424：站长骂骂咧咧，每打开项目三个小时，两个小时在研究问题
  • 另外 终于骄傲的把演出记录更新进度改成了1%！鼓掌！

当前进度

• 音乐作品完成度：10%
• 演出记录完成度：1%
• 影视作品完成度：0%
• 其他内容完成度：10%

规划目标

• 每张专辑的wiki页
  • 专辑简介、曲目、版本、获奖
• 每首歌的wiki页
  • 歌曲简介、轶事、获奖、版本、live记录
• 演唱会主题
  • 每站点单独页面，时间、人次、票务、主办、歌单、talking
• 其他类型页面内容随缘吧

以上远期目标预计一年完成（已经过期了）
以上远期目标预计两年完成（也就是重新计算。。。）

TODO List

• 所有专辑的基础信息 4月
• 未结束演出专题的补充完整 5月（嘉年华）
• 所有现场的基础信息 6月
• 所有专辑的版本信息收集 7月
• 所有现场的歌单收集 8月
• 书影音收集 10月
• 综艺、奖项收集 11月
• 其他完善 12月