| .husky | ||
| .idea | ||
| public | ||
| src | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| .markdownlint.json | ||
| .npmrc | ||
| .prettierignore | ||
| .prettierrc | ||
| astro.config.ts | ||
| custom.scss | ||
| docker-compose.yml | ||
| LICENSE | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| remark-collapse.d.ts | ||
| tailwind.config.js | ||
| tsconfig.json | ||
MassiveBox's Website
A statically generated website and blog, built with Astro and based on the Astro Paper theme.
Check it out at massive.box.
Getting started
npm install
npm run dev
In order to compile the site, run
npm run build
The website will be built to the ./dist folder.
Blogging with Joplin
You can use Joplin to write and manageyour blog posts, instead of just placing the Markdown files in the
src/content/blog folder.
- Install Joplin
- Start the Web Clipper Service: Tools > Options > Web Clipper > Start Web Clipper Service
- Run
npm run joplin - Allow the request for an API token on the Joplin app
The script will look for a notebook named Blog. It will then download all notes from that notebook, alongside their
attachments, and place them in the src/content/blog folder.
You can embed attachments in your notes, and they will work normally in the blog.
You might need to restart the development server after running the Joplin script.
In order, to have an ogImage (also known as article cover):
- Add the image to the note, and change the alt text to
ogImage. It will look like this: - Copy the attachment ID (in this example, it's
0f409e2b6faf44e48c5c0d99453d02c0) - Paste it in your frontmatter like this:
Note theogImage: ./0f409e2b6faf44e48c5c0d99453d02c0.(dot) instead of:(colon)!
License
The original Astro Paper is licensed under the MIT License, Copyright © 2025
Sat Naing.
Any change to the original code is licensed under the AGPLv3 License, Copyright © 2025 MassiveBox.