备注: 关于 wiki 文章的相关规范,请参见文章风格规范
新闻稿(或称新闻文章)的运行机制与 osu! wiki 的主要部分略有不同,但遵循相似的原则。撰写新闻稿时,需要仔细关注以下几个关键要素和格式。
与 wiki 条目一样,所有新闻稿在撰写时至少应该确保拼写和语法正确,信息准确且为最新。
如有撰写新闻稿或为此做出贡献,请前往 osu! Discord 服务器 的 #osu-news 频道,或直接联系 Hivie、 RandomeLoL、 Walavouchey 或者其他任意比较活跃的 wiki 或新闻维护者。
对于锦标赛和竞赛(通常指作图竞赛),如希望使用专门的新闻稿进行对报名的宣传,需要事先分别获得锦标赛委员会 (TC) 和竞赛委员会 (CC) 的批准。相关规则和信息请参见官方锦标赛支持和官方作图竞赛支持页面。
新闻系统不支持多语言。所有文章必须使用英文(优先使用英式英语),并保持一致的语体风格。
语体风格的具体要求取决于文章的重点和语气,但它必须前后一致。偏专业性的文章必须始终保持专业语调,会话式的文章则需保持口语化风格。
所有新闻稿的撰写需遵循几个核心理念:简洁、受众、呈现。
新闻稿应力求短小精悍,在不过度堆砌的前提下,尽可能浓缩相关信息。
提供深入资源的链接,而非直接在文中引用。尽可能使用可视化图表来让大量信息一目了然。
osu! 的主要受众是青少年和年轻人,但我们同时也是一个全年龄社区。请考虑目标受众的注意力持续时间——这其实与简洁性密切相关。
仔细斟酌文章内容,判断其是否足以引起整个社区的兴趣,从而值得被纳入你的文章。
新闻稿在呈现方式上应力求一种令人愉悦的中立性。
“令人愉悦的中立”虽略显模糊,但意指文章既轻盈又扎实,能用精炼的文字表达核心内容,避免大段的文本堆砌。格式、风格和语体必须保持一致。体量大的信息应以可视化的方式辅助呈现。
新闻稿为 Markdown 文件(.md),存放于 osu-wiki GitHub 仓库的 news/ 目录下。新闻稿的命名格式如下:
news/yyyy/yyyy-mm-dd-news-post-title.md
文件名必须包含完整标题,所有空格替换为连字符(-),所有附加字符(如标点符号)直接移除,无需替换。
所有新闻文章需按以下格式构建:
---
layout: post
title: 新闻稿标题
date: 2017-08-17 03:00:00 +0000
series: miscellaneous
---
简短预览段落

