CreateMyBlog is a blog built with Eleventy, featuring the following functionalities:
- 🏡 Blog Home Page
- 📚 Archive Page
- 🔢 Pagination
- 🏷️ Categories/Tags
- 📡 RSS Feed
- 🌑 Dark Mode
- 🔍 SEO Optimized
- ♿ Accessibility
- 🖼️ Automatic Image Optimization
- ✂️ Automatic Minifier for Optimization
- 💯 100 Score on Performance, Accessibility, SEO, and Best Practices on Both Mobile and Desktop
- 🎉 Free Hosting
To use this project, make sure you have npm and git installed on your device.
-
Fork the Repository
Fork the repository on GitHub or download it directly. -
Clone the Forked Repository
Use the command to clone the repository to your local machine:git clone https://github.com/your-username/create-my-blog.git
-
Install Dependencies
Navigate to the project folder and install the dependencies:cd eleventy-blog npm install
-
Add you Metadata Navigate to metadata.json file inside
blog/_data
and add your data. -
Write or Edit Blog Posts
Add new blog posts by creating a new.md
file or edit the sample files in theblog/posts
folder. -
Build the Blog
To build and serve the blog locally, use this command:npx @11ty/eleventy --serve
-
Host Your Blog
You can host your forked blog for free on platforms like GitHub Pages, Cloudflare Pages, Netlify, or Vercel. These platforms support static file hosting and automated deployment.
-
Sign in to Vercel
Sign in to Vercel using your GitHub account. -
Import Your Forked Repo
After signing in, choose the Import Project option and select your forked repository. -
Select the Output Directory
When setting up the project, select the_site
folder as the output directory (this is where Eleventy generates the static files). -
Deploy Your Blog
Vercel will automatically build and deploy your site after selecting the repository and folder. Once complete, your blog will be live.
Any updates or new posts you push to your GitHub repository will automatically trigger a deployment on Vercel (or other hosting services like Netlify). This ensures your changes are live instantly without needing manual intervention.
This project is free, and you are welcome to do anything you want with it. My sole purpose in creating this blog is to support Arabic content writers in producing high-quality content freely, without the constraints and control of social media platforms. This blog provides a platform for independent publishing, allowing you to focus on your ideas and creativity.