Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/simatwa/youtube-blog

Blogging site optimized for YouTubers
https://github.com/simatwa/youtube-blog

blogging-site flask flask-app flask-application youtube youtube-blogging-site

Last synced: 3 days ago
JSON representation

Blogging site optimized for YouTubers

Awesome Lists containing this project

README

        

Youtube-Blog



Github
Coverage
wakatime

Code-style

A blogging site optimized for YouTubers.

1. Users End

| Collection 1 | Collection 2 | Collection 3 | Collection 4 |
|--------------|--------------|--------------|--------------|
| ![demo](assets/demo/index.jpg) | ![demo](assets/demo/index-sidebar.jpg) | ![demo](assets/demo/blog-image.jpg) | ![demo](assets/demo/blog-view.jpg) |
| ![demo](assets/demo/Warning-alert.jpg) | ![demo](assets/demo/critical-alert.jpg) | ![demo](assets/demo/live-search.jpg) | ![demo](assets/demo/search.jpg) |
| ![demo](assets/demo/syntax-highlighting.jpg) | ![demo](assets/demo/syntax-highlighting-1.jpg) | ![demo](assets/demo/syntax-highlighting-2.jpg) | ![demo](assets/demo/syntax-highlighting-2-3.jpg) |
| ![demo]() |
| ![demo](assets/demo/blog-leave%20a%20comment.jpg) | ![demo](assets/demo/blog-comment-section.jpg) | ![demo](assets/demo/success-alert.jpg) | ![demo](assets/demo/comments.jpg) |

2. Admin

| Collection 1 | Collection 2 | Collection 3 | Collection 4 |
|--------------|--------------|--------------|--------------|
| ![demo](assets/demo/admin-login.jpg) | ![demo](assets/demo/admin-welcome.jpg) | ![demo](assets/demo/admin-home.jpg) | ![demo](assets/demo/admin-models.jpg) |
| ![demo](assets/demo/admin-most-viewed-article.jpg) | ![demo](assets/demo/admin-blogs-demo.jpg) | ![demo](assets/demo/admin-files.jpg) | ![demo](assets/demo/admin-edit-admins.jpg) |
| ![demo](assets/demo/admin-edit-blog-1.jpg) | ![demo](assets/demo/admin-edit-blog-2.jpg) | ![demo](assets/demo/admin-edit-blog-booleans.jpg) | ![demo](assets/demo/admin-edit-blog-images.jpg) |
| ![demo](assets/demo/admin-blog-publish.jpg) | ![demo](assets/demo/admin-edit-comment.jpg) | ![demo](assets/demo/admin-edit-message.jpg) | ![demo](assets/demo/admin-footer.jpg) |

This platform provides a mobile-friendly interface and offers various features to enhance your blogging experience. With Youtube-Blog, you can easily manage your content, convert Markdown to HTML, integrate ads, and engage with your audience through comments and likes.

## Features
- Mobile friendly: Enjoy a seamless browsing experience on mobile devices.
- Admin endpoint: Easily manage your content through the admin endpoint.
- File Management endpoint: Efficiently handle file management tasks.
- Markdown to HTML conversion: Convert your Markdown content to HTML for a visually appealing presentation.
- Content's subscription: Allow users to subscribe to your content for regular updates.
- Mail subscribers: Communicate with your subscribers at the convenience of your admin panel.
- Ads integration support: Monetize your blog by integrating ads into your articles.
- Auto SEO: Optimize your blog for search engines automatically.
- Comment Section: Engage with your audience through a comment section for each article.
- Views count per article: Keep track of the number of views each article receives.
- Likes count per article: Enable users to show their appreciation by liking your articles.
- Youtube linking: Let users enjoy your youtube content's at the comfort of your website.

Other minor features include:

- Auto-generate Audio & Video HTML tags: Easily embed audio and video content in your articles.
- Live Article Search: Quickly find articles using the search functionality.
- Social Media Integration: Share your articles on various social media platforms.
- M-M Category-Blog relation: Categorize your articles for easy navigation.
- Auto-rank trending blogs: Highlight trending blogs to attract more readers.

## Technologies used

Youtube-Blog is built using the following technologies:

- W3CS: CSS Framework by w3schools.
- W3JS: Javascript framework by w3schools.
- HTML: Markup language for creating web pages.
- FLASK: Python-based web framework for building web applications.

## Installation and Usage

### Installation

To install Youtube-Blog, make sure you have Python 3.8 or higher installed on your system. Then, follow these steps:

1. Clone the repository:

```
git clone https://github.com/Simatwa/Youtube-Blog.git
cd Youtube-Blog
```

2. Install the required dependencies:

```
pip install -r requirements.txt
```

### Usage

Before running the site, you need to set up the environment variables. Edit the [env](env) file according to your preferences and rename it to *.env*.

To set up an admin account for content management, run the following command:

```
flask user create-admin
```

Follow the prompts to create the admin account. Once done, start the server by running:

```
flask run
```

You can access the site at `http://localhost:5000`, and the admin endpoint at `http://localhost:5000/admin`.

## Further info

To insert audio or video in an article, use the format `%(file_n)s`, where **n** is the file number at upload.

To append a path to an image or any other file (excluding video and audio), use the format `%(category_n)s`, where **category** can be either *file* or *image*, and **n** is the media position at upload.

To insert ads into an article, use the tag `{ads}` anywhere within the article. You can use the tag multiple times to display multiple ads.

> [!Note]
> Script-based tags are rendered immediately before the `