云原生后端运维【免费下载链接】TerminusOpen-Source Personal Cloud OS for Always-On Agents项目地址https://gitcode.com/gh_mirrors/terminus2/Terminus点击查看免费下载打开 TerminusOlares桌面系统后你可以在设置 → 外观中一站式完成个性化配置切换系统显示语言、在浅色/深色主题之间切换、控制桌面右下角小组件显示的内容、为桌面或登录界面更换内置/自定义壁纸并在需要时一键恢复默认的启动台与程序坞布局。本文将围绕官方文档 docs/zh/manual/olares/settings/language-appearance.md 的完整内容展开并结合开源仓库中设置页面的真实实现Appearance 设置页、背景偏好 Store、小组件偏好 Store逐项讲解每个选项的作用、操作步骤与底层生效机制让你既会操作、也知其所以然。一、外观设置入口外观相关的所有选项都集中在系统设置应用的外观页签中。打开方式有两种从程序坞Dock或启动台LaunchPad打开设置应用在设置应用的左侧边栏中选择外观。从源码结构看该页面由 apps/packages/app/src/pages/settings/Appearance/IndexPage.vue 实现页面顶部使用page-title-component渲染标题主体内容通过AdaptiveLayout区分 PC 与移动端两种布局说明该设置页对桌面端和移动端手机/平板均做了适配PC 布局完整的语言、小组件、主题、壁纸配置区移动布局语言与主题的紧凑版配置项。外观页面的数据全部由 Pinia Store 管理其中语言与主题、壁纸由 background.ts 中的useBackgroundStore负责小组件偏好由 widgetPreferences.ts 中的useWidgetPreferencesStore负责。后续章节将分别介绍这些配置。二、系统语言支持的语言Olares 当前支持以下 7 种显示语言英文English中文简体德语西班牙语意大利语法语日语在仓库前端代码中语言包注册表位于 apps/packages/app/src/i18n/index.ts目前内置注册了en-US与zh-CN两套语言包默认语言为en-US其余语言通常随系统镜像/语言包按需加载。切换语言的操作步骤打开设置在左侧边栏选择外观在**语言Language**下拉菜单中选择目标语言更改会立即生效。源码层面的实现细节切换语言并非选中即改而是有一个确认弹窗保护流程见 IndexPage.vue用户选择新语言后页面先通过supportLanguages.find(...)校验语言项是否合法弹出ReminderDialogComponent确认框提示是否将系统语言切换为 {language}提供确认与取消两个按钮点击确认后调用backgroundStore.requestUpdateLanguage(locale)向后端接口发送POST /api/wallpaper/update/language请求请求体为{ language: locale }见 background.ts请求成功后通过i18n.global.locale.value this.locale即时切换前端全局语言并通知所有界面组件重新渲染同时通过window.parent.postMessage向宿主窗口广播language_update事件使桌面外壳Desktop 外壳等父级界面同步刷新语言若点击取消则下拉框回退到切换前的语言。因此立即生效的背后是一次确认 一次后端接口调用 全局 i18n 变量更新多窗口/多组件界面会同步刷新不会出现只有部分界面切换语言的情况。三、主题浅色 / 深色切换外观页的**主题Theme**面板提供两张主题预览图点击即可切换打开设置在左侧边栏选择外观在主题面板中选择浅色Light或深色Dark更改会立即生效。源码层面的实现细节主题状态由useBackgroundStore的theme字段管理类型为ThemeDefinedMode.LIGHT / DARKbackground.ts点击主题预览图后执行themeUpdate(theme)将主题写入 Store通过 Quasar 的Dark.set()驱动全局 UI 组件亮暗切换Dark.set(theme DARK)同时把主题值写入 CookiethemeModeName有效期 365 天跨二级域共享sameSite: None; secure: true适配 HTTPS保证刷新页面、重新登录后主题依然保持通过window.parent.postMessage广播theme_update事件让桌面外壳同步换肤深色模式下页面背景色被设置为#1f1f1f浅色模式下 PC 为#ffffff、移动端为#f6f6f6updateBodyBg。值得说明的是从 background.ts 中themeOptions的定义可以看到底层还预留了auto跟随系统模式并在updateQuasarDark()中支持Dark.set(auto)不过当前外观页面仅展示浅色与深色两个选项用户以页面实际呈现为准。四、小组件桌面右下角信息面板小组件Widget控制桌面右下角显示的信息。默认情况下该区域会展示日期时间与系统仪表盘CPU、磁盘、内存使用情况。配置项说明在外观页的**小组件Widget**面板中可配置以下选项配置项作用默认值小组件开关是否显示桌面右下角的小组件区域关闭后隐藏全部小组件开启showWeight: true日期和时间实时预览当前日期时间的显示效果仅开关开启时显示按所选格式实时渲染24 小时制开关时间使用HH:mm24 小时制还是hh:mm12 小时制开启is24HourFormat: true日期格式下拉框选择日期的展示格式共 11 种预设YYYY/MM/DD显示仪表盘开关是否显示 CPU、磁盘和内存使用情况的仪表盘开启showDashboard: true支持的日期格式外观页源码中定义了下拉框的完整选项IndexPage.vueYYYY/MM/DDD/M/YYM/D/YYDD/MM/YYYYDD.MM.YYYYDD-MM-YYYYYYYY.MM.DDYYYY-MM-DDYY/MM/DDYY-M-DYY.M.D源码层面的实现细节小组件偏好由 widgetPreferences.ts 管理所有开关与下拉框变更都会调用widgetPrefsStore.update()向后端发送POST /api/widget请求体为{ widget: { showWeight, is24HourFormat, dateFormat, showDashboard } }实现更改即保存页面初始化时通过GET /api/widget拉取服务端保存的偏好getWidget()同时使用localStorage缓存key 为widget-preferences-cache-v1作为离线兜底即使接口暂时不可用也会先以本地缓存渲染避免界面闪烁见 widgetPreferences.ts时间格式化的真实实现在formatNow()24 小时制使用HH:mm12 小时制使用hh:mm日期部分按所选dateFormat通过 Quasar 的date.formatDate渲染页面右上角还带一个每秒刷新的定时器保持时间实时性IndexPage.vue。五、壁纸桌面背景与登录背景壁纸面板支持为桌面背景和登录背景两个位置分别设置背景图两者互不影响。选择应用位置从程序坞打开设置在左侧边栏选择外观在壁纸面板中选择壁纸的应用位置桌面背景或登录背景。源码中该逻辑由selectBackgroundModeBackgroundMode.desktop / login控制两个位置各有一张独立的预览图点击预览图即可切换当前编辑位置IndexPage.vue。使用内置壁纸在**图库Gallery**区域浏览内置壁纸并点击选择即可。从源码看内置图库共分两套桌面背景图库settings/bg/0.jpg至settings/bg/27.jpg共28张登录背景图库settings/login/0.jpg至settings/login/28.jpg共29张见 IndexPage.vue。选择壁纸后会经过 500ms 防抖debounce然后调用对应的后端接口保存操作后端接口获取当前壁纸配置GET /api/wallpaper设置桌面背景POST /api/wallpaper/desktop请求体{ bg }设置登录背景POST /api/wallpaper/login请求体{ bg }设置桌面显示方式POST /api/wallpaper/desktopStyle请求体{ style }设置登录显示方式POST /api/wallpaper/loginStyle请求体{ style }以上接口均在 background.ts 中定义。使用自定义壁纸点击上传图片Upload image在文件选择器中选择电脑中的图片文件然后点击打开 2.可选使用上传图片旁边的下拉列表调整壁纸显示方式拉伸Stretch将图片拉伸至铺满整个背景区域可能产生形变填充Fill等比缩放图片填满背景超出部分会被裁切平铺Tile图片按原始尺寸重复平铺排列。上传格式与校验上传接口为/images/upload/v1前端对文件格式做了严格校验imagesUploadV1Formats.ts允许的扩展名jpg、jpeg、png、gif允许的 MIME 类型image/png、image/jpeg、image/gif校验不通过时会提示图片格式不允许bt_uploader_image_format_not_allowed文件不会被上传。另外上传请求支持附带参数当目标位置是登录背景时上传参数为{ policy: public }登录背景会以公共资源形式保存以便未登录用户也能加载IndexPage.vue。上传成功的图片会出现在**已上传图片Uploaded images**区域其缩略图通过/api/preview/drive/Home/Pictures预览接口加载图片保存在用户目录Home/Pictures下点击即可应用为当前位置的壁纸。移除自定义壁纸如需移除已上传的自定义壁纸将鼠标悬停在已上传图片区域对应缩略图的右上角点击关闭✕图标即可删除。删除动作会同步调用后端接口POST /api/wallpaper/delete/desktop或POST /api/wallpaper/delete/login并从本地已上传列表中移除background.ts。六、重置桌面布局如果希望恢复系统默认的启动台和程序坞排列可以使用重置桌面布局功能从程序坞或启动台打开设置在左侧边栏选择外观滚动到重置桌面布局点击重置在确认弹窗中按需选择点击取消保留当前布局点击重置恢复默认布局。从桌面应用代码可以看到系统为程序坞维护了一份默认列表apps/packages/app/src/stores/desktop/app.ts移动端默认程序坞为settings / files / launchpad / wise / vaultPC 端默认为files / launchpad / market / settings重置后程序坞会回到这类内置的默认组合。:::warning 注意 重置桌面布局会将启动台和程序坞恢复为默认布局自定义图标位置和程序坞项目会被重置。应用数据不会被删除但布局重置操作无法撤销。执行前请确认你愿意放弃当前的自定义排列。 :::七、小结通过设置 → 外观TerminusOlares提供了完整的桌面个性化能力语言支持 7 种界面语言切换有确认保护生效后会同步全局界面主题浅色/深色一键切换选择持久化到 Cookie跨窗口同步小组件可整体显隐并精细控制 24 小时制、日期格式与仪表盘显示偏好即时保存并带本地缓存兜底壁纸桌面与登录背景独立配置支持内置图库桌面 28 张、登录 29 张与自定义上传jpg/jpeg/png/gif提供拉伸/填充/平铺三种显示方式可随时移除已上传图片重置桌面布局一键恢复默认启动台与程序坞排列注意该操作不可撤销。结合本文与仓库源码外观设置页、背景 Store、小组件 Store你可以完整掌握这套个性化配置的每一处交互与底层持久化机制按自己的使用习惯打造顺手的 Olares 桌面环境。赞分享云原生后端运维【免费下载链接】TerminusOpen-Source Personal Cloud OS for Always-On Agents项目地址https://gitcode.com/gh_mirrors/terminus2/Terminus点击查看免费下载相关推荐Terminus settings appearance 完全指南用 olares-cli 管理桌面语言、组件、壁纸与布局重置Terminus settings appearance 完全指南用 olares cli 管理桌面语言、组件、壁纸与布局重置 本文以 Terminus 仓库云原生后端运维Zen Browser多语言界面设置切换与自定义语言包教程Zen Browser多语言界面设置切换与自定义语言包教程 你是否曾因浏览器界面语言与自己的母语不符而感到困扰Zen Browser禅浏览器提供了丰富的桌面应用桌面壁纸自动换新WaifuX 壁纸定时轮换与多源聚合设置全教程桌面壁纸自动换新WaifuX 壁纸定时轮换与多源聚合设置全教程 ! WaifuX 首页热门动态壁纸推荐与壁纸定时轮换入口 https://raw.gitco上一篇戴尔G15散热控制终极指南用开源工具替代臃肿的AWCC下一篇NVIDIA Profile Inspector终极指南3步解锁显卡隐藏性能的免费方案创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考