Promote MDN

这篇文章需要技术复核。如何帮忙。

翻译正在进行中。

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

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

WordPress 插件

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

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

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

JavaScript 实现

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

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

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

<script>
    (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的话,我们提供了数张图片供你选择:

MDN Banner: 120x120px

使用以上图片完全免费!

桌面壁纸

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

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

文档标签和贡献者

标签: 
 此页面的贡献者: wth, Roland_Reed, 0191905562, OlingCat
 最后编辑者: wth,