Upload qwen8b_coder_v1_fp16.gguf

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>暗黑博客</title>
<style>
/* 基础样式 */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-behavior: smooth;
}

body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background: linear-gradient(135deg, #0f0f2a, #26264d);
color: #fff;
overflow-x: hidden;
}

/* 动态背景 */
.background {
position: fixed;
top: 0; left: 0;
width: 100vw; height: 100vh;
background: radial-gradient(circle at center, rgba(255,255,255,0.05) 0%, transparent 70%);
pointer-events: none;
}

/* 动态粒子 */
.particles {
position: absolute;
width: 100vw; height: 100vh;
overflow: hidden;
}

.particle {
position: absolute;
background-color: rgba(255,255,255,0.2);
border-radius: 50%;
animation: float 4s infinite ease-in-out;
}

@keyframes
float {
0%, 100% { transform: translateY(-30px) scale(1); opacity: 0.6; }
50% { transform: translateY(20px) scale(1.2); opacity: 1; }
}

/* 导航栏 */
header {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 999;
backdrop-filter: blur(10px);
background: rgba(255,255,255,0.03);
}

nav {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 4rem;
}

.logo {
font-size: 1.8rem;
color: #00f2ff;
text-shadow: 0 0 15px #00f2ff, 0 0 30px #00f2ff;
animation: pulse 4s infinite;
}

@keyframes
pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}

.nav-links {
display: flex;
gap: 2rem;
}

.nav-links a {
color: #aaa;
text-decoration: none;
font-weight: bold;
transition: all 0.3s ease;
}

.nav-links a:hover {
color: #00f2ff;
transform: scale(1.2) rotate(5deg);
text-shadow: 0 0 10px #00f2ff;
}

/* 主体内容 */
main {
padding-top: 8rem;
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}

.hero {
max-width: 900px;
margin-bottom: 3rem;
padding: 2rem;
background: rgba(255,255,255,0.03);
backdrop-filter: blur(10px);
border-radius: 20px;
box-shadow: 0 0 40px #00f2ff;
}

.hero h1 {
font-size: 3rem;
margin-bottom: 1rem;
animation: glow 2s infinite alternate;
}

