A starter site for building a mind garden, using 11ty (demo)
Note: I'm not building this project for myself, so y'all gotta tell me what you think. Issues are the way to go here.
A digital garden is a website where the primary organization of content emerges from contextual hyperlinks moreso than a chronological method of organization. It's a mix of a notebook and a blog, and often uses the ethos of "working in public."
Good way of presenting your own personal knowledge and understanding of things, as well as connecting them back and to each other, etc. A digital garden is a fun way to non-linearly represent all the things you care about on the web. Check out these great examples of mind gardens:
Eleventy-garden allows you to quickly take advantage of eleventy's static site generation and makes a starter template for hosting your own personal mindgarden website. Everything is free, easy and fun! Read ahead to get started :)
- Double-bracket links (the ones roam uses)
- Displays backlinks
- hovercards for backlinks
- maximevaillancourt/digital-garden-jekyll-template
- mathieudutour/gatsby-digital-garden
- Find more at maggieappleton/digital-gardeners
Check out the wiki for more information, including FAQs and wiki guides (coming soon).
First Steps
- Generate a repository from this template
- Clone the repository locally (how to clone a git repository)
- Run
npm install
in a terminal.
Make your changes
- Styling: The css file is in
/assets/style.css
- Branding: Add your logo or avatar in
/assets/avatar.png
- Content:
/_data/site.json
contains vital information to make the site your own- Drop your notes in the
/notes
folder
- Drop your notes in the
- Testing: To view it locally, open a terminal and type
npm start
Publish it
- You can use Netlify, Vercel, or whatever else works.
Feel free to dive in!
Here's what this project needs...
- Feedback! I didn't make this repo is for myself, so y'all gotta tell me what you want.
- Stars on GitHub
- Contributors - check out the contributing guide
This project is under the MIT license. Please adhere to the code of conduct.