ai文字转代码制图

煌烛

<div style="max-width: 800px; margin: 0 auto; font-family: 'Georgia', serif; color: #333; line-height: 1.8; padding: 20px; background: #f8f8f8; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
    <!-- 标题部分 -->
    <div style="text-align: center; margin-bottom: 30px;">
        <h2 style="font-size: 1.8em; color: #555; margin: 0;">与阿清的重逢</h2>
        <p style="font-size: 0.9em; color: #888; margin: 5px 0;">一段关于记忆与时光的故事</p>
    </div>

    <!-- 引语部分 -->
    <div style="border-left: 3px solid #ccc; padding-left: 20px; margin: 20px 0;">
        <p style="font-style: italic; color: #666;">
            "你是xx吗？"<br>
            "你可以喊我阿清。"
        </p>
    </div>

    <!-- 正文部分 -->
    <div style="columns: 2; column-gap: 40px;">
        <div style="break-inside: avoid;">
            <p>陌生号码，播音腔，以为是诈骗。</p>
            <p>他说："来趟xx楼闲聊。"</p>
            <p>去到后，他说："你可以喊我阿清。"</p>
            <p>这个名字在我的通讯录内，有个类似的人也叫阿清。</p>
        </div>
        <div style="break-inside: avoid;">
            <p>想起以前的阿清，很有一种南飘的冲劲，像上世纪九十年代的遗漏者，总是穿白衬衣。</p>
            <p>我们在外饮酒至半夜，最后住在酒店。他每每打电话来蹭房，进屋倒头就睡，给他一个角落，他就睡得心安理得。</p>
        </div>
    </div>

    <!-- 图片部分 -->
    <div style="text-align: center; margin: 30px 0;">
        <img src="D:\制图\南飘广州.png" alt="广州街景" style="max-width: 100%; border-radius: 5px;">
        <p style="font-size: 0.8em; color: #888; margin: 5px 0;">广州的街头，藏着无数个阿清的故事</p>
    </div>

    <!-- 结尾部分 -->
    <div style="background: #f0f0f0; padding: 20px; border-radius: 5px; margin-top: 20px;">
        <p style="margin: 0; color: #555;">
            那位阿清的面容我完全不记得了，街上再见几十次都不会认出。<br>
            但每每在广州和九十年代遗漏者擦肩而过，我会有一秒想到他们。<br>
            想起多年前的你，年轻不改，笑容清冽。<br>
            我于是也觉得自己当时亦清利。<br>
            不知何日何月会再逢"阿清"，与他们杯酒闲聊，不看手机。
        </p>
    </div>

    <!-- 落款 -->
    <div style="text-align: right; margin-top: 20px;">
        <p style="font-size: 0.9em; color: #888;">
            —— 一段关于记忆的独白
        </p>
    </div>
</div>

煌烛

试了一些用ai生成代码制出文字的图文格式，真是方便啊。

煌烛

1. <p style="line-height: 30px; text-indent: 2em;"></p>
   

复制代码

不知道怎么用到论坛上 就是说

煌烛

煌烛

1. <div style="max-width: 800px; margin: 0 auto; font-family: 'Georgia', serif; color: #333; line-height: 1.8; padding: 20px; background: #f8f8f8; border-radius: 5px; box-shadow: 0 2px 10px rgba(0,0,0,0.1);">
   
2.     <!-- 标题部分 -->
   
3.     <div style="text-align: center; margin-bottom: 30px;">
   
4.         <h2 style="font-size: 1.8em; color: #555; margin: 0;">与阿清的重逢</h2>
   
5.         <p style="font-size: 0.9em; color: #888; margin: 5px 0;">一段关于记忆与时光的故事</p>
   
6.     </div>
   
7. 
   
8.     <!-- 引语部分 -->
   
9.     <div style="border-left: 3px solid #ccc; padding-left: 20px; margin: 20px 0;">
   
10.         <p style="font-style: italic; color: #666;">
    
11.             "你是xx吗？"<br>
    
12.             "你可以喊我阿清。"
    
