3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-05-03 20:27:20 +02:00
Code Issues Projects Releases Packages Wiki Activity

refactor(v2): improve semantic markup of blog (#2003)

Browse source 
* refactor(v2): improve semantic markup of blog

* Refactor/simplify
This commit is contained in:
Alexey Pyltsyn 2019-11-17 15:00:11 +03:00 • committed by Yangshun Tay
parent dda10beea6
commit dec9c1279c
3 changed files with 20 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/docusaurus-theme-classic/src/theme/BlogListPage/index.js
View file

@ -21,16 +21,13 @@ function BlogListPage(props) {
<div className="col col--8 col--offset-2">
{items.map(
({content: BlogPostContent, metadata: blogPostMetadata}) => (
<div
className="margin-bottom--xl"
key={blogPostMetadata.permalink}>
<BlogPostItem
key={blogPostMetadata.permalink}
frontMatter={BlogPostContent.frontMatter}
metadata={blogPostMetadata}
truncated>
<BlogPostContent />
</BlogPostItem>
</div>
),
)}
<BlogListPaginator metadata={metadata} />

12
packages/docusaurus-theme-classic/src/theme/BlogPostItem/index.js
View file

@ -92,13 +92,13 @@ function BlogPostItem(props) {
};
return (
<div>
<article className={!isBlogPostPage ? 'margin-bottom--xl' : undefined}>
{renderPostHeader()}
<article className="markdown">
<section className="markdown">
<MDXProvider components={MDXComponents}>{children}</MDXProvider>
</article>
</section>
{(tags.length > 0 || truncated) && (
<div className="row margin-vert--lg">
<footer className="row margin-vert--lg">
{tags.length > 0 && (
<div className="col">
<strong>Tags:</strong>
@ -121,9 +121,9 @@ function BlogPostItem(props) {
</Link>
</div>
)}
</div>
</footer>
)}
</div>
</article>
);
}

5
packages/docusaurus-theme-classic/src/theme/BlogTagsPostsPage/index.js
View file

@ -29,16 +29,13 @@ function BlogTagsPostPage(props) {
<div className="margin-vert--xl">
{items.map(
({content: BlogPostContent, metadata: blogPostMetadata}) => (
<div
className="margin-vert--xl"
key={blogPostMetadata.permalink}>
<BlogPostItem
key={blogPostMetadata.permalink}
frontMatter={BlogPostContent.frontMatter}
metadata={blogPostMetadata}
truncated>
<BlogPostContent />
</BlogPostItem>
</div>
),
)}
</div>