Inkdrop Blog Template

A template for creating simple blogs using live-export.

Tutorial

Watch how I built this website on YouTube:

Stack

Astro - Static Website Framework
Tailwind CSS - CSS Framework
React - Component-based UI framework for JS
React Icons - Icon set

Project Structure

Inside of your Astro project, you'll see the following folders and files:

PROJECT_ROOT
├── public              # static assets
│   └── posts           # images of posts
├── src
│   ├── components      # Astro & React components
│   │   └── icons
│   ├── layouts         # page layouts
│   ├── pages           # page files
│   │   ├── tags        # tags pages
│   │   └── posts       # .md files
│   └── styles          # global stylesheets
└── tools               # Inkdrop integration

How to use it

First off, clone this repository:

git clone git@github.com:inkdropapp/inkdrop-blog-template.git ./your-blog

Import notes from your Inkdrop local server

Please check out the live-export documentation.

Create .env file as following:

DEBUG='inkdrop:export:info,inkdrop:export:error'
INKDROP_USERNAME='***'
INKDROP_PASSWORD='***'
INKDROP_PORT=***
INKDROP_BOOKID='***'

Then, run the following command:

npm run live-import

License

MIT License.