加载中...
HOME LAYOUT

首页布局形态试验场

首页布局形态(令牌 home.layout)。起因:现行分栏下导引偏矮,左列下方留白大——候选们把导引与侧栏融合成整幅版面。上方预览是每个候选的页内实况演示(与首页同一套 §20 样式,静态样张),点下方标签当场换装;点完到底部「应用」才写进这台浏览器,回首页刷新即见。2026-10-21 裁定:单列系候选(column 单列编辑部 / toc 目录页)按 10-18「单线布局撑不起首页」判词出局随机池并撤下展位,存档未杀(URL 直达仍合法)。要换全站默认,到风格输入输出台导出读数交给助手。返回 Playground。

本页预览 · 三种候选版面

演示块为静态样张,随机一趟与计数在真实首页是活的。存档制(split / column / toc)无演示块,只能经 URL 直达或风格输入输出台设置,不进随机池。

布局切换

首页布局形态 home.layout读取中

点选只是试穿:上方预览当场换装,不落盘;到底部点「应用」才写进本浏览器偏好,回首页刷新即见。存档制(split 旧分栏 / column 单列编辑部 / toc 目录页)没有演示块,只能经 URL 直达或风格输入输出台设置——column 与 toc 于 2026-10-21 按用户判词出局(单列太单调,10-18「单线布局撑不起首页满开吸引力」同源裁定)。

布局的介绍与设计思路(含存档制)

与主站排版的联动

分段选择器 → 令牌 home.layout(现役 enum:station / bento / band → <html> 的 data-mc-home-layout)→ 主站落点:首页 / 的 .layout 内容区,由 source/js/site-polish.js 的 homeLayout() 按属性搬移 DOM(把 #home-guide 原位改造成全宽 #home-zone,侧栏 widget 节点是搬移不是重建——「换一班」监听、busuanzi 计数等既有行为保留),样式在 site-polish.css §20;split = 旧双栏存档,函数零操作。本页预览块与首页共用 §19/§20 同一套类名规则。

生效路径:本页点选即时写 <html>(试穿,预览当场换装);点「应用」写 localStorage,首页刷新后由 boot 属性 + homeLayout() 现场重排;URL 直达(/?home.layout=bento)不持久化,可用于验收。存档值 column / toc / split 仅 URL 直达合法(randomExclude);column 沿用 home.guide 导引形态。

avatar
Martian Cats
个人博客,记录生活与技术点滴。
Follow Me
最新文章
网站信息
文章数目 :
27
本站访客数 :
本站总浏览量 :
最后更新时间 :