init

resources/views/public/guides/show.blade.php

@@ -0,0 +1,49 @@
+@extends('layouts.site')
+
+@section('page_class', 'page-guides')
+@section('title', $item->seo_title ?: $item->title.' - AI教程')
+@section('meta_description', $item->seo_description ?: $item->excerpt)
+@section('canonical', $item->canonical_url ?: route('guides.show', $item->slug))
+
+@section('head')
+<script type="application/ld+json">
+{!! json_encode([
+    '@context' => 'https://schema.org',
+    '@type' => 'TechArticle',
+    'headline' => $item->title,
+    'description' => $item->excerpt,
+    'datePublished' => $item->published_at?->toIso8601String(),
+    'dateModified' => $item->updated_at?->toIso8601String(),
+    'mainEntityOfPage' => route('guides.show', $item->slug),
+], JSON_UNESCAPED_UNICODE|JSON_UNESCAPED_SLASHES|JSON_PRETTY_PRINT) !!}
+</script>
+@endsection
+
+@section('content')
+<section class="module-hero">
+    <div class="position-relative">
+        <span class="hero-chip mb-3"><i class="bi bi-journal-code"></i> {{ strtoupper($item->difficulty ?? 'guide') }}</span>
+        <h1 class="h2 fw-bold mb-2">{{ $item->h1 ?: $item->title }}</h1>
+        <p class="hero-subtext">{{ $item->excerpt }}</p>
+    </div>
+</section>
+
+<div class="module-grid">
+    <div>
+        <article class="surface-card p-3 p-lg-4">
+            <div class="md-content">{!! $bodyHtml !!}</div>
+        </article>
+    </div>
+
+    <aside>
+        <div class="surface-card p-3 p-lg-4">
+            <h3 class="section-title mb-3">学习信息</h3>
+            <ul class="list-unstyled small mb-0">
+                <li class="mb-2">难度：<strong>{{ $item->difficulty }}</strong></li>
+                <li class="mb-2">发布时间：<strong>{{ $item->published_at?->format('Y-m-d H:i') ?? '-' }}</strong></li>
+                <li>最后更新：<strong>{{ $item->updated_at?->format('Y-m-d H:i') ?? '-' }}</strong></li>
+            </ul>
+        </div>
+    </aside>
+</div>
+@endsection