👱🏻❤️☕.

linked-blog

🗓 · 📝

linked-bloglinked-bloglinked-blog A Digital Garden framework created by the founder of Fleeting Notes, and the core of the stack used to run this website. GitHub - matthewwong525/linked-blog-starter: Host your second brain for free with Next.JS and Tailwind v3 Features * uses next.js (vs jekyll/hugo) * deploys on vercel * from a proven dev (creator of Fleeting Notes) * looks nice :) (vs quartz/others) * separate repos for the pure content (.md) and for the site * Converts ObsidianMD to HTML * obsidian-export (

A Digital GardenDigital GardenDigital Garden A digital garden represents a publicly accessible journal, usually a Zettelkasten, where posts represent more of an "ongoing idea" than a finished & published "dead idea". A note in a digital garden could be updated over the course of years, each time having new ideas added to further flesh it out. Art is never finished, merely abandoned. Digital gardening represents a mentality of building with the garage door up. Let people see what you're up to, poke their heads in, and rea framework created by the founder of Fleeting Notes, and the core of the stack used to run this website.

GitHub - matthewwong525/linked-blog-starter: Host your second brain for free with Next.JS and Tailwind v3

Features

  • uses next.js (vs jekyll/hugo)
  • deploys on vercel
  • from a proven dev (creator of Fleeting Notes)
  • looks nice :) (vs quartz/others)
  • separate repos for the pure content (.md) and for the site
  • Converts ObsidianMD to HTML

Changes from the Base Version

I have modified linked-blog-starter to have a few new features. SamuelCochrane/linked-blog-website has:

  • date created and date modified fields ✅ 2022-12-27
  • footers1 ✅ 2022-12-27
  • hide "Backlinks" sidebar if it's empty. ✅ 2022-12-28
  • Paginated "post history" (/posts/1), sorted by modified date. ✅ 2022-12-28
  • Still Todo:
  • homepage
    • [[👱‍♂️]]🤍 ☕ ✅ 2022-12-27
    • hero image with knowledge graph exported ✅ 2022-12-28
      • circular frame on hero, w-full -> w-6/12, aspect-square
    • "recent posts" ✅ 2022-12-29
  • post header/banner images
  • table of contents on articles
  • Footer
  • add other frontmatter values to post-meta.tsx
    • note-stage
    • alias(es)
    • tags?
  • maybe someday:
  • admonitions/callouts
  • ecalidraw working (either uploaded and embedded, or hotswapped with an image when published)
  • gisqus comments/reactions (see fleeting-notes implementation)
  • google analytics
  • RSS/mailing list implementation (probably via MkDocs Newsletter)
  • true "Popular posts" feature using pageviews/likes, instead of hard-coded pinned posts
  • "Mentions from around the web" functionality (see Maggie Appleton's site)

Forking This Site

If you want to use this as the base, this site is open source and linked above. It is provided as-is, and it would be bold to assume even I remember how it works. This blog2 wouldn't have been possible without Matthew Wong's starter code. All credit goes to him, all bugs are from me.

Some specific things you'll probably want to change:

  • The blog title, currently lives in header.tsx
  • The frontmatter variables like dateCreated if you named things differently in your own vault
    • (These will mostly be in /components/, post.ts, and api.ts, but I'd use a Ctrl+H over the entire project to find any instances just in case)
  • the favicon
  • The text in the landing page (landing/hero-home.tsx)

The domain was purchased from Google Domains, and represents my only ongoing expense hosting this website.

Footnotes

  1. like this. ↩

  2. I mean, a version of it would be possible, and you can find plenty of alternatives at Digital Garden > Templates/Prefabs/Systems, but his site just made it look nice which for someone as Neurotic as me goes a long way. ↩