DownloadLaravel Markdown Blog
An example blog application using Laravel, Markdown, Prism JS and Markdown JS - the right way.
Live Demo -
http://laravel-markdown-blog.herokuapp.com
Why I've done this ?
Basically I love to write blog articles on my DevsEnv - https://devsenv.com website by Laravel which uses Tiny MCE Editor, but I'm not satisfied with that. I believe, using Markdown is just a much better way to write blog articles.
Versions
-
PHP - `^7.3|^8.0`
-
Laravel - `^8.75`
External packages, I used
-
Laravel Markdown Parser - https://github.com/GrahamCampbell/Laravel-Markdown
-
JavaScript Markdown Editor - https://github.com/sparksuite/simplemde-markdown-editor
-
PrismJS - https://prismjs.com/
-
SimpleMDE - https://simplemde.com/
How to Start
## Clone repository
git clone https://github.com/ManiruzzamanAkash/laravel-markdown-blog.git
## Go to that folder
cd laravel-markdown-blog
## Install composer
composer install
## Create file .env and
Copy .env.example to .env
## Create a database called
laravel_markdown
## Generate Key
php artisan key:generate
# Run migrations and seeder file to seed 1,000 tutorials
php artisan migrate --seed
## Install node, as we've used Tailwind CSS
npm install
## Run tailwind CSS in watch mode to detect any file change
## and automatically generate app.css in public/css/app.css
npm run watch
Screenshots
Tutorial Lists Page

Tutorial Create Page

Tutorial Create Tutorial Fill Data

Tutorial Detail Page

Tutorial Edit Page

After Save Tutorial

|