added a page image component

quartz.layout.ts

@@ -21,6 +21,7 @@ export const defaultContentPageLayout: PageLayout = {
     Component.TagList(),
   ],
   left: [
+    Component.PageImage(),
     Component.PageTitle(),
     Component.MobileOnly(Component.Spacer()),
     Component.Search(),

quartz/components/PageImage.tsx

@@ -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