Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/DevRohit06/blog
A Blogging website made using Astro and Tailwind css
https://github.com/DevRohit06/blog
astro astrojs astrojs-blog blog blog-website javascript tailwindcss trending typescript
Last synced: 30 days ago
JSON representation
A Blogging website made using Astro and Tailwind css
- Host: GitHub
- URL: https://github.com/DevRohit06/blog
- Owner: DevRohit06
- License: mit
- Created: 2023-08-02T19:30:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-08-23T16:36:12.000Z (over 1 year ago)
- Last Synced: 2024-08-03T22:15:04.220Z (4 months ago)
- Topics: astro, astrojs, astrojs-blog, blog, blog-website, javascript, tailwindcss, trending, typescript
- Language: Astro
- Homepage: https://devblogs.xyz
- Size: 2.37 MB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- jimsghstars - DevRohit06/blog - A Blogging website made using Astro and Tailwind css (Astro)
README
# DevBlogs - A Blogging Website
## Introduction
Welcome to Bloggling - a modern and elegant blogging website built using [Astro](https://astro.build) and [Tailwind CSS](https://tailwindcss.com). Bloggling offers a seamless experience for both bloggers and readers, with its intuitive user interface and responsive design. Whether you're a seasoned blogger or just starting your writing journey, Bloggling provides an ideal platform to share your thoughts with the world.
## Features
- **Fast and Efficient:** Bloggling leverages Astro's static site generation to ensure lightning-fast loading times and optimal performance.
- **Beautiful Design:** The website's design is powered by Tailwind CSS, offering a visually appealing and responsive layout across all devices.
- **User-Friendly Interface:** With a clean and intuitive user interface, Bloggling makes writing and managing blog posts a breeze.
- **Categories and Tags:** Organize your blog posts using categories and tags to help readers discover content relevant to their interests.
- **SEO Friendly:** Bloggling is designed with SEO best practices in mind, ensuring your blog posts rank well in search engines.
## Getting Started
To run Bloggling locally and start writing your blogs, follow these steps:
1. Clone the repository:
```
https://github.com/DevRohit06/blog.git
```
2. Navigate to the project directory:
```
cd blog
```
3. Install dependencies:
```
yarn install or npm install
```
4. Start the development server:
```
npm run dev or yarn run dev
```
This will launch the website on `http://localhost:3000` by default.
## Writing Blog Posts
To write a new blog post, follow these steps:
1. Create a new `.md` file in the `src/posts` directory with your blog content. You can use Markdown syntax for formatting.
2. Add frontmatter at the top of the file to specify the title, date, category, and tags of your blog post:
```md
---
title: My Awesome Blog Post
date: 2023-08-01
description: This is description
ogImagePath: hero image
tags: [Programming, Web Development]
---
```
3. Save the file, and the website will automatically generate the new blog post.
## Deployment
To deploy Bloggling to a static hosting service, run the following command:
```
npm run build or yarn run build
```
This will create a `build` directory containing the static assets ready for deployment.
## Contributing
We welcome contributions to make Bloggling even better! If you find a bug or have an idea for improvement, feel free to open an issue or submit a pull request on [GitHub](https://github.com/yDevRohit06/blog).
## License
Blog is open-source and released under the [MIT License](https://opensource.org/licenses/MIT).
---
We hope you enjoy using Bloggling to create and share captivating blog posts. Happy blogging!
[Live Demo](https://blog-trohit06.vercel.app) | [GitHub Repository](https://github.com/DevRohit06/blog.git)