Powered by
Clone this repo
git clone https://github.com/sira313/eleventy-card-bulma/
Use PNPM
npm install -g pnpm
Install modules
pnpm install
Run to your localhost
pnpm start
There are 2 menus (for indexing post, not a single page) we created by default:
- Photos
- Blog
So if you wanted to create another one, maybe this tutorial will help.
There are 3 layouts in /_includes:
- /_includes/layout.html is the main layout called in other layout frontmatter.
- /_includes/post-blog.html is for blog post layout.
- /_includes/post-photos.html is photos post layout.
There are 3 indexs in this project
- /index.md where you describe your own business.
- /photos/index.html is the index of all your photos.
- /blog/index.html is the index of your blog.
We created a js script to make a post automatically, so you don't need to do that manual. Thanks to my friend.
To create a post in /blog you need to
pnpm mkpost -b Your post title
It will create a markdown file in /blog.
And if you wanted to create a post in /photos you just need to
pnpm mkpost -p Your post title
All assets are in /asset directory and called in the frontmatter.
Better use Squoosh to convert your pics to webp