查看“首页”的源代码

<templatestyles src=":首页/top.css" /><!-- 外部资源加载 -->{{ResourceLoader|1=https://fonts.googleapis.com/icon?family=Material+Icons+Round|type=text/css}}{{ResourceLoader|1=https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@1,700&display=swap|type=text/css}}{{ResourceLoader|cssscript=.top-news-manga%2C.top-news-anime%2C.top-news-movie%2C.top-news-music%2C.top-news-oom%2C.top-news-other%7Bbackground-position%3A95%25%2090%25%3Bbackground-size%3A55px%3Bbackground-repeat%3Ano-repeat%7D.top-news-manga%7Bbackground-image%3Aurl(%22https%3A%2F%2Fcloud.sbsub.com%2Fpedia%2Fd%2Fd0%2FTop-conan-icon.png%22)%7D.top-news-anime%7Bbackground-image%3Aurl(%22https%3A%2F%2Fcloud.sbsub.com%2Fpedia%2Ff%2Ff1%2FTop-shinichi-icon.png%22)%7D.top-news-movie%7Bbackground-image%3Aurl(%22https%3A%2F%2Fcloud.sbsub.com%2Fpedia%2F0%2F01%2FTop-ai-icon.png%22)%7D.top-news-music%7Bbackground-image%3Aurl(%22https%3A%2F%2Fcloud.sbsub.com%2Fpedia%2F9%2F91%2FTop-ran-icon.png%22)%7D.top-news-other%7Bbackground-image%3Aurl(%22https%3A%2F%2Fcloud.sbsub.com%2Fpedia%2F8%2F88%2FTop-kid-icon.png%22)%7D.top-news-oom%7Bbackground-image%3Aurl(%22https%3A%2F%2Fcloud.sbsub.com%2Fpedia%2F9%2F9f%2FTop-amuro-icon.png%22)%7D.top-news-manga%20.news-today%7Bbackground%3Alinear-gradient(to%20right%2C%2326875a%2C%2373a980)%7D.top-news-anime%20.news-today%7Bbackground%3Alinear-gradient(to%20right%2C%23ff9800%2C%23ffa500)%7D.top-news-manga%20.news-today%2C.top-news-anime%20.news-today%7B-webkit-background-clip%3Atext%3Bbackground-clip%3Atext%3B-webkit-text-fill-color%3Atransparent%3Bfont-weight%3Abold%7D}}
<!-- 首页开始 -->
<div class="top">
<!-- 窄屏幕logo -->
<div class="top-logo">[[File:logo.png|alt=柯南百科的logo，点击可以探索柯南百科|link=|200px]]</div>
<!-- 日期与每日一句 -->
<div class="top-header"><div class="top-header-date alt-blue"><span class="top-header-date-day">{{#timel:j}}</span> <span class="top-header-date-month">{{#timel:M|now|en}}</span> <span class="top-header-update"></span></div><div class="top-header-greeting">{{#lst:首页/一句|{{#timel:Ymd}}}}</div></div>
----
<div class="top-grid">
<!-- 导航栏 --><div class="top-nav"><div class="top-nav-circle">[[File:top-conan-icon.png|200px|link=]]</div><div class="top-nav-blocks">[[原作漫画]][[电视动画]][[剧场版]][[OVA]][[特别篇动画]][[角色]][[音乐]][[制作]][[游戏]][[番外作品]][[关联作品]][[Project:关于|敬请期待]]</div></div>
<!-- 四格新闻宽屏 --><div class="top-news-wide"><div class="top-news-flex"><!-- 左侧3格 --><div class="top-news-left">{{top-card|漫画|2={{/漫画}}|3=top-news-manga}}{{top-card|剧场版|2={{/剧场版}}|3=top-news-movie}}{{top-card|番外作品|2={{/番外作品}}|3=top-news-oom}}</div><!-- 右侧3格 --><div class="top-news-right">{{top-card|动画|2={{/动画}}|3=top-news-anime}}{{top-card|音乐|2={{/音乐}}|3=top-news-music}}{{top-card|出版物|2={{/出版物}}|3=top-news-other|4=nolink}}</div></div></div>
<!-- 四格新闻窄屏 --><div class="top-news-narrow"><div class="top-news-flex"><!-- 上方3格 --><div class="top-news-left">{{top-card|漫画|2={{/漫画}}|3=top-news-manga}}{{top-card|动画|2={{/动画}}|3=top-news-anime}}{{top-card|剧场版|2={{/剧场版}}|3=top-news-movie}}</div><!-- 下方3格 --><div class="top-news-right">{{top-card|音乐|2={{/音乐}}|3=top-news-music}}{{top-card|番外作品|2={{/番外作品}}|3=top-news-oom}}{{top-card|出版物|2={{/出版物}}|3=top-news-other|4=nolink}}</div></div></div>
<!-- 统计信息和新手指南 --><div class="top-welcome"><div class="top-welcome-content"><span class="top-title spacing p-blue">[[Project:新手指南|加入柯南百科]]</span><br><span class="top-small spacing">柯南百科现有<span class="plainlinks">[[Special:所有页面|'''{{NUMBEROFARTICLES}}''']]</span>个条目，<br>[[Special:用户列表|'''{{NUMBEROFUSERS}}''']]位用户和[[Special:活跃用户|'''{{NUMBEROFACTIVEUSERS}}''']]位活跃编辑。</span></div></div>
<!-- 右侧边栏 --><div class="top-sidebar"><!-- 你知道吗 --><div class="top-dyk"><div class="top-title spacing p-blue">[[Project:你知道吗|你知道吗]]</div>{{#lst:Project:你知道吗|{{#timel:Ym}}}}</div><!-- 精选条目 --><div class="top-star"><div class="top-title spacing p-blue">[[Project:精选条目|精选条目]]</div>{{#lst:Project:精选条目|{{#timel:oW}}}}</div></div>
<!-- 其他链接 --><div class="top-links">{{top-link|bookmark_border|常用页面|l1=Project:新增条目请求|t1=新增条目请求|l2=Project:编辑规范|t2=编辑规范|l3=Special:最近更改|t3=最近更改}}{{top-link|contact_support|百科帮助|l1=Project:新手指南|t1=新手指南|l2=Help:编辑代码|t2=编辑代码|l3=Project:互助中心|t3=互助中心}}{{top-link|link|外部链接|l1=https://www.conan-portal.com/|t1=原作官网|l2=https://www.ytv.co.jp/conan/index.html|t2=动画官网|l3=https://www.conan-movie.jp/|t3=剧场版官网|class=rotate45|e=1}}{{top-link|translate|Languages|l1=https://www.conanpedia.com/zh-hant/%E9%A6%96%E9%A1%B5|t1=-{繁體中文}-|l2=https://conanwiki.org/wiki/Hauptseite|t2=Deutsch|l3=https://www.detectiveconanworld.com/wiki/|t3=English|e=1}}</div>
<!-- 关闭top-grid --></div>
<!-- 关闭top --></div>
<!-- JS加载 -->
{{ResourceLoader|script=switch(mw.config.get(%27wgUserLanguage%27))%7Bcase%27zh%27%3Aswitch(mw.config.get(%27wgUserVariant%27))%7Bcase%27zh-hans%27%3AlangDisplayText(%27%E8%AF%AD%E8%A8%80%27)%3Bbreak%3Bcase%27zh-hant%27%3AlangDisplayText(%27%E8%AA%9E%E8%A8%80%27)%3Bbreak%7Dbreak%3Bcase%27ja%27%3AlangDisplayText(%27%3Cspan%20lang%3D%22ja%22%3E%E8%A8%80%E8%AA%9E%3C%2Fspan%3E%27)%3Bbreak%3Bcase%27de%27%3AlangDisplayText(%27Sprachen%27)%3Bbreak%7Dfunction%20langDisplayText(displayText)%7Bdocument.querySelector(%27.top-link%3Alast-child%20.top-link-title%27).innerHTML%3Ddocument.querySelector(%27.top-link%3Alast-child%20.top-link-title%27).innerHTML.replace(%27Languages%27%2CdisplayText)%7Dif(mw.config.get(%27wgUserVariant%27)%3D%3D%3D%27zh-hant%27)%7Bdocument.querySelector(%27.top-link%3Alast-child%20li%20a%27).href%3D%27https%3A%2F%2Fwww.conanpedia.com%2Fzh-hans%2F%25E9%25A6%2596%25E9%25A1%25B5%27%3Bdocument.querySelector(%27.top-link%3Alast-child%20li%20a%27).innerHTML%3D%27%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87%27%3Bdocument.querySelector(%27.top-link%3Alast-child%20li%20a%27).setAttribute(%27lang%27%2C%27zh-Hans%27)%7Dlet%20testMangaValue%3Ddocument.querySelectorAll(%27.top-news-manga%20.news-today%27).length-document.querySelectorAll(%27.top-news-manga%20.nogreeting%20.news-today%27).length%3Blet%20testAnimeValue%3Ddocument.querySelectorAll(%27.top-news-anime%20.news-today%27).length-document.querySelectorAll(%27.top-news-anime%20.nogreeting%20.news-today%27).length%3Bif(testMangaValue%3E0%26%26testAnimeValue%3D%3D%3D0)%7Bdocument.querySelector(%27.top-header-update%27).innerHTML%3DwgUVS(%27%3Cspan%20class%3D%22top-greeting-manga%22%3E%EF%BC%88%E6%BC%AB%E7%94%BB%E6%9B%B4%E6%96%B0%EF%BC%89%3C%2Fspan%3E%27%2C%27%3Cspan%20class%3D%22top-greeting-manga%22%20lang%3D%22zh-Hant%22%3E%EF%BC%88%E6%BC%AB%E7%95%AB%E6%9B%B4%E6%96%B0%EF%BC%89%27)%7Dif(testAnimeValue%3E0%26%26testMangaValue%3D%3D%3D0)%7Bdocument.querySelector(%27.top-header-update%27).innerHTML%3DwgUVS(%27%3Cspan%20class%3D%22top-greeting-anime%22%3E%EF%BC%88%E5%8A%A8%E7%94%BB%E6%9B%B4%E6%96%B0%EF%BC%89%3C%2Fspan%3E%27%2C%27%3Cspan%20class%3D%22top-greeting-anime%22%20lang%3D%22zh-Hant%22%3E%EF%BC%88%E5%8B%95%E7%95%AB%E6%9B%B4%E6%96%B0%EF%BC%89%3C%2Fspan%3E%27)%7Dif(testMangaValue%3E0%26%26testAnimeValue%3E0)%7Bdocument.querySelector(%27.top-header-update%27).innerHTML%3DwgUVS(%27%3Cspan%20class%3D%22top-greeting-both%22%3E%EF%BC%88%E6%BC%AB%E7%94%BB%E5%92%8C%E5%8A%A8%E7%94%BB%E6%9B%B4%E6%96%B0%EF%BC%89%3C%2Fspan%3E%27%2C%27%3Cspan%20class%3D%22top-greeting-both%22%20lang%3D%22zh-Hant%3E%EF%BC%88%E6%BC%AB%E7%95%AB%E5%92%8C%E5%8B%95%E7%95%AB%E6%9B%B4%E6%96%B0%EF%BC%89%3C%2Fspan%3E%27)%7D}}