FANDOM


本文是有关在Fandom上代码安装方法的指南。

在Fandom上导入CSS

在Fandom上,CSS @import可以有效地导入一个样式表进行集合:

  • 将其最小化并提高性能
  • 看起来十分整洁
  • 持续缓存

请见下述示例。

@import使用示例

左侧是使用经典@import语句进行多个导入的示例。右侧是您可以如何将其合并在一个语句中,从而最小化并提高性能的示例:

多个导入语句 — 杂乱且缓慢

  1. @import url("/index.php?title=MediaWiki:LocalCSS1.css&action=raw&ctype=text/css");
  2. @import url("/index.php?title=MediaWiki:LocalCSS2.css&action=raw&ctype=text/css");
  3. @import url("https://dev.fandom.com/index.php?title=MediaWiki:InterWikiCSS.css&action=raw&ctype=text/css");
  4. /* CSS */

单个导入语句 — 整洁且高效

  1. @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
  2. /* CSS */

放置CSS @import规则

必须在页面开头放置CSS导入规则语句,然后再放置其他的任何规则语句。否则语句将无法正常运作。正确放置示例如下:

错误放置

  1. /* CSS */
  2. @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");

正确放置

  1. @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:LocalCSS1.css|MediaWiki:LocalCSS2.css|u:dev:MediaWiki:InterWikiCSS.css");
  2. /* CSS */

也可以通过importArticles使用JavaScript页面导入CSS(查看更多)。

在Fandom上导入JavaScript

importArticles语句旨在有效地批量导入脚本:

  • 为了提高性能、
  • 使您的代码看起来更加整洁、
  • 将多个HTTP请求合并为一个数据传输、
  • 并允许多个脚本更快地加载和执行

如果您已经用经典语句安装了几个不同的脚本,那么您的JavaScript文件可能已经积累了不必要的导入语句。

importArticles使用示例

如果您的JavaScript文件有那么几行代码,分别是importScriptimportScriptPageimportArticles,那么您可以将其组合起来!请见下述示例,左侧是您的JavaScript文件当前外观的示例,右侧是您可以如何改进其代码的示例。

多个导入语句 — 杂乱且缓慢

  1. importScriptPage('Script1.js', 'dev');
  2. importScript('MediaWiki:Script2.js');
  3. importArticle({
  4.   type: 'script',
  5.   article: 'u:dev:Script3/code.js'
  6. });
  7. importScriptPage('Page1.js', 'wiki');
  8. importScriptPage('Page2.js', 'wiki');

单个导入语句 — 整洁且高效

  1. importArticles({
  2.     type: 'script',
  3.     articles: [
  4.         'u:dev:Script1.js',
  5.         'MediaWiki:Script2.js',
  6.         'u:dev:Script3/code.js',
  7.         'u:wiki:Page1.js',
  8.         'u:wiki:Page2.js'
  9.     ]
  10. });

有关导入JavaScript的注意事项

注意:在本示例中,请密切注意逗号和其他标点的位置。对于不熟悉编程的人(甚至是对于精通编程的人!)来说,编写代码时一个常见的错误就是意外删除、忘记或放错了逗号或引号等关键符号。这可能会导致语法错误,从而破坏代码。使用importArticles时,请把这个注意事项牢记在心并付诸实施。

另一种方法是使用MediaWiki:ImportJS。但是,importArticles的使用远不止这些!

Fandom上的HTML和Wiki标记语言

Location Source

如何切换到源代码模式并使代码看起来更加整洁。

源代码模式是为了处理文章中复杂的HTML代码而设计的,从而减少有时会自动添加的不必要代码量。如果您要使用模板或HTML标签(例如<span><p><div>),那么源代码模式是最佳的编辑方式。

以下一些是有用的提示:

  • 当您在可视化模式的编辑区域中看到Double Brackets Icon时,其指的是模板或者包含可视化编辑器不支持或太复杂而无法处理的代码的内容。在源代码模式下,您可以看到完整的内容。
  • 当您在可视化模式的编辑区域中看到Comment Icon时,其表示注释。在源代码模式下,您将看到的内容为<!-- -->
  • MediaWiki具有一种名叫Wiki语法(Wikitext)的特殊语言,可简化编辑过程。可视化模式下支持该语言,并且不会像HTML那样容易破坏。
  • 可视化模式支持一些<u><s>之类的HTML标签。
  • 您还可以在论坛创建或回复帖子时、使用留言墙时,点击编辑区下方的Comment Source Modus进入源代码模式。
  • 您只能在源代码模式下编辑模板

参见

Community content is available under CC-BY-SA unless otherwise noted.

Fandom may earn an affiliate commission on sales made from links on this page.

Stream the best stories.

Fandom may earn an affiliate commission on sales made from links on this page.

Get Disney+