AccordBox / wagtail-bootstrap-blog

Wagtail blog based on Bootstrap 5, support Markdown, Latex and user comments.

Home Page:https://www.accordbox.com/blog/wagtail-tutorials/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Introduction

This project is from my book Build Blog With Wagtail CMS

Other Wagtail Books Writeen by me

Objective

This book will teach you how to build a modern blog with Wagtail CMS

By the end of this course, you will be able to:

  1. Understand Docker and use Docker Compose to do development
  2. Create blog models to work with Wagtail.
  3. Import Bootstrap themes to the blog.
  4. Use PDB and Django shell to debug, test code and check data in terminal.
  5. Learn to use RoutablePage and add Date to the post url.
  6. Build Pagination component and correctly handle querystring.
  7. Make the blog supports writing in Markdown and Latex.
  8. Create contact page using Wagtail FormBuilder
  9. Build menu, meta tags, sitemap, robots.txt for better SEO.
  10. Build comment system based on django-contrib-comments which support Generic Relations
  11. Create Frontend project from python-webpack-boilerplate and load compiled CSS and JS in Django template.
  12. Learn SCSS and use it to customize style in quick way.
  13. Use Tribute.js, Axios to add Mention and Emoji support to the comment form.
  14. Learn Async/Await, Promise and the benefits.
  15. Deploy the production app to DigitalOcean

Tech

  • Python 3.8
  • Django 3.2
  • Wagtail 2.14
  • Node.js 12
  • Webpack 5
  • Bootstrap 5.1
  • Tribute.js
  • Axios

How to run on local

You need Docker and Docker Compose and you can install it here Get Docker

$ git clone https://github.com/AccordBox/wagtail-bootstrap-blog
$ cd wagtail-bootstrap-blog
# build and lanch app
$ docker-compose up --build

Now open a new terminal to import data and change password.

$ docker-compose exec web python manage.py load_initial_data
$ docker-compose exec web python manage.py changepassword admin

Now you can check on

Demo

The demo is also online if you want to check.

ScreenShot

ezoic increase your site revenue

About

Wagtail blog based on Bootstrap 5, support Markdown, Latex and user comments.

https://www.accordbox.com/blog/wagtail-tutorials/


Languages

Language:Python 50.3%Language:HTML 23.8%Language:JavaScript 9.0%Language:CSS 8.4%Language:Dockerfile 5.2%Language:Shell 2.4%Language:SCSS 0.9%