mirror of
https://github.com/facebook/docusaurus.git
synced 2025-05-10 15:47:23 +02:00
feat(v2): implement blog (#1062)
* feat(v2): implement blog * expect flat blog structure * \n * blogpage can import many posts
This commit is contained in:
parent
a2d3f26722
commit
12fd204840
22 changed files with 736 additions and 16 deletions
|
@ -1,4 +1,8 @@
|
|||
async function genRoutesConfig({docsMetadatas = {}, pagesMetadatas = []}) {
|
||||
async function genRoutesConfig({
|
||||
docsMetadatas = {},
|
||||
pagesMetadatas = [],
|
||||
blogMetadatas = [],
|
||||
}) {
|
||||
function genDocsRoute(metadata) {
|
||||
const {permalink, source} = metadata;
|
||||
return `
|
||||
|
@ -41,6 +45,54 @@ async function genRoutesConfig({docsMetadatas = {}, pagesMetadatas = []}) {
|
|||
}`;
|
||||
}
|
||||
|
||||
function genBlogRoute(metadata) {
|
||||
const {permalink, source} = metadata;
|
||||
if (metadata.isBlogPage) {
|
||||
const {posts} = metadata;
|
||||
return `
|
||||
{
|
||||
path: ${JSON.stringify(permalink)},
|
||||
exact: true,
|
||||
component: Loadable.Map({
|
||||
loader: {
|
||||
${posts
|
||||
.map((p, i) => `post${i}: () => import(${JSON.stringify(p.source)})`)
|
||||
.join(',\n\t\t\t\t')}
|
||||
},
|
||||
loading: Loading,
|
||||
render(loaded, props) {
|
||||
${posts
|
||||
.map((p, i) => `const Post${i} = loaded.post${i}.default;`)
|
||||
.join('\n\t\t\t\t')}
|
||||
return (
|
||||
<BlogPage {...props} metadata={${JSON.stringify(metadata)}} >
|
||||
${posts.map((p, i) => `<Post${i} />`).join(' ')}
|
||||
</BlogPage>
|
||||
)
|
||||
}
|
||||
})
|
||||
}`;
|
||||
}
|
||||
|
||||
return `
|
||||
{
|
||||
path: ${JSON.stringify(permalink)},
|
||||
exact: true,
|
||||
component: Loadable({
|
||||
loader: () => import(${JSON.stringify(source)}),
|
||||
loading: Loading,
|
||||
render(loaded, props) {
|
||||
let MarkdownContent = loaded.default;
|
||||
return (
|
||||
<BlogPost {...props} metadata={${JSON.stringify(metadata)}}>
|
||||
<MarkdownContent />
|
||||
</BlogPost>
|
||||
);
|
||||
}
|
||||
})
|
||||
}`;
|
||||
}
|
||||
|
||||
const notFoundRoute = `,
|
||||
{
|
||||
path: '*',
|
||||
|
@ -56,10 +108,14 @@ async function genRoutesConfig({docsMetadatas = {}, pagesMetadatas = []}) {
|
|||
`import Loadable from 'react-loadable';\n` +
|
||||
`import Loading from '@theme/Loading';\n` +
|
||||
`import Doc from '@theme/Doc';\n` +
|
||||
`import BlogPost from '@theme/BlogPost';\n` +
|
||||
`import BlogPage from '@theme/BlogPage';\n` +
|
||||
`import Pages from '@theme/Pages';\n` +
|
||||
`import NotFound from '@theme/NotFound';\n` +
|
||||
`const routes = [${docsRoutes},${pagesMetadatas
|
||||
.map(genPagesRoute)
|
||||
.join(',')},${blogMetadatas
|
||||
.map(genBlogRoute)
|
||||
.join(',')}${notFoundRoute}\n];\n` +
|
||||
`export default routes;\n`
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue