GitHub/quartz
1
0
Fork 2
mirror of https://github.com/jackyzha0/quartz.git synced 2025-12-19 10:54:06 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

subtitle support in frontmatter

Browse Source
This commit is contained in:
vintro 2025-04-10 10:24:31 -04:00
parent 07ee50361d
commit 59a16e8b31
No known key found for this signature in database
3 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
quartz.layout.ts
View File

@ -20,6 +20,7 @@ export const defaultContentPageLayout: PageLayout = {
beforeBody: [
Component.Breadcrumbs(),
Component.ArticleTitle(),
Component.ArticleSubtitle(),
Component.ContentMeta(),
Component.TagList(),
],

21
quartz/components/ArticleSubtitle.tsx Normal file
View File

@ -0,0 +1,21 @@
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
import { classNames } from "../util/lang"
const ArticleSubtitle: QuartzComponent = ({ fileData, displayClass }: QuartzComponentProps) => {
const subtitle = fileData.frontmatter?.subtitle
if (subtitle) {
return <h3 class={classNames(displayClass, "article-subtitle")}>{subtitle}</h3>
} else {
return null
}
}
ArticleSubtitle.css = `
.article-subtitle {
margin: 0.5rem 0 0 0;
color: var(--gray);
font-weight: normal;
}
`
export default (() => ArticleSubtitle) satisfies QuartzComponentConstructor

2
quartz/components/index.ts
View File

@ -3,6 +3,7 @@ import TagContent from "./pages/TagContent"
import FolderContent from "./pages/FolderContent"
import NotFound from "./pages/404"
import ArticleTitle from "./ArticleTitle"
import ArticleSubtitle from "./ArticleSubtitle"
import Darkmode from "./Darkmode"
import Head from "./Head"
import PageTitle from "./PageTitle"
@ -22,6 +23,7 @@ import Breadcrumbs from "./Breadcrumbs"
export {
ArticleTitle,
ArticleSubtitle,
Content,
TagContent,
FolderContent,