Возьмем этот шаблон: https://www.free-css.com/free-css-templates/page244/markedia .
Создадим контроллер:
php artisan make:controller PostController
С содержимым:
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; class PostController extends Controller { public function index() { return view('posts.index'); } public function show() { return true; } }
Создадим вью resources/views/posts/index.blade.php и скопируем туда содержимое файла index нашей темы.
Добавим руты:
Route::get('/', 'PostController@index')->name('home'); Route::get('/article/{slug}', 'PostController@show')->name('posts.single');
Скопируем все файлы нашей темы в папку resources/assets/front (кроме html файлов).
Скрипты и стили (Webpack)
Из нашего файла resources/views/posts/index.blade.php соберем все подключенные файлы и с помощью вебпака перенесем их в паблик:
mix.scripts([ 'resources/assets/front/js/jquery.min.js', 'resources/assets/front/js/tether.min.js', 'resources/assets/front/js/bootstrap.min.js', 'resources/assets/front/js/animate.js', 'resources/assets/front/js/custom.js', 'resources/assets/front/js/my.js', ], 'public/assets/front/js/my.js'); mix.styles([ 'resources/assets/front/css/bootstrap.css', 'resources/assets/front/css/font-awesome.min.css', 'resources/assets/front/style.css', 'resources/assets/front/css/animate.css', 'resources/assets/front/css/responsive.css', 'resources/assets/front/css/colors.css', 'resources/assets/front/css/version/marketing.css', 'resources/assets/front/css/my.css', ], 'public/assets/front/css/my.css'); mix.copyDirectory('resources/assets/front/images', 'public/assets/front/images'); mix.copyDirectory('resources/assets/front/fonts', 'public/assets/front/fonts'); mix.copyDirectory('resources/assets/front/upload', 'public/assets/front/upload');
Подключим собранные js и css файлы в шаблон в нужных местах:
<link href="{{ asset('assets/front/css/my.css') }}" rel="stylesheet"> <script src="{{ asset('assets/front/js/my.js') }}"></script>
В самом файле и в некоторых файлах css и js поменяем пути на правильные.
И запустим вебпак:
npm run dev