estel/estel_docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

lint --fix

Browse Source
This commit is contained in:
estel
2025-08-07 22:21:00 +08:00
parent 8e66c0fc56
commit c6ca2507ae
6 changed files with 37 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/blog/BlogHero.vue
View File

@@ -9,10 +9,10 @@
loading="lazy"
sizes="100vw sm:50vw md:33vw"
/>
<!-- 渐变遮罩 -->
<!-- <div class="absolute inset-0 bg-gradient-to-r from-black/60 via-black/40 to-transparent"></div> -->
<!-- 内容区域 -->
<!-- <div class="absolute inset-0 flex items-center justify-start p-8">
<div class="max-w-2xl">
@@ -36,5 +36,3 @@
</div> -->
</div>
</template>

10
app/components/blog/indexBlog.vue
View File

@@ -38,8 +38,6 @@ const formatDate = (date: string | Date | null | undefined) => {
<template>
<div class="w-full bg-gray-50 dark:bg-gray-900 min-h-screen mt-4">
<div class="max-w-4xl mx-auto ">
<!-- 文章列表 -->
<div class="space-y-6 w-full">
<NuxtLink
@@ -55,13 +53,13 @@ const formatDate = (date: string | Date | null | undefined) => {
<div class="flex flex-row">
<!-- 图片预览区域 -->
<div class="w-32 h-32 md:w-40 md:h-40 mt-2 ml-2 mb-2 md:mr-2 -mr-1 bg-gray-100 dark:bg-gray-700 rounded-xl overflow-hidden">
<img
:src="item.img || '/images/default-blog.jpg'"
<img
:src="item.img || '/images/default-blog.jpg'"
:alt="item.title"
class="w-full h-full object-contain group-hover:scale-110 transition-transform duration-300"
/>
>
</div>
<!-- 文字内容区域 -->
<div class="flex-1 p-4 md:p-6">
<!-- 文章头部 -->

3
app/pages/blog/[...slug].vue
View File

@@ -162,7 +162,7 @@ const links = computed(() => {
<UContentSurround :surround="surround" />
</UPageBody>
<template
<template
v-if="page?.body?.toc?.links?.length"
#right
>
@@ -174,7 +174,6 @@ const links = computed(() => {
root: 'fixed w-full xl:right-12 xl:w-64 z-50 bg-white dark:bg-gray-900 lg:border border-gray-200 dark:border-gray-700 rounded-lg lg:shadow-lg lg:mt-5'
}"
>
<template
v-if="appConfig.toc?.bottom"
#bottom

3
app/pages/docs/[...slug].vue
View File

@@ -162,7 +162,7 @@ const links = computed(() => {
<UContentSurround :surround="surround" />
</UPageBody>
<template
<template
v-if="page?.body?.toc?.links?.length"
#right
>
@@ -174,7 +174,6 @@ const links = computed(() => {
root: 'fixed w-full xl:right-12 xl:w-64 z-50 bg-white dark:bg-gray-900 lg:border border-gray-200 dark:border-gray-700 rounded-lg lg:shadow-lg lg:mt-5'
}"
>
<template
v-if="appConfig.toc?.bottom"
#bottom

35
app/pages/index.vue
View File

@@ -1,5 +1,6 @@
<script setup lang="ts">
import { useSeoMeta } from '#imports'
definePageMeta({
layout: 'docs'
})
@@ -8,7 +9,7 @@ useSeoMeta({
title: 'Estel Docs',
description: '简约而强大的文档系统，为技术分享而生',
ogTitle: 'Estel Docs',
ogDescription: '简约而强大的文档系统，为技术分享而生',
ogDescription: '简约而强大的文档系统，为技术分享而生'
})
</script>
@@ -51,7 +52,10 @@ useSeoMeta({
</p>
<div class="flex items-center justify-center text-blue-600 dark:text-blue-400 group-hover:text-blue-700 dark:group-hover:text-blue-300 transition-colors">
<span class="mr-2">开始阅读</span>
<UIcon name="lucide-arrow-right" size="20" />
<UIcon
name="lucide-arrow-right"
size="20"
/>
</div>
</div>
</NuxtLink>
@@ -76,7 +80,10 @@ useSeoMeta({
</p>
<div class="flex items-center justify-center text-green-600 dark:text-green-400 group-hover:text-green-700 dark:group-hover:text-green-300 transition-colors">
<span class="mr-2">开始阅读</span>
<UIcon name="lucide-arrow-right" size="20" />
<UIcon
name="lucide-arrow-right"
size="20"
/>
</div>
</div>
</NuxtLink>
@@ -86,14 +93,28 @@ useSeoMeta({
<div class="text-center mt-16">
<div class="flex items-center justify-center gap-8 text-sm text-gray-500 dark:text-gray-400">
<div class="flex items-center gap-2">
<UIcon name="lucide-github" size="16" />
<a href="https://github.com/estel-li/estel-docs" target="_blank" class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors">
<UIcon
name="lucide-github"
size="16"
/>
<a
href="https://github.com/estel-li/estel-docs"
target="_blank"
class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors"
>
GitHub
</a>
</div>
<div class="flex items-center gap-2">
<UIcon name="lucide-globe" size="16" />
<a href="https://lijue.me" target="_blank" class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors">
<UIcon
name="lucide-globe"
size="16"
/>
<a
href="https://lijue.me"
target="_blank"
class="hover:text-gray-700 dark:hover:text-gray-200 transition-colors"
>
个人博客
</a>
</div>

2
nuxt.config.ts
View File

@@ -24,7 +24,7 @@ export default defineNuxtConfig({
},
highlight: {
langs:
['js', 'ts', 'jsx', 'tsx', 'js', 'json', 'bash', 'python', 'html', 'css', 'sql',
['js', 'ts', 'jsx', 'tsx', 'js', 'json', 'bash', 'python', 'html', 'css', 'sql',
'yaml', 'md', 'sh', 'go', 'java', 'c', 'cpp', 'php', 'ruby', 'swift', 'html'],
theme: {
// Default theme (same as single string)