正文内容
—作者
layout 必须始终设为 post。title 必须使用文章完整标题。此字符串中不允许使用 Markdown 格式。与 wiki 条目的标题或者其他标题不同,新闻稿标题应采用标题大小写。注意:若标题包含冒号(:)或井号(#),可能需要使用引号(")包裹。date 必须使用 ISO 8601 格式的日历日期(2017-08-17),后跟 24 小时制时间字符串(03:00:00),再跟 UTC 时区偏移量(+0000)。此发布日期用于确定新闻稿何时在网站上可见。wiki/shared/news/ 文件夹的封面图。极少数情况下若无需封面,请使用默认图片:https://osu.ppy.sh/images/headers/news-show-default.jpg。series 决定文章将在哪类网站通知中发布,用户可从其帐户设置订阅。此项必须是以下之一:
project_loved、beatmap_spotlights、featured_artists、fanart_contests、mappers_guild、ranking_system_updates(例如表现分和计分方式)、game_updates(客户端和网站)、merch_runs、world_cups(包括 LGA)、monthly_beatmapping_contestofficial_contests(竞赛 wiki 页面中归类为此类的任何内容)、community_contests、community_tournaments、offline_events、online_events、miscellaneous
新闻稿通知分类
Markdown 的使用遵循 wiki 的文章风格规范,但以下几点是新闻稿所特有的:
#),因为标题已由文章顶部前言中的 title 字段提供。)。备注: 关于图片格式和质量标准,请参见文章风格规范 § 格式与质量
新闻稿中引用的图片必须要么托管在 osu! 服务器上(即 assets.ppy.sh),要么存放在 osu-wiki GitHub 仓库中。
使用图片的新闻稿,其图片应存放在 wiki/shared/news/ 目录下以新闻稿文件名命名的独立文件夹中。例如:wiki/shared/news/2017-08-17-news-post-title/banner.jpg。
新闻稿必须在预览段落后放置一张图片作为横幅(也称封面)。文章中的第一张图片将用作首页、新闻列表和新闻文章视图中的横幅。
这些横幅在网站的不同位置以及不同设备上会以多种宽高比显示,因此在设计时需考虑到可能的裁剪情况。
新闻稿横幅宽高比参考。请注意,移动设备的显示区域可能落在、甚至略微超出此处指定的常见范围。
可使用此横幅预览工具查看横幅在网站不同位置的显示效果。
横幅基础尺寸应至少为 1000x200 像素。若源图足够大,应额外提供长宽都翻倍的版本(即提供 banner.jpg 和 [email protected])。若同一横幅用于多篇新闻稿,应存放在 wiki/shared/news/banners/ 目录下。
以下内容适用于新闻稿中的所有媒体内容,并包含了新闻团队要求你修改内容或提出询问的常见原因:
图片中文字的最小尺寸参考
部分社区成员不遗余力地为新闻稿创作高质量的图片甚至动画视频。但请尽可能提前联系新闻团队讨论设计和素材,因为任何必要的修改都可能导致意外延迟,甚至不得不从新闻稿中移除。
允许有限地使用 HTML 来嵌入站外内容,例如 YouTube 视频、Twitch 录像,或者其他旨在展示 osu! 或 osu! 相关内容的应用程序。
所有嵌入内容框架的宽度必须设为 95%,但高宽比较大的内容除外。一般而言,嵌入内容必须支持全宽样式显示,且不会因此而变形或显得难看。
assets.ppy.sh 的视频<div align="center" class="osu-md__paragraph">
<video width="95%" controls>
<source src="https://assets.ppy.sh/artists/172/release_showcase.mp4" type="video/mp4" preload="none">
</video>
</div>
通过 `assets.ppy.sh` 嵌入视频的示例
<div align="center" class="osu-md__paragraph">
<iframe width="95%" style="aspect-ratio: 16 / 9;" src="https://www.youtube.com/embed/cXkiX7u4a9g" frameborder="0" allowfullscreen></iframe>
</div>
通过 YouTube 嵌入视频的示例
<div align="center" class="osu-md__paragraph">
<iframe width="95%" style="aspect-ratio: 16 / 9;" src="https://player.twitch.tv/?autoplay=false&parent=osu.ppy.sh&video=2321612622" allowfullscreen="true" scrolling="no"></iframe>
</div>
通过 Twitch 嵌入视频的示例
<audio controls>
<source src="https://assets.ppy.sh/artists/493/0401%2B/d0tc0mmie%20-%20Strobe%20Light%20feat.%20Kasane%20Teto.mp3">
</audio>
音频预览嵌入示例
注意,如果要通过 https://docs.google.com/gview 嵌入,则该 PDF 文件必须小于约 20 MB。
<div align="center">
<iframe width="95%" style="aspect-ratio: 1.414;" src="https://docs.google.com/gview?url=https://assets.ppy.sh/media/yuzu/yuzu-embed.pdf&embedded=true" frameborder="0" allowfullscreen></iframe>
</div>
PDF 嵌入示例
如果希望嵌入带有用户头像的访谈或引用,请在该新闻稿相关章节的开头添加以下样式:
<style>
.news-chat-quote__avatar {
float: left;
width: 40px;
height: 40px;
border-radius: 50%;
margin-left: -50px;
}
.news-chat-quote__text-container {
margin-left: 50px;
}
.news-chat-quote__username {
font-weight: 600;
margin-bottom: 2px;
}
.news-chat-quote__colour-no-group {
color: #FFFFFF;
}
</style>
其中,news-chat-quote__colour-{group} CSS 样式对应不同的用户组颜色:
| 用户组 | 颜色 |
|---|---|
gmt |
#99EB47 |
nat |
#FA3703 |
dev |
#E45678 |
alm |
#999999 |
spt |
#EBD047 |
bn |
#A347EB |
lvd |
#FFD1DC |
ppy |
#0066FF |
fa |
#00FFFF |
bsc |
#76AEBC |
tc |
#FFB969 |
no-group |
#FFFFFF |
然后,将缩进内容包裹在 <div> 标签内,并在每部分前添加头像和用户名,如下所示:
<div class="news-chat-quote__text-container">
<a class="avatar news-chat-quote__avatar" href="https://osu.ppy.sh/users/10365024" style="background-image: url('/wiki/shared/avatars/Sakura006.jpg')"></a>
<p class="news-chat-quote__username"><a class="news-chat-quote__colour-no-group" href="https://osu.ppy.sh/users/10365024">Sakura006</a></p>
缩进的 Markdown 内容
</div>
聊天风格的引文嵌入示例