RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update blog

Browse Source 
Signed-off-by: nurRiyad <asadnurriyad@gmail.com>
This commit is contained in:
nurRiyad
2023-01-09 00:47:58 +06:00
parent 5f41fe784d
commit a17ca2999f
6 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/archive/card.vue
View File

@@ -9,7 +9,7 @@ defineProps<{
<template> <template>
<article class="group border p-5 m-2 rounded-2xl shadow-lg text-zinc-700"> <article class="group border p-5 m-2 rounded-2xl shadow-lg text-zinc-700">
<NuxtLink to="/home" class="grid grid-cols-1 sm:grid-cols-9 gap-5"> <NuxtLink :to="slug" class="grid grid-cols-1 sm:grid-cols-9 gap-5">
<div class="sm:col-span-2"> <div class="sm:col-span-2">
<img <img
class="lg:h-48 md:h-36 sm:h-36 w-full object-cover object-center rounded-2xl shadow-lg group-hover:scale-[1.05] transition-all duration-500" class="lg:h-48 md:h-36 sm:h-36 w-full object-cover object-center rounded-2xl shadow-lg group-hover:scale-[1.05] transition-all duration-500"

2
components/blog/card.vue
View File

@@ -9,7 +9,7 @@ defineProps<{
<template> <template>
<article class="group border p-5 m-2 rounded-2xl shadow-lg text-zinc-700"> <article class="group border p-5 m-2 rounded-2xl shadow-lg text-zinc-700">
<NuxtLink to="/home" class=""> <NuxtLink :to="slug" class="">
<img <img
class="lg:h-48 md:h-36 w-full object-cover object-center rounded-2xl shadow-lg group-hover:scale-[1.05] transition-all duration-500" class="lg:h-48 md:h-36 w-full object-cover object-center rounded-2xl shadow-lg group-hover:scale-[1.05] transition-all duration-500"
src="/blogs/hello-world/riyad.jpg" src="/blogs/hello-world/riyad.jpg"

0
components/content/CunstomDate.vue Normal file
View File

5
components/content/CustomTag.vue Normal file
View File

@@ -0,0 +1,5 @@
<template>
<div class="py-5 px-2 m-2 text-center prose-h1:no-underline">
<slot />
</div>
</template>

5
content/blogs/1. hello-world.md
View File

@@ -3,12 +3,11 @@ title: 'Title of the page'
description: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima eum, odit earum porro beatae explicabo quisquam asperiores aliquam similique ipsam non deleniti qui sint ad maxime culpa accusantium. Deleniti.' description: 'Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima eum, odit earum porro beatae explicabo quisquam asperiores aliquam similique ipsam non deleniti qui sint ad maxime culpa accusantium. Deleniti.'
--- ---
# Hello world <h1 class="text-center py-6">How to create a blog size with nuxt3 and nuxt-content-v2</h1>
<img class="m-auto rounded-2xl shadow-lg h-96 w-4/5 content-center object-cover" src="/blogs/hello-man/riyad.jpg" alt="resdlkf"/>
## Details ## Details
![alt text](/img/riyad.jpg)
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam incidunt, ipsa ea voluptatibus quas vitae dolorem officia vero rerum at atque non magni esse, enim ducimus asperiores numquam perspiciatis quaerat, quisquam placeat. Explicabo vero ad, reprehenderit veritatis itaque architecto cumque provident odit modi accusantium necessitatibus dolorem pariatur recusandae possimus tempora. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam incidunt, ipsa ea voluptatibus quas vitae dolorem officia vero rerum at atque non magni esse, enim ducimus asperiores numquam perspiciatis quaerat, quisquam placeat. Explicabo vero ad, reprehenderit veritatis itaque architecto cumque provident odit modi accusantium necessitatibus dolorem pariatur recusandae possimus tempora.
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam incidunt, ipsa ea voluptatibus quas vitae dolorem officia vero rerum at atque non magni esse, enim ducimus asperiores numquam perspiciatis quaerat, quisquam placeat. Explicabo vero ad, reprehenderit veritatis itaque architecto cumque provident odit modi accusantium necessitatibus dolorem pariatur recusandae possimus tempora. Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aperiam incidunt, ipsa ea voluptatibus quas vitae dolorem officia vero rerum at atque non magni esse, enim ducimus asperiores numquam perspiciatis quaerat, quisquam placeat. Explicabo vero ad, reprehenderit veritatis itaque architecto cumque provident odit modi accusantium necessitatibus dolorem pariatur recusandae possimus tempora.

6
pages/blogs/[blog].vue
View File

@@ -1,5 +1,9 @@
<template> <template>
<div class="container mx-auto prose prose-slate max-w-7xl"> <main class="px-6 container max-w-5xl mx-auto">
<div
class="prose md:prose-lg prose-h1:no-underline max-w-5xl mx-auto prose-zinc prose-img:rounded-lg prose-headings:underline"
>
<ContentDoc /> <ContentDoc />
</div> </div>
</main>
</template> </template>