mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-08 22:57:20 +02:00
12fd204840
* feat(v2): implement blog * expect flat blog structure * \n * blogpage can import many posts
39 lines
1.1 KiB
JavaScript
39 lines
1.1 KiB
JavaScript
/* eslint-disable */
|
|
import React from 'react';
|
|
import {Link} from 'react-router-dom';
|
|
import Helmet from 'react-helmet';
|
|
import Loadable from 'react-loadable';
|
|
import Layout from '@theme/Layout'; // eslint-disable-line
|
|
import BlogPost from '@theme/BlogPost'; // eslint-disable-line
|
|
import Loading from '@theme/Loading';
|
|
|
|
export default class BlogPage extends React.Component {
|
|
render() {
|
|
const {
|
|
metadata,
|
|
blogMetadatas,
|
|
language,
|
|
children,
|
|
siteConfig,
|
|
} = this.props;
|
|
const {posts} = metadata;
|
|
return (
|
|
<Layout {...this.props}>
|
|
<Helmet defaultTitle={siteConfig.title}>
|
|
{language && <html lang={language} />}
|
|
{language && <meta name="docsearch:language" content={language} />}
|
|
</Helmet>
|
|
<div>
|
|
<ul>
|
|
{blogMetadatas.map(metadata => (
|
|
<li key={metadata.permalink}>
|
|
<Link to={metadata.permalink}>{metadata.permalink}</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
{children}
|
|
</div>
|
|
</Layout>
|
|
);
|
|
}
|
|
}
|