@keyframes
glow {
from { text-shadow: 0 0 5px #00f2ff; }
to { text-shadow: 0 0 20px #00f2ff, 0 0 40px #00f2ff; }
}

.hero p {
font-size: 1.2rem;
opacity: 0.9;
animation: fadeIn 2s ease-in-out;
}

@keyframes
fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

.blog-posts {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 2rem;
max-width: 1200px;
margin-top: 4rem;
}

.post-card {
background: rgba(255,255,255,0.05);
border-radius: 15px;
padding: 1.5rem;
box-shadow: 0 0 30px #00f2ff;
transition: transform 0.3s ease;
}

.post-card:hover {
transform: translateY(-10px);
box-shadow: 0 0 40px #00f2ff;
}

.post-card h3 {
margin-bottom: 0.5rem;
color: #00f2ff;
text-shadow: 0 0 8px #00f2ff;
}

.post-card p {
opacity: 0.9;
animation: fadeInUp 1s ease-in-out;
}

@keyframes
fadeInUp {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}

/* 动态背景效果 */
.background-wave {
position: absolute;
top: -50%;
left: -50%;
width: 200%;
height: 200%;
background: radial-gradient(circle at center, rgba(255,255,255,0.03) 0%, transparent 70%);
animation: waveMove 15s linear infinite;
}

@keyframes
waveMove {
0% { transform: translate(-50%, -50%) scale(1); }
100% { transform: translate(-50%, -50%) scale(0.8); }
}

/* 动态网格 */
.dynamic-grid {
position: absolute;
top: 0; left: 0;
width: 200%; height: 200%;
background: radial-gradient(circle at center, rgba(255,255,255,0.03) 0%, transparent 70%);
animation: gridMove 15s linear infinite;
}

@keyframes
gridMove {
0% { transform: translate(-50%, -50%) scale(1); }
100% { transform: translate(-50%, -50%) scale(0.8); }
}

/* 动态粒子 */
.particle-anim {
position: absolute;
width: 2px; height: 2px;
background-color: rgba(255,255,255,0.1);
border-radius: 50%;
animation: particleMove 4s infinite ease-in-out;
}

@keyframes
particleMove {
0% { transform: translateY(-30px) scale(1); opacity: 0.6; }
50% { transform: translateY(20px) scale(1.2); opacity: 1; }
100% { transform: translateY(-30px) scale(1); opacity: 0.6; }
}

/* 响应式设计 */

@media
(max-width: 768px) {
.hero h1 {
font-size: 2rem;
}

.blog-posts {
grid-template-columns: 1fr;
}
}
</style>
</head>
<body>


<div class="background">
<div class="particles"></div>
<div class="background-wave"></div>
<div class="dynamic-grid"></div>
</div>


<header>
<nav>
<div class="logo">暗黑博客</div>
<div class="nav-links">
<a href="#about">关于我</a>
<a href="#posts">文章</a>
<a href="#contact">联系</a>
</div>
</nav>
</header>


<main>
<section class="hero" id="about">
<h1>欢迎来到我的暗黑博客</h1>
<p>探索科技、设计与数字艺术的交汇点，在光影交错中发现创意的力量。</p>
</section>

<section class="blog-posts" id="posts">

<div class="post-card">
<h3>AI与未来</h3>
<p>探索人工智能如何改变我们的生活方式，从语音助手到自动驾驶汽车，科技正以前所未有的速度发展。</p>
</div>

<div class="post-card">
<h3>暗黑美学</h3>
<p>解析现代设计中使用的暗黑风格，了解其背后的心理学原理和视觉效果。</p>
</div>

<div class="post-card">
<h3>数字艺术</h3>
<p>探索数字绘画、生成艺术和VR体验如何重新定义艺术创作的形式与边界。</p>
</div>
</section>


<section class="contact" id="contact">
<h2 style="text-align:center; margin-bottom:2rem;">联系我</h2>
<form style="max-width:600px;margin:auto;">
<input type="text" placeholder="你的名字" required style="width:100%;padding:1rem;background:rgba(255,255,255,0.03);border:none;border-radius:8px;box-shadow:0 0 10px #00f2ff;margin-bottom:1rem;">
<input type="email" placeholder="你的邮箱" required style="width:100%;padding:1rem;background:rgba(255,255,255,0.03);border:none;border-radius:8px;box-shadow:0 0 10px #00f2ff;margin-bottom:1rem;">
<textarea rows="5" placeholder="你的消息" required style="width:100%;padding:1rem;background:rgba(255,255,255,0.03);border:none;border-radius:8px;box-shadow:0 0 10px #00f2ff;"></textarea>
<button type="submit" style="width:100%;padding:1rem;background:#00f2ff;color:#000;border:none;border-radius:8px;cursor:pointer;transition:background 0.3s ease;">发送消息</button>
</form>
</section>
</main>


<script>
// 创建动态粒子
for (let i = 0; i < 150; i++) {
const particle = document.createElement('div');
particle.classList.add('particle-anim');
particle.style.left = Math.random() * 100 + 'vw';
particle.style.top = Math.random() * 100 + 'vh';
particle.style.animationDuration = (Math.random() * 4 + 2) + 's';
document.querySelector('.particles').appendChild(particle);
}
</script>
</body>
</html>

Files changed (2) hide show

.gitattributes +1 -0
qwen8b_coder_v1_fp16.gguf +3 -0

.gitattributes CHANGED Viewed

@@ -35,3 +35,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
 qwen3c_fp16.Q4_K_M.gguf filter=lfs diff=lfs merge=lfs -text
 qwen3c_fp16.gguf filter=lfs diff=lfs merge=lfs -text

 *tfevents* filter=lfs diff=lfs merge=lfs -text
 qwen3c_fp16.Q4_K_M.gguf filter=lfs diff=lfs merge=lfs -text
 qwen3c_fp16.gguf filter=lfs diff=lfs merge=lfs -text
+qwen8b_coder_v1_fp16.gguf filter=lfs diff=lfs merge=lfs -text

qwen8b_coder_v1_fp16.gguf ADDED Viewed

	@@ -0,0 +1,3 @@

+version https://git-lfs.github.com/spec/v1
+oid sha256:368be40b43350a1334583b9a7d4025735f698b2f9543deb2b6f414a5c962f44c
+size 16388039328