Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/simatwa/youtube-blog
- Owner: Simatwa
- Created: 2023-07-15T22:16:28.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-20T12:40:50.000Z (3 months ago)
- Last Synced: 2024-10-18T00:52:47.119Z (22 days ago)
- Topics: blogging-site, flask, flask-app, flask-application, youtube, youtube-blogging-site
- Language: Python
- Homepage: https://youtubeblog.pythonanywhere.com
- Size: 17.8 MB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Youtube-Blog
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 `