编辑手册

0
528
阅读

以下内容主要涉及本站贡献者须知和操作指南。

感谢你加入Mists迷雾网。

迷雾网于2017年7月正式上线,是由激战2忠实玩家爵仔创办,广大游戏爱好者共同维护的激战2资料站,包含新闻、小道、攻略、Build系统、公会宣传、民办赛事等有关激战2的一切。

迷雾网愿景是成为激战2游戏技术向、权威性资料站。

迷雾网不是论坛。

不同于贴吧,这里没有太多的社交。

对于投稿者,有更好的编辑体验和展示:功能丰富的编辑器,方便易用的排版,最大64MB的高清图片,原文更新,甚至定制化的专题页面…

5分钟操作指南

激战2是一个精致的游戏,所以对迷雾网投稿要求质量。当你读完这篇文章,就知道如何在迷雾网进行投稿。而且,只需要花费你5分钟时间。

文章标题

简单易懂的标题可以迅速吸引读者。

所以尽可能将你的内容总结在15字以内的标题里。

文章分类和标签

把你的文章放在正确的分类里可以帮助读者在想要的地方快速找到它。

一般来说,“分类”对应网站导航,“标签”用于内容聚合。

文章目录

如果你的投稿内容有层次,为了更好的阅读,请从“四级标题”开始往下分章节。在文本编辑器里加入代码{toc}({}替换成[]),可自动生成目录。

发布流程

每篇投稿文章篇幅不要太长,好的建议是“阅读不超过10分钟”,如果需要长文来阐述,可以通过“展开/隐藏”、“分页”、缩小图片大小(读者点击看大图)等技巧来尽可能地减小文章篇幅。

想成为投稿者,需加入迷雾网官方QQ群453455689,找群主爵仔开通投稿权限(审核时间通常情况下是下午4点-5点)。

刚开始,你是“记者”,内容发布前需要经管理审核、校订,确保文章内容和排版符合迷雾网要求。当你投稿达到一定数量并数量掌握投稿技巧后,可升级为“作者”,无须审核直接发布内容。

如果你有特殊要求,比如计划投稿大型专题,可联系群主制作独立页面和首页展示。

如果你已经熟练运用上述方法,可继续阅读下面的高级技巧来了解如何插入Build、视频和SEO。

高级编辑技巧

如何实现“标签页”和“手风琴”布局效果?

先来看看效果:

Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.

Section 1

Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.

Section 2

Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.

Section 3

Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.

  • List item one
  • List item two
  • List item three

Section 4

Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.

Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.

Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.

Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.

实现也很简单,通过shortcode(段代码){mists_ui}{/mists_ui}({}替换成[])包含需要html代码,顶层div加入class”msits-tabs”(标签页效果)或者”mists-accordion”(手风琴效果),参考如下:

{mists_ui}
<div class=”mists-tabs”>
<ul>
<li><a href=”#tabs-1″>Nunc tincidunt</a></li>
<li><a href=”#tabs-2″>Proin dolor</a></li>
<li><a href=”#tabs-3″>Aenean lacinia</a></li>
</ul>
<div id=”tabs-1″>
<p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p>
<div class=”mists-accordion”>
<h3>Section 1</h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.</p>
</div>

展开


<h3>Section 2</h3>
<div>
<p>Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In suscipit faucibus urna.</p>
</div>
<h3>Section 3</h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis. Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
<h3>Section 4</h3>
<div>
<p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est.</p>
<p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
</div>
</div>
</div>
<div id=”tabs-2″>
<p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p>
</div>
<div id=”tabs-3″>
<p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p>
<p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p>
</div>
</div>

收起

如何使用按钮和提示?

先来看实际效果

迷雾网按钮 代码:<a class=”mists-button” title=”这是一个提示”>迷雾网按钮</a>

如何加入Build?

迷雾网的Build系统使用的是美服官方的api。首先你需要使用短代码{mists_ui}来包裹你的html代码,先来看效果:

html实现代码:

装备:<div data-armory-embed=”items” data-armory-ids=”10684,10509,10635,10614,10544,10579″ data-armory-10684-stat=”24714″ data-armory-10509-stat=”24714″ data-armory-10635-stat=”24714″ data-armory-10614-stat=”24714″ data-armory-10544-stat=”24714″ data-armory-10579-stat=”24714″></div>
技能:<div data-armory-embed=”skills” data-armory-ids=”29852,30435″ data-armory-size=”48″></div>
特性:<div data-armory-embed=”traits” data-armory-ids=”1415″ data-armory-size=”32″></div>
特性:<div data-armory-embed=”specializations” data-armory-ids=”22″ data-armory-22-traits=”1488,1368,1649″></div>

如何插入外部视频?

支持优酷和Bilibili,只需要把外部视频的浏览器Url粘贴到文本编辑器中单独一行即可。

如何作SEO?

TBD.