13.         </p>
    
14.     </div>
    
15. 
    
16.     <!-- 正文部分 -->
    
17.     <div style="columns: 2; column-gap: 40px;">
    
18.         <div style="break-inside: avoid;">
    
19.             <p>陌生号码，播音腔，以为是诈骗。</p>
    
20.             <p>他说："来趟xx楼闲聊。"</p>
    
21.             <p>去到后，他说："你可以喊我阿清。"</p>
    
22.             <p>这个名字在我的通讯录内，有个类似的人也叫阿清。</p>
    
23.         </div>
    
24.         <div style="break-inside: avoid;">
    
25.             <p>想起以前的阿清，很有一种南飘的冲劲，像上世纪九十年代的遗漏者，总是穿白衬衣。</p>
    
26.             <p>我们在外饮酒至半夜，最后住在酒店。他每每打电话来蹭房，进屋倒头就睡，给他一个角落，他就睡得心安理得。</p>
    
27.         </div>
    
28.     </div>
    
29. 
    
30.     <!-- 图片部分 -->
    
31.     <div style="text-align: center; margin: 30px 0;">
    
32.         <img src="https://643858.freep.cn/643858/%E6%96%B0%E5%BB%BA%E6%96%87%E4%BB%B6%E5%A4%B9/%E5%B9%BF%E5%B7%9E.png" alt="广州街景" style="max-width: 100%; border-radius: 5px;">
    
33.         <p style="font-size: 0.8em; color: #888; margin: 5px 0;">广州的街头，藏着无数个阿清的故事</p>
    
34.     </div>
    
35. 
    
36.     <!-- 结尾部分 -->
    
37.     <div style="background: #f0f0f0; padding: 20px; border-radius: 5px; margin-top: 20px;">
    
38.         <p style="margin: 0; color: #555;">
    
39.             那位阿清的面容我完全不记得了，街上再见几十次都不会认出。<br>
    
40.             但每每在广州和九十年代遗漏者擦肩而过，我会有一秒想到他们。<br>
    
41.             想起多年前的你，年轻不改，笑容清冽。<br>
    
42.             我于是也觉得自己当时亦清利。<br>
    
43.             不知何日何月会再逢"阿清"，与他们杯酒闲聊，不看手机。
    
44.         </p>
    
45.     </div>
    
46. 
    
47.     <!-- 落款 -->
    
48.     <div style="text-align: right; margin-top: 20px;">
    
49.         <p style="font-size: 0.9em; color: #888;">
    
50.             —— 一段关于记忆的独白
    
51.         </p>
    
52.     </div>
    
53. </div>

复制代码

煌烛

暗夜·冷殇

与阿清的重逢

一段关于记忆与时光的故事

"你是xx吗？"
"你可以喊我阿清。"

陌生号码，播音腔，以为是诈骗。

他说："来趟xx楼闲聊。"

去到后，他说："你可以喊我阿清。"

这个名字在我的通讯录内，有个类似的人也叫阿清。

想起以前的阿清，很有一种南飘的冲劲，像上世纪九十年代的遗漏者，总是穿白衬衣。

我们在外饮酒至半夜，最后住在酒店。他每每打电话来蹭房，进屋倒头就睡，给他一个角落，他就睡得心安理得。

广州的街头，藏着无数个阿清的故事

那位阿清的面容我完全不记得了，街上再见几十次都不会认出。
但每每在广州和九十年代遗漏者擦肩而过，我会有一秒想到他们。
想起多年前的你，年轻不改，笑容清冽。
我于是也觉得自己当时亦清利。
不知何日何月会再逢"阿清"，与他们杯酒闲聊，不看手机。

—— 一段关于记忆的独白

暗夜·冷殇

这样的？

一剪梅2025

煌烛 发表于 2025-2-18 15:05

小帅哥，若是AI根据文字生成的图像，这就属于AI画图了。恭喜你，慢慢你可以做很多你喜欢的图。。。。。
那些拍个照片，然后PS里滤镜处理下，不是AI制图，是蒙不会不懂的人尼