added a page image component
This commit is contained in:
parent
821cc93cdd
commit
626acb4a72
|
@ -21,6 +21,7 @@ export const defaultContentPageLayout: PageLayout = {
|
|||
Component.TagList(),
|
||||
],
|
||||
left: [
|
||||
Component.PageImage(),
|
||||
Component.PageTitle(),
|
||||
Component.MobileOnly(Component.Spacer()),
|
||||
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