diff --git a/quartz/components/ContentMeta.tsx b/quartz/components/ContentMeta.tsx
index 659e62608..c808670d4 100644
--- a/quartz/components/ContentMeta.tsx
+++ b/quartz/components/ContentMeta.tsx
@@ -34,35 +34,52 @@ export default ((opts?: Partial<ContentMetaOptions>) => {
 
       if (fileData.dates) {
         const cfgDefaultDataType = cfg.defaultDateType // For backward compatibility, just in case this is used somewhere else by the original author
-        //segments.push(formatDate(getDate(cfg, fileData)!, cfg.locale))
-      }
-      if (fileData.dates.created) {
+
+        if (fileData.dates.created) {
           cfg.defaultDateType = "created"
           createdSegment = formatDate(getDate(cfg, fileData)!)
         }
-      if (fileData.dates.modified) {
+
+        if (fileData.dates.modified) {
           cfg.defaultDateType = "modified"
           modifiedSegment = formatDate(getDate(cfg, fileData)!)
         }
+
         cfg.defaultDateType = cfgDefaultDataType
-    
+      }
+
 
       // Display reading time if enabled
+      var readingTimeStr: string = ""
       if (options.showReadingTime) {
         const { minutes, words: _words } = readingTime(text)
         const displayedTime = i18n(cfg.locale).components.contentMeta.readingTime({
           minutes: Math.ceil(minutes),
         })
-        segments.push(displayedTime)
+        // segments.push(displayedTime)
+        readingTimeStr = `${_words} words, ${displayedTime}`
       }
 
-      const segmentsElements = segments.map((segment) => <span>{segment}</span>)
-
+      //Created: &nbsp;{createdSegment} <br /> 
       return (
-        <p show-comma={options.showComma} class={classNames(displayClass, "content-meta")}>
-          {segmentsElements}
+        <p class={classNames(displayClass, "content-meta")}>
+          {readingTimeStr} <br />
+          Last updated on {modifiedSegment} <br />  
+          🌟 <a href={`https://github.com/xy-241/CS-Notes/blame/v4/${fileRelativePath}`} class={classNames(displayClass, "external")} target={"_blank"} style={"font-weight:400"}>
+            Edit This Page!<svg class="external-icon" viewBox="0 0 512 512"><path d="M320 0H288V64h32 82.7L201.4 265.4 178.7 288 224 333.3l22.6-22.6L448 109.3V192v32h64V192 32 0H480 320zM32 32H0V64 480v32H32 456h32V480 352 320H424v32 96H64V96h96 32V32H160 32z"></path></svg>
+          </a> &nbsp;
+          🗓️ <a href={`https://github.com/xy-241/CS-Notes/commits/v4/${fileRelativePath}`} class={classNames(displayClass, "external")} target={"_blank"} style={"font-weight:400"}>
+            History<svg class="external-icon" viewBox="0 0 512 512"><path d="M320 0H288V64h32 82.7L201.4 265.4 178.7 288 224 333.3l22.6-22.6L448 109.3V192v32h64V192 32 0H480 320zM32 32H0V64 480v32H32 456h32V480 352 320H424v32 96H64V96h96 32V32H160 32z"></path></svg>
+          </a>
         </p>
       )
+
+      /*const segmentsElements = segments.map((segment) => <span>{segment}</span>)
+      return (
+        <p show-comma={options.showComma} class={classNames(displayClass, "content-meta")}>
+          {segmentsElements}
+        </p>
+      )*/
     } else {
       return null
     }
@@ -71,4 +88,4 @@ export default ((opts?: Partial<ContentMetaOptions>) => {
   ContentMetadata.css = style
 
   return ContentMetadata
-}) satisfies QuartzComponentConstructor
+}) satisfies QuartzComponentConstructor
\ No newline at end of file