Your Name
6d4368fbd1
Features: - Modern UI with dark mode support - Code highlighting with copy button - Auto table of contents - Reading time & views counter - Responsive design - Admin settings page - AJAX search
69 lines
4.5 KiB
XML
Executable File
69 lines
4.5 KiB
XML
Executable File
<?xml version="1.0" encoding="UTF-8"?>
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 900">
|
|
<!-- Background -->
|
|
<rect width="1200" height="900" fill="#f8fafc"/>
|
|
|
|
<!-- Header -->
|
|
<rect x="0" y="0" width="1200" height="64" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<text x="40" y="40" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#1e293b">TechBlog Pro</text>
|
|
|
|
<!-- Navigation -->
|
|
<text x="900" y="40" font-family="Arial, sans-serif" font-size="14" fill="#475569">首页 博客 Linux Docker K8s</text>
|
|
|
|
<!-- Hero Section -->
|
|
<rect x="40" y="100" width="1120" height="180" rx="16" fill="url(#gradient1)"/>
|
|
<defs>
|
|
<linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#2563eb"/>
|
|
<stop offset="100%" style="stop-color:#7c3aed"/>
|
|
</linearGradient>
|
|
</defs>
|
|
<text x="80" y="170" font-family="Arial, sans-serif" font-size="36" font-weight="bold" fill="#ffffff">探索技术世界</text>
|
|
<text x="80" y="220" font-family="Arial, sans-serif" font-size="18" fill="rgba(255,255,255,0.9)">分享最新的IT技术、编程教程、系统运维经验</text>
|
|
|
|
<!-- Post Card 1 -->
|
|
<rect x="40" y="320" width="780" height="200" rx="12" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<rect x="60" y="340" width="80" height="24" rx="12" fill="#2563eb"/>
|
|
<text x="80" y="357" font-family="Arial, sans-serif" font-size="10" fill="#ffffff">LINUX</text>
|
|
<text x="60" y="400" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#1e293b">Ubuntu 24.04 LTS 安装配置指南</text>
|
|
<text x="60" y="440" font-family="Arial, sans-serif" font-size="14" fill="#475569">详细介绍如何在服务器上安装和配置 Ubuntu 24.04 LTS...</text>
|
|
<text x="60" y="490" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">⏱ 8 分钟阅读 👁 1.2k 阅读</text>
|
|
|
|
<!-- Post Card 2 -->
|
|
<rect x="40" y="540" width="780" height="160" rx="12" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<rect x="60" y="560" width="90" height="24" rx="12" fill="#7c3aed"/>
|
|
<text x="82" y="577" font-family="Arial, sans-serif" font-size="10" fill="#ffffff">DOCKER</text>
|
|
<text x="60" y="620" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#1e293b">Docker Compose 实战教程</text>
|
|
<text x="60" y="650" font-family="Arial, sans-serif" font-size="14" fill="#475569">使用 Docker Compose 编排多容器应用...</text>
|
|
|
|
<!-- Sidebar -->
|
|
<rect x="860" y="320" width="300" height="200" rx="12" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<text x="880" y="360" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#1e293b">📂 文章分类</text>
|
|
<text x="880" y="395" font-family="Arial, sans-serif" font-size="13" fill="#475569">Linux (24)</text>
|
|
<text x="880" y="425" font-family="Arial, sans-serif" font-size="13" fill="#475569">Docker (18)</text>
|
|
<text x="880" y="455" font-family="Arial, sans-serif" font-size="13" fill="#475569">Kubernetes (15)</text>
|
|
<text x="880" y="485" font-family="Arial, sans-serif" font-size="13" fill="#475569">Python (12)</text>
|
|
|
|
<rect x="860" y="540" width="300" height="160" rx="12" fill="#ffffff" stroke="#e2e8f0"/>
|
|
<text x="880" y="580" font-family="Arial, sans-serif" font-size="14" font-weight="bold" fill="#1e293b">🏷️ 热门标签</text>
|
|
<rect x="880" y="600" width="60" height="28" rx="14" fill="#f1f5f9"/>
|
|
<text x="895" y="619" font-family="Arial, sans-serif" font-size="11" fill="#475569">Docker</text>
|
|
<rect x="950" y="600" width="80" height="28" rx="14" fill="#f1f5f9"/>
|
|
<text x="965" y="619" font-family="Arial, sans-serif" font-size="11" fill="#475569">Kubernetes</text>
|
|
<rect x="1040" y="600" width="50" height="28" rx="14" fill="#f1f5f9"/>
|
|
<text x="1050" y="619" font-family="Arial, sans-serif" font-size="11" fill="#475569">Linux</text>
|
|
|
|
<!-- Footer -->
|
|
<rect x="0" y="780" width="1200" height="120" fill="#f8fafc" stroke="#e2e8f0"/>
|
|
<text x="40" y="830" font-family="Arial, sans-serif" font-size="14" fill="#475569">一个专注于IT技术分享的博客</text>
|
|
<text x="40" y="870" font-family="Arial, sans-serif" font-size="12" fill="#94a3b8">© 2024 TechBlog Pro. All rights reserved.</text>
|
|
|
|
<!-- Dark mode toggle -->
|
|
<circle cx="1140" cy="32" r="16" fill="none" stroke="#475569" stroke-width="2"/>
|
|
<path d="M1132 32a8 8 0 0116 0" fill="#475569"/>
|
|
|
|
<!-- Search icon -->
|
|
<circle cx="1100" cy="32" r="8" fill="none" stroke="#475569" stroke-width="2"/>
|
|
<line x1="1106" y1="38" x2="1112" y2="44" stroke="#475569" stroke-width="2"/>
|
|
</svg>
|