added a page image component
This commit is contained in:
parent
821cc93cdd
commit
626acb4a72
|
@ -21,6 +21,7 @@ export const defaultContentPageLayout: PageLayout = {
|
||||||
Component.TagList(),
|
Component.TagList(),
|
||||||
],
|
],
|
||||||
left: [
|
left: [
|
||||||
|
Component.PageImage(),
|
||||||
Component.PageTitle(),
|
Component.PageTitle(),
|
||||||
Component.MobileOnly(Component.Spacer()),
|
Component.MobileOnly(Component.Spacer()),
|
||||||
Component.Search(),
|
Component.Search(),
|
||||||
|
|
20
quartz/components/PageImage.tsx
Normal file
20
quartz/components/PageImage.tsx
Normal file
|
@ -0,0 +1,20 @@
|
||||||
|
import { pathToRoot } from "../util/path"
|
||||||
|
import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
|
||||||
|
import { classNames } from "../util/lang"
|
||||||
|
import { i18n } from "../i18n"
|
||||||
|
|
||||||
|
const PageImage: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => {
|
||||||
|
const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
|
||||||
|
const baseDir = pathToRoot(fileData.slug!)
|
||||||
|
return (
|
||||||
|
<a href={baseDir}><img src="https://f003.backblazeb2.com/file/nexie-net/profileimage.webp" style="width:100px; height:100px"/></a>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
PageImage.css = `
|
||||||
|
.page-title {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
`
|
||||||
|
|
||||||
|
export default (() => PageImage) satisfies QuartzComponentConstructor
|
Loading…
Reference in a new issue