站点图标:一本翻开的家庭旅行日记(批 24)
① 设计:翻开的日记本 —— 左页是「家」(出发地),右页是「路线 + 目的图钉」 (旅行),页面底部两道横线是写下的记录。底色取站点主色 #3d6bf5 的渐变, 蓝底白页,16px 标签页下也认得出。 ② 交付:favicon.ico(站点根,多尺寸 16/32/48/64)+ SVG 源(高分屏)+ apple-touch-icon 180 + PWA 192/512 + maskable 512 + site.webmanifest (可加到主屏)。地址全部走 asset() 带版本号,换图标浏览器立刻认。 ③ 验证:部署哨兵 16 条(9 个资产存在 + 4 条 layout 引用 + manifest 合法 JSON + 不硬编码地址);e2e 新增第 11b 节按 URL 真拉,验状态码与 Content-Type (拿 HTML 当图标是最常见的白页签原因);_map16.js 加 3 条整页断言。 直连线上复核:/favicon.ico=image/x-icon、svg=image/svg+xml、png=image/png。
This commit is contained in:
@@ -14,7 +14,14 @@ $__initial = $__name !== '' ? mb_substr($__name, 0, 1) : '·';
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
|
||||
<title><?= e($pageTitle ?? '家庭出行记录') ?></title>
|
||||
<title><?= e($pageTitle ?? 'TripLog 家庭旅行日记') ?></title>
|
||||
<?php /* 站点图标:一本翻开的日记本 —— 左页「家」、右页「路线 + 图钉」。
|
||||
ICO 放站点根(浏览器没写地址也会去 /favicon.ico 找),其余走 asset() 带版本号。 */ ?>
|
||||
<link rel="icon" href="<?= e(asset('favicon.ico')) ?>" sizes="any">
|
||||
<link rel="icon" type="image/svg+xml" href="<?= e(asset('assets/icons/trip-log.svg')) ?>">
|
||||
<link rel="apple-touch-icon" href="<?= e(asset('assets/icons/icon-180.png')) ?>">
|
||||
<link rel="manifest" href="<?= e(asset('site.webmanifest')) ?>">
|
||||
<meta name="theme-color" content="#3d6bf5">
|
||||
<?php /* 静态资源一律走 asset():不带版本号的话,浏览器会一直用缓存里的旧 CSS */ ?>
|
||||
<link rel="stylesheet" href="<?= e(asset('assets/style.css')) ?>">
|
||||
<link rel="stylesheet" href="<?= e(asset('assets/vendor/cropper/cropper.min.css')) ?>">
|
||||
|
||||
Reference in New Issue
Block a user