Promote MDN

喜欢MDN？那就把MDN中的开源Web知识分享出去吧！你可以通过图片、海报、动画、链接以及其他任何你想得到的方式把MDN中的内容分享出去。

想知道更多关于MDN的信息或者怎样帮助制作一个完善的Web文档吗？请点击关于MDN以及为MDN做贡献

WordPress 插件

这篇博客 Promote MDN plugin for WordPress 可以帮助那些在自己博客上发表有关Web技术或者和Mozilla有关的产品的人提升他们博客以及MDN本身的质量。以下是两种方式：

当你发表一篇博客的时候，它会自动链接一些术语（比如“HTML”，“JavaScript”，“CSS"或者其他一些相关术语）到MDN的词条。这可以让你在写技术博客的时候不需要做任何事就可以自动添加MDN相关文档的链接。这非常有用！相关的术语和它们的地址都在这个页面上special page here on MDN。
在编辑博客的时候，会出现一个“告知Mozilla本篇文章”的复选框，此复选框会向Mozilla团队发出邮件。如果可能，我们可以在特定页面或者推特中提到你的这篇博客。选中此复选框并不保证这篇博客一定会在MDN中被提到，但是无论如何都会引起别人的注意！

安装此插件对你以及MDN都有很大帮助，如果你还没有安装的话，快点此进行安装！如果你想完善此插件，请前往wp-promote-mdn的GitHub。

JavaScript 实现

上面提到的WordPress插件是自动链接关键词到MDN相关文档的方式中的一种，但如果你的博客并未运行在WordPress上，你可以嵌入以下JavaScript代码段来实现相同的功能。这段代码和WordPress插件的功能是完全一样的，它会自动把文章中已知的术语链接到MDN的相关文档上。

你可以通过更改o中的maxLinks属性的值来更改关键词的最大数量，你也可以指定要搜索的元素、创建链接的类名、以及额外要搜索的关键词和其对应的URL。

你只需要把这段代码在</body>标签关闭前嵌入你的页面中。

<script type="text/javascript" >
    (function (d,f,a) {
        // Your settings here
        var o = {maxLinks: 4, searchElements: ['div', 'h'], linkClass: 'link-to-mdn', extraLinks: {'keywordx': 'http://example.com'}};
        var s=d.createElement("script");s.type="text/javascript";if(s.f)
        {s.a=function(){if(s.f=="loaded"||s.f=="complete")
        {s.a=null;PromoteMDN(o)}}}else{s.onload=function()
        {PromoteMDN(o)}}s.src="https://raw.githubusercontent.com/riverspirit/promote-mdn-script/master/promote-mdn.js";
        d.getElementsByTagName("head")[0].appendChild(s)
    })(document,'readyState','onreadystatechange');
</script>

这段代码会优先加载GitHub上的代码。如果你想把源代码保存在自己的服务器上（为了安全或者性能等），只需要从GitHub上下载源代码，把它添加到你自己的网站中并修改第9行的URL即可。

网站横幅图片

如果你想在你的网站上通过横幅来宣传MDN的话，我们提供了数张图片供你选择：

使用以上图片完全免费！

桌面壁纸

在2006年火狐开发者大会上，Sean Martell基于 ChrisBeard的想法设计的图片在2007年的西南偏南大会上轰动一时。现在提供以下分辨率的图片：

这些壁纸图片在 Creative Commons Attribution-NonCommercial 下发行。这些壁纸图片也受 Mozilla Trademark Policy的保护。