更新日志&新功能介绍
直接前往新功能介绍可点击左上角 [页面导航] ,找到新功能介绍,也可以直接往下滑。
更新日志
往期日志
2025年9月21日
WGdocs版本Release2.1.2
•改善一下了顶栏~就是很能装但是没啥用
•我这个猎奇审美观逼得我把执法的图换了一批
•首页的卡片增加了链接
2025年9月7日
WGdocs版本Release2.1,Du01
更新日志:新增加了爆改希沃白板启动动画的内容~
咕咕咕~这周有点忙,下周再来爆改
2025年9月6日
WGdocs版本Release2.1
更新日志:加了我家奶奶的照片😅还有一些小修改
2025年8月26日
WGdocs版本Release2.0
更新日志:Welcome to WGdocs 2.0!
本次更新添加了偏好设置功能,可以自由编辑一些可选项!(虽然不多但是够用了)
同时对资源中心也进行了一些添加、小修改。这里就不过多叙述
WGdocs在开学之前都不会再更新了~主要是实在累了
2025年8月23日
WGdocs版本Dev2.0,Preview29
更新日志:蛋仔不断加加加加到厌倦~
顺便还做了一个“学习资料网站”,请谨慎打开->链接直达
下期预告:尽量开学前出Release 2.0版本!
2025年8月22日
WGdocs版本Dev2.0,Preview28
更新日志:也是托更了很久……1500多行的音乐播放器被做出来了~
就是也不知道为了防止和谐,做出来的防止一体机自动播放能不能生效~
下期预告:可能有点水,加一些蛋仔~
2025年8月16日
WGdocs版本Dev2.0,Preview27
更新日志:凌晨手搓出来的更新~都要开学了我摘抄笔记还没做111😭这次更新加入了哈吉米语翻译器和我的世界的一些介绍a~等到Preview30过了以后就是v2的正式版啦~
2025年8月15日
WGdocs版本Dev2.0,Preview26
更新日志:制作了WG-WebGame小游戏~
顺便也想说更新给我累死了,纯手搓32个文件满意了吧~
想看一下小游戏的话可以戳这里
2025年8月13日
WGdocs版本Dev2.0,Preview25
更新日志:库库修开屏组件的bug!主要优化移动端小屏幕的体验。有史以来写过最大的组件,28kb!
然后更新了含有链接的组件,用上了VP的快速路由。
2025年8月12日
WGdocs版本Dev2.0,Preview24
更新日志:制作了更新信息提醒组件!本来说在这个版本把音乐播放器一起做了,奈何工作量太多了,就推一下吧 这个组件的最早支持可以到WGdocs版本Dev2.0,Preview20。因为一些技术原因就不放到新功能介绍去了。 其他2个小修改
2025年8月11日
WGdocs版本Dev2.0,Preview23
更新日志:把某些人在泸高服务号上的帅照搬了过来~ 还有,谁™说旺仔小乔没有原创歌曲的?? 下期预告:制作自动更新提醒
2025年8月9日
WGdocs版本Dev2.0,Preview22
更新日志:汉化404页面和制作原神抽卡模拟器!自动上传到网盘倒是废了,已经不想做了 下期预告:制作自动更新提醒,再把某些人在微信公众号上的帅照也搬过来~
2025年8月8日
WGdocs版本Dev2.0,patch02,Preview21.1
更新日志:修正了加速服务被我手滑打错的域名,加入了网络终极解决方案:直接把源码上传到huang1111网盘,以及一点点小修改
2025年8月7日
WGdocs版本Dev2.0,patch01,Preview21
更新日志:2.0正式版就要出了!嗷呜!这次更新加入了部署在railway上的文件快递柜功能,以及一些镜像站点加速访问!
2025年8月4日
WGdocs版本Dev2.0,Preview20.1
更新日志:加6小只!丰富了一点介绍和小动画~修了图片展示组件在无ltext和rtext参数的时候也会显示信息框的bug
WGdocs版本Dev2.0,Preview20
更新日志:就更了个蛋仔派对的介绍,还有猎奇小动画~下一个版本给他加6小只
2025年8月2日
WGdocs版本Dev2.0,Preview19
更新日志:修了点小问题,加了个MC.JS的网站哈
WGdocs版本Dev2.0,Preview18.1
更新日志:妈呀电脑被禁了两天!我来继续写了……虽然但是附属镜像站的限制太多了而且速度也不快……暂时就先不给这些照片加镜像站的网址了。
53个文件更改(猎奇)头彻底大了,再也不想弄这堆人的照片了
(头一次如此讨厌某些人的丑照)
2025年7月30日
WGdocs版本Dev2.0,Preview18
更新日志:制作upload.md和link.md。其他一些稀奇古怪的小修改。下载链接集合器现在支持本页面打开。同时加了一些人的图片(doge)
算是个半成品,明天再来继续优化(头痛ing)
WGdocs版本Dev2.0,Preview17.1
更新日志:凌晨偷偷地更新了~依然是组件小修小补。资源上传页面做完了但是 欸嘿我就是不提交~我就要等到Preview18~
凌晨思绪:为什么MC百科的6月统计 评论区的人关注点都在百科娘上面啊?(手动狗头)
2025年07月29日
WGdocs版本Dev2.0,Preview17
更新日志:本来准备给音乐播放器做一个字幕的,无奈豆包还是太纸张了111 只能先把下载信息集合器做了。 还有关于页和一些杂七杂八的修改~
2025年07月28日
WGdocs版本Dev2.0,Preview16.1
更新日志:组件小修小补
2025年07月25日
WGdocs版本Dev2.0,Preview16
更新日志:制作ImageSlider组件(适配把我整惨了,花了NM两天)、制作更新日志页面
2025年07月24日
WGdocs版本Dev2.0,Preview15.4
更新日志:改进测试功能:MusicPlayer标签:移动端再次修正适配~测试过真的会出问题的iPad Mini机型你就忍忍吧,毕竟横着看也不是不行哈
WGdocs版本Dev2.0,Preview15.3
更新日志:改进测试功能:MusicPlayer标签:移动端适配
2025年07月23日
WGdocs版本Dev2.0,Preview15.2
更新日志:改进测试功能:MusicPlayer标签:稍调整内边距;修复文章错误;修复版本号错误
WGdocs版本Dev2.0,Preview15.1
更新日志:改进测试功能:MusicPlayer标签
WGdocs版本Dev2.0,Preview15
更新日志:更新测试功能:MusicPlayer标签
2025年07月22日
WGdocs版本Dev2.0,Alphafix14
更新日志:紧急修复:tzb页面链接处问题(我手滑按到Ctrl+V了?)
话说CloudFlare还可以自动更新站点部署,挺智能的~
WGdocs版本Dev2.0,Preview13
更新日志:加了一些小蛋仔和文章哈~域名从mmy.kesug.com迁移到wgdocs.pages.dev了(主要是那个infinityfree的bug太多了)
下期预告:继续写文
2025年07月21日
WGdocs版本Dev2.0,AlphaFix12.2
更新日志:加了一些小蛋仔哈~
下期预告:继续加一些小蛋仔哈~
WGdocs版本Dev2.0,Preview11
更新日志:更新打包式应用程序的文章。
字数和阅读时间应该是构建之后才会有。NapCat官方的仓库在预览的时候也没有字数和时间,但是网站上不知道为什么就有
下期预告:加一些小蛋仔哈~
2025年07月20日
WGdocs版本Dev2.0,Preview10
更新日志:废了废了,真写不动了,675行要死了,懒得写更新日志
下期预告:修复字数和最后编辑时间的问题(豆包靠你了)
WGdocs版本Dev2.0,Preview9
更新日志:更改主页背景渐变效果
2025年07月19日
WGdocs版本Dev2.0,Preview8
更新日志:制作资源中心页面
其余部分小修改
2025年07月18日
WGdocs版本Dev2.0,Preview7.1
更新日志:更改链接:从SCCYsccy用户名到Mengmiya1027
WGdocs版本Dev2.0,Preview7
更新日志:更改logo(我癌鸡蛋鸭蛋荷包蛋~~~)
WGdocs版本Dev2.0,AlphaFix6.2
更新日志:紧急修复:小彩蛋machine.png无法上传问题
WGdocs版本Dev2.0,AlphaFix6.1
更新日志:紧急修复:小彩蛋machine.png
WGdocs版本Dev2.0,Preview6
更新日志:更新index主界面的底栏为本站信息,添加小彩蛋machine
2025年07月17日
WGdocs版本Dev2.0,Preview5
更新日志:更新版本号命名方式,目前未完成版本将使用Dev*.*,Preview*来命名
WGdocs版本2.0.5.3
更新日志:完善导览的部分文件,完善资源中心的部分文件,修改zh.ts以更新侧栏
WGdocs版本2.0.5.1
更新日志:制作new.md
WGdocs版本2.0.5
更新日志:制作start-discover.md
WGdocs版本2.0.4
更新日志:同步advanced分支
WGdocs版本2.0.3
更新日志:更改部分GitHub链接
更新package.json的版本号
WGdocs版本2.0.3
更新日志:更改部分GitHub链接
更新package.json的版本号
WGdocs版本2.0.2
(无更新日志内容)
v2.0.1
(无更新日志内容)
2025年07月16日
Initial commit
(无更新日志内容)
新功能介绍
WARNING
此页面含有未经完全测试的功能,可能出现错误。
自制音频控件 Dev2.0,Preview15 1
最新修改:
移动端比例改为自动,能修部分问题~
使用方法:
<MusicPlayer
title="[歌名]"
author="[歌手]"
tlink="[封面链接]"
flink="[音频链接]"
textcolor="[文字颜色]"
/><MusicPlayer
title="浮游"
author="周深"
tlink="/pictures/songs/浮游.png"
flink="/songs/周深 - 浮游.ogg"
textcolor="white"
/><MusicPlayer
title="蛋仔派对-疯狂乱斗BGM"
author="Autiostock"
tlink="/pictures/songs/蛋仔派对.gif"
flink="/songs/965326.mp3"
textcolor="black"
/>参数说明:
| 参数 | title、author | tlink、flink(全称title-link、file-link) | textcolor |
|---|---|---|---|
| 说明 | 必填项 | 可以不填,但是会显示链接无效。 | 可选项,默认为黑灰色。 |
示例预览:
因为网络原因,可能需要稍等几秒才能播放。
浮游
周深
蛋仔派对-疯狂乱斗BGM
Autiostock
已知问题
WARNING
移动端显示会出现问题已适配✅但是过宽的移动端显示会出现元素不占满卡片的问题,目前还没有找到解决方法,也不想修了。没想到吧被修啦✅~- Cloudflare Pages 禁止上传超过25MB的文件,在添加音频和其他文件时请注意。
自制图片轮播/展示控件 Dev2.0,Preview16 2
最新修改:
加上了important参数,在important为false并且偏好设置中关闭“非重要图片显示”时,组件将不再显示 在偏好设置中关闭“图片展示器自动切换(如有设置)”时,无论是否开启auto,图片展示器都将不再自动切换。
使用方法:
<ImageSlider
:auto="[true/false]" <!-- 自动切换功能开关 -->
:time="[切换间隔(可选)]" <!-- 自动切换间隔(单位为毫秒) -->
:images="[
{ id: 1, text: '[替代文字1]', link: '[图片链接1]' },
{ id: 2, text: '[替代文字2]', link: '[图片链接2]' },
{ id: 3, text: '[替代文字3]', link: '[图片链接3]' },
...
]"
important="[是否重要(可选,默认false)]"
ltext="[左侧文字(可选)]"
rtext="[右侧文字(可选)]"
lcolor="[左侧文字颜色(可选)]" <!-- 默认为#3c3c43 -->
rcolor="[右侧文字颜色(可选)]" <!-- 默认为#3c3c43 -->
/><ImageSlider
:auto="true"
:time="1500"
:images="[
{ id: 1, text: '执法-1', link: '/pictures/eggy/ZhiFa-1.jpg' },
{ id: 2, text: '执法-2', link: '/pictures/eggy/ZhiFa-2.png' },
{ id: 3, text: '执法-3', link: '/pictures/eggy/ZhiFa-3.png' },
{ id: 4, text: '执法-4', link: '/pictures/eggy/ZhiFa-4.png' }
]"
important="true"
ltext="执法~"
rtext="大人~"
rcolor="white"
/><ImageSlider
:auto="false"
:images="[
{ id: 1, text: '潜行-1', link: '/pictures/eggy/QianXing-1.jpg' },
{ id: 2, text: '潜行-2', link: '/pictures/eggy/QianXing-2.jpg' },
{ id: 3, text: '潜行-3', link: '/pictures/eggy/QianXing-3.png' },
]"
ltext="潜行~"
rtext="小潜~"
lcolor="white"
/>参数说明:
| 参数 | auto、time、(可选) | images(必填) | important(可选) |
|---|---|---|---|
| 说明 | 自动切换功能,切换间隔单位为毫秒 | 图片链接数组,包含id、text和link属性。 | 是否重要,默认为false |
| 参数 | ltext、rtext(可选) | lcolor、rcolor(可选) | |
| 说明 | 左、右侧提示文字(可选) | 左、右侧文字颜色(可选),默认为#3c3c43。 |
示例预览:
因为网络原因,可能需要稍等几秒才能显示。
在偏好设置中中关闭非重要图片展示时,你应该只能看到执法的展示器。
已知问题
WARNING
切换过快会导致出现图片不切换的问题 已修复✅屏幕过窄出现预览图被压缩的情况 已修复✅
下载信息集合器Dev2.0,Preview17 3
使用方法:
<DownloadLinkCollector
title="[标题]"
bg-image="[背景图片链接]"
tcolor="[标题颜色]"
bcolor="[按钮颜色]"
:open-in-new-tab="[是否新标签打开]"(true/false,默认为true)
:downloads="[
{
link: '[链接]',
text: '[提示文字]',
password: '[访问密码]',
enable: [是否启用](true/false,默认true)
},
... //可以添加多个下载链接
]"
/><DownloadLinkCollector
title="下载链接"
bg-image="/pictures/eggy/ZhiFa-1.jpg"
tcolor="#00baff"
bcolor="orange"
:downloads="[
{
link: 'https://example.com/download1',
text: '下载文件 1',
password: '123456',
enable: true
},
{
link: 'https://example.com/download2',
enable: false
},
{
link: 'https://example.com/download3',
text: '下载文件 3'
}
]"
/><DownloadLinkCollector
title="打开链接"
bg-image="/pictures/eggy/QianXing-1.jpg"
tcolor="white"
bcolor="purple"
:newtab="false"
:downloads="[
{
link: '/guide/start-discover',
text: '打开“开始探索”',
enable: true
},
{
link: 'https://example.com/download2',
password: '123456',
enable: false
},
]"
/>参数说明:
| 参数 | title、bg-image | tcolor、bcolor | link | text、enable、password、open-in-new-tab |
|---|---|---|---|---|
| 说明 | 标题(必填)、背景图片链接(选填,默认为vitepress默认背景色) | 标题颜色、按钮颜色 (均为选填,默认为vitepress默认颜色) | 下载链接(必填) | 提示文字、是否启用、访问密码、是否在新标签页中打开(均可选) |
示例预览:
更新信息提醒组件Dev2.0,Preview24 4
说明
技术原因,暂不放使用示例和预览。
原理:
文件路径:.vitepress\theme\components\UpdateLogPopup.vue
页面介绍:
组件分为“更新日志”和“首次访问”两部分。
“更新日志”是检测到存储有版本信息时,会根据版本信息对比当前版本号,若当前版本号与存储版本号不同,则会弹出更新日志弹窗。
“首次访问”是检测到存储无版本信息时,会弹出首次访问弹窗。
核心功能模块
methods: {
// 版本检测逻辑
checkIfNeedShowPopup() {
// 首次访问标记检测
if (this.isFirstVisit) {
this.showPopup = true;
return;
}
// 版本更新检测
if (this.lastVisitedVersion !== latestVersion) {
this.showPopup = true;
}
},
// 滚动事件绑定优化
rebindScrollEvent() {
// 先解绑旧事件防止重复监听
this.tabsNav.removeEventListener('scroll', this.handleTabsScroll);
// 获取最新DOM引用
this.tabsNav = this.$refs.tabsNav;
// 绑定新滚动监听
this.tabsNav.addEventListener('scroll', this.handleTabsScroll);
}
}工作流程介绍
这个弹窗组件就像网站的「更新管家」,主要通过以下机制工作:
版本号对比
- 每次访问时会对比浏览器存储的版本号(上次看到的版本)和当前最新版本号
滚动条防卡顿设计
- 当滚动更新内容时,会暂时解除页面滚动绑定
- 滚动结束后自动恢复,避免出现「滚动套滚动」的卡顿现象
首次见面提醒
- 新访客或从未看过更新日志的用户,必定会收到欢迎提示
- 确保重要更新不会被错过
记忆关闭状态
- 点击关闭后会在浏览器存个localStorage记录当前版本号
- 下次访问时如果版本没变就不会重复打扰
细节说明
- 通过CSS实现丝滑的淡入淡出动画效果
- 更新日志按版本号倒序排列,最新内容置顶
- 应急出口:长时间不操作会自动隐藏弹窗,避免遮挡内容
开发工具
警告
工具仅供开发使用,非开发者请谨慎使用下面的LocalStorage编辑功能,否则可能导致组件出现异常。
提示
如果想查看“首次访问”页面,可以点击上面的删除 lastVisitedVersion按钮后点击此处回到主页
查看“更新日志”页面,可以在上方输入框输入“Dev2.0,Preview20”,然后点击修改 lastVisitedVersion按钮后点击此处回到主页
背景音乐播放器Dev2.0,Preview28 5
为了做这个,网管也是把所有自定义组件的路由全部重写了一遍😭
游浮望着天,誓言追光影~~~
主要特点说明
本来在博客中,从一篇文章切换另一篇文章是需要完全重新加载网页的。
这也就导致音乐播放器在切换文章时会被打断,况且我还没做保存进度的功能,打断了就得从头重新播放。
但是我注意到一个问题,Vitepress原生的路由可以把页面变为“单页应用程序”,即保持顶栏、侧栏等常驻元素不变,动态更新文章部分。
那么我就可以直接把音乐播放器注册为全局常驻组件,这样就可以在切换文章时候让vitepress不重新加载音乐播放器。
所以你会在Github仓库中,在 src/.vitepress/theme 目中看到一个APC文件夹。APC(我定义的😅)全称为All Page Components,即“所有页面组件”,这里面就存放常驻组件定义器。
简单细节小说明
- 移动端适配把我整残了!111人机浏览器
- 为了防止被▮▮和谐,勉强做了个设置功能,可以在LocalStorage中保存是否自动播放~
- 在移动端音频列表和播放按钮会自动隐藏
- 这™似仁鸡配色我真的配不来😅
示例预览:
右下角那个白色小按钮看到了吗🥰点一下调出卡片







