<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>AI绘画 on JiangYM's Blog</title><link>https://jiangym.top/tags/ai%E7%BB%98%E7%94%BB/</link><description>Recent content from JiangYM's Blog</description><generator>Hugo</generator><language>zh-cn</language><managingEditor>xxx@example.com (JiangYM)</managingEditor><webMaster>xxx@example.com (JiangYM)</webMaster><copyright>本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！</copyright><lastBuildDate>Mon, 17 Aug 2026 06:20:00 +0800</lastBuildDate><atom:link href="https://jiangym.top/tags/ai%E7%BB%98%E7%94%BB/index.xml" rel="self" type="application/rss+xml"/><item><title>🖼️ AI 画廊</title><link>https://jiangym.top/post/ai-gallery/</link><pubDate>Mon, 17 Aug 2026 06:20:00 +0800</pubDate><author>xxx@example.com (JiangYM)</author><guid>https://jiangym.top/post/ai-gallery/</guid><description>
<![CDATA[<h1>🖼️ AI 画廊</h1><p>作者：JiangYM（xxx@example.com）</p>
        
          <h2 id="-ai-画廊">
<a class="header-anchor" href="#-ai-%e7%94%bb%e5%bb%8a"></a>
🖼️ AI 画廊
</h2><p>这里收录一些用 AI 生成的图片作品，点击缩略图可以查看大图，支持下载原图。</p>
<hr>
<h3 id="-二次元同人">
<a class="header-anchor" href="#-%e4%ba%8c%e6%ac%a1%e5%85%83%e5%90%8c%e4%ba%ba"></a>
🌸 二次元同人
</h3><div class="gallery-container">
<figure class="gallery-item" data-full="/gallery/mushoku-banner.png" data-title="无职转生 - 三女主">
  <img loading="lazy" src="/gallery/thumbs/mushoku-banner.jpg" alt="无职转生 - 三女主">
  <figcaption>
    <span class="gallery-title">三女主合集</span>
    <button class="gallery-download" onclick="event.stopPropagation(); downloadImage('/gallery/mushoku-banner.png', 'mushoku-banner.png')">⬇ 下载</button>
  </figcaption>
</figure>
<figure class="gallery-item" data-full="/gallery/mushoku-erise.png" data-title="艾莉丝·格雷拉特">
  <img loading="lazy" src="/gallery/thumbs/mushoku-erise.jpg" alt="艾莉丝·格雷拉特">
  <figcaption>
    <span class="gallery-title">艾莉丝</span>
    <button class="gallery-download" onclick="event.stopPropagation(); downloadImage('/gallery/mushoku-erise.png', 'mushoku-erise.png')">⬇ 下载</button>
  </figcaption>
</figure>
<figure class="gallery-item" data-full="/gallery/mushoku-roxy.png" data-title="洛琪希·米格路迪亚">
  <img loading="lazy" src="/gallery/thumbs/mushoku-roxy.jpg" alt="洛琪希·米格路迪亚">
  <figcaption>
    <span class="gallery-title">洛琪希</span>
    <button class="gallery-download" onclick="event.stopPropagation(); downloadImage('/gallery/mushoku-roxy.png', 'mushoku-roxy.png')">⬇ 下载</button>
  </figcaption>
</figure>
<figure class="gallery-item" data-full="/gallery/mushoku-sylphie.png" data-title="希露菲叶特">
  <img loading="lazy" src="/gallery/thumbs/mushoku-sylphie.jpg" alt="希露菲叶特">
  <figcaption>
    <span class="gallery-title">希露菲叶特</span>
    <button class="gallery-download" onclick="event.stopPropagation(); downloadImage('/gallery/mushoku-sylphie.png', 'mushoku-sylphie.png')">⬇ 下载</button>
  </figcaption>
</figure>
</div>
<hr>
<h3 id="-写实风格">
<a class="header-anchor" href="#-%e5%86%99%e5%ae%9e%e9%a3%8e%e6%a0%bc"></a>
🌄 写实风格
</h3><div class="gallery-container">
<figure class="gallery-item" data-full="/gallery/90s-village.png" data-title="90年代北方村落">
  <img loading="lazy" src="/gallery/thumbs/90s-village.jpg" alt="90年代北方村落">
  <figcaption>
    <span class="gallery-title">90年代村落</span>
    <button class="gallery-download" onclick="event.stopPropagation(); downloadImage('/gallery/90s-village.png', '90s-village.png')">⬇ 下载</button>
  </figcaption>
</figure>
</div>
<hr>
<blockquote>
<p>图片由豆包 Seedream 生成 · 点击任意图片查看大图</p>
</blockquote>
<style>
.gallery-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 20px;
  margin: 30px 0;
}

.gallery-item {
  position: relative;
  margin: 0;
  border-radius: 12px;
  overflow: hidden;
  cursor: zoom-in;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  background: var(--post-bg, #fafafa);
  border: 1px solid var(--border-color, #eee);
}

.gallery-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(0,0,0,0.15);
}

.gallery-item img {
  width: 100%;
  height: 220px;
  object-fit: cover;
  display: block;
  transition: transform 0.4s ease;
}

.gallery-item:hover img {
  transform: scale(1.05);
}

.gallery-item figcaption {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  font-size: 14px;
}

.gallery-title {
  font-weight: 500;
  color: var(--font-color, #333);
}

.gallery-download {
  background: var(--red-1, #ff5252);
  color: white;
  border: none;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 13px;
  cursor: pointer;
  transition: opacity 0.2s;
}

.gallery-download:hover {
  opacity: 0.85;
}

/* Lightbox */
.gallery-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.92);
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: zoom-out;
}

.gallery-lightbox.active {
  display: flex;
}

.gallery-lightbox img {
  max-width: 90vw;
  max-height: 80vh;
  border-radius: 4px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}

.gallery-lightbox-caption {
  color: white;
  margin-top: 16px;
  font-size: 15px;
  display: flex;
  gap: 16px;
  align-items: center;
}

.gallery-lightbox-download {
  background: var(--red-1, #ff5252);
  color: white;
  border: none;
  padding: 8px 20px;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  text-decoration: none;
}

.gallery-lightbox-close {
  position: absolute;
  top: 24px;
  right: 32px;
  color: white;
  font-size: 32px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s;
  background: none;
  border: none;
}

.gallery-lightbox-close:hover {
  opacity: 1;
}
</style>
<script>
function downloadImage(url, filename) {
  const a = document.createElement('a');
  a.href = url;
  a.download = filename;
  document.body.appendChild(a);
  a.click();
  document.body.removeChild(a);
}

// Lightbox
document.addEventListener('DOMContentLoaded', function() {
  const items = document.querySelectorAll('.gallery-item');
  if (!items.length) return;

  const lightbox = document.createElement('div');
  lightbox.className = 'gallery-lightbox';
  lightbox.innerHTML = `
    <button class="gallery-lightbox-close">×</button>
    <img src="" alt="">
    <div class="gallery-lightbox-caption">
      <span class="lightbox-title"></span>
      <a class="gallery-lightbox-download" href="#" download>⬇ 下载原图</a>
    </div>
  `;
  document.body.appendChild(lightbox);

  const lbImg = lightbox.querySelector('img');
  const lbTitle = lightbox.querySelector('.lightbox-title');
  const lbDownload = lightbox.querySelector('.gallery-lightbox-download');
  const lbClose = lightbox.querySelector('.gallery-lightbox-close');

  function openLightbox(full, title) {
    lbImg.src = full;
    lbTitle.textContent = title;
    lbDownload.href = full;
    lbDownload.download = title + '.png';
    lightbox.classList.add('active');
    document.body.style.overflow = 'hidden';
  }

  function closeLightbox() {
    lightbox.classList.remove('active');
    document.body.style.overflow = '';
  }

  items.forEach(function(item) {
    item.addEventListener('click', function() {
      const full = item.getAttribute('data-full');
      const title = item.getAttribute('data-title');
      openLightbox(full, title);
    });
  });

  lightbox.addEventListener('click', function(e) {
    if (e.target === lightbox || e.target === lbClose) {
      closeLightbox();
    }
  });

  document.addEventListener('keydown', function(e) {
    if (e.key === 'Escape' && lightbox.classList.contains('active')) {
      closeLightbox();
    }
  });
});
</script>
        
        <hr><p>本文2026-08-17首发于<a href='https://jiangym.top/'>JiangYM's Blog</a>，最后修改于2026-08-17</p>]]></description><category>作品</category></item></channel></rss>