mirror of
https://github.com/zhigang1992/react-native.git
synced 2026-04-20 16:25:31 +08:00
a282be9a18
Summary: Linkify the blog post title when the excerpt is displayed in the blog index. Update Facebook OpenGraph meta tags for individual blog posts to fix sharing previews. Closes https://github.com/facebook/react-native/pull/9590 Differential Revision: D3771630 Pulled By: bestander fbshipit-source-id: dc428ecc2d7939c143f000b8af9d4df9b512d0fc
105 lines
5.0 KiB
JavaScript
105 lines
5.0 KiB
JavaScript
/**
|
||
* Copyright (c) 2015-present, Facebook, Inc.
|
||
* All rights reserved.
|
||
*
|
||
* This source code is licensed under the BSD-style license found in the
|
||
* LICENSE file in the root directory of this source tree. An additional grant
|
||
* of patent rights can be found in the PATENTS file in the same directory.
|
||
*
|
||
* @providesModule Site
|
||
*/
|
||
|
||
var React = require('React');
|
||
var HeaderLinks = require('HeaderLinks');
|
||
var Metadata = require('Metadata');
|
||
|
||
var Site = React.createClass({
|
||
render: function() {
|
||
const path = Metadata.config.RN_DEPLOYMENT_PATH;
|
||
const version = Metadata.config.RN_VERSION;
|
||
const algoliaVersion = version === 'next' ? 'master' : version;
|
||
var basePath = '/react-native/' + (path ? path + '/' : '');
|
||
var title = this.props.title ? this.props.title + ' – ' : '';
|
||
var currentYear = (new Date()).getFullYear();
|
||
title += 'React Native | A framework for building native apps using React';
|
||
var description = this.props.description ? this.props.description : 'A framework for building native apps using React';
|
||
var shareURL = 'https://facebook.github.io/react-native/';
|
||
shareURL += this.props.path ? this.props.path : 'index.html';
|
||
|
||
return (
|
||
<html>
|
||
<head>
|
||
<meta charSet="utf-8" />
|
||
<meta httpEquiv="X-UA-Compatible" content="IE=edge,chrome=1" />
|
||
<title>{title}</title>
|
||
<meta name="viewport" content="width=device-width" />
|
||
<meta property="og:title" content={title} />
|
||
<meta property="og:type" content="website" />
|
||
<meta property="og:url" content={shareURL} />
|
||
<meta property="og:image" content="http://facebook.github.io/react-native/img/opengraph.png?2" />
|
||
<meta property="og:description" content={description} />
|
||
|
||
<base href={basePath} />
|
||
|
||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.css" />
|
||
|
||
<link rel="shortcut icon" href="img/favicon.png?2" />
|
||
<link rel="stylesheet" href="css/react-native.css" />
|
||
|
||
<script type="text/javascript" src="//use.typekit.net/vqa1hcx.js"></script>
|
||
<script type="text/javascript">{'try{Typekit.load();}catch(e){}'}</script>
|
||
</head>
|
||
<body>
|
||
<script dangerouslySetInnerHTML={{__html: `window.fbAsyncInit = function() {FB.init({appId:'1677033832619985',xfbml:true,version:'v2.7'});};(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = '//connect.facebook.net/en_US/sdk.js';fjs.parentNode.insertBefore(js, fjs);}(document, 'script','facebook-jssdk'));`}} />
|
||
<script dangerouslySetInnerHTML={{__html: `window.twttr=(function(d,s, id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return t;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js, fjs);t._e = [];t.ready = function(f) {t._e.push(f);};return t;}(document, "script", "twitter-wjs"));`}} />
|
||
<div className="container">
|
||
<div className="nav-main">
|
||
<div className="wrap">
|
||
<a className="nav-home" href="">
|
||
<img src="img/header_logo.png" />
|
||
React Native
|
||
</a>
|
||
<a className="nav-version" href="/react-native/versions.html">
|
||
{version}
|
||
</a>
|
||
<HeaderLinks section={this.props.section} />
|
||
</div>
|
||
</div>
|
||
|
||
{this.props.children}
|
||
|
||
<footer className="wrap">
|
||
<div className="center">© {currentYear} Facebook Inc.</div>
|
||
</footer>
|
||
</div>
|
||
|
||
<div id="fb-root" />
|
||
<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/1/docsearch.min.js"></script>
|
||
<script dangerouslySetInnerHTML={{__html: `
|
||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||
ga('create', 'UA-41298772-2', 'facebook.github.io');
|
||
ga('send', 'pageview');
|
||
|
||
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)
|
||
){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";
|
||
fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
|
||
|
||
docsearch({
|
||
apiKey: '2c98749b4a1e588efec53b2acec13025',
|
||
indexName: 'react-native-versions',
|
||
inputSelector: '#algolia-doc-search',
|
||
algoliaOptions: { facetFilters: [ "tags:${algoliaVersion}" ], hitsPerPage: 5 }
|
||
});
|
||
`}} />
|
||
<script src="js/scripts.js" />
|
||
</body>
|
||
</html>
|
||
);
|
||
}
|
||
});
|
||
|
||
module.exports = Site;
|