{"id":653284,"date":"2025-09-08T23:08:57","date_gmt":"2025-09-08T15:08:57","guid":{"rendered":"http:\/\/puo.cn\/?p=653284"},"modified":"2025-09-08T23:08:57","modified_gmt":"2025-09-08T15:08:57","slug":"wordpress%e5%8f%b3%e4%be%a7%e6%a0%8f%e4%b8%aa%e4%ba%ba%e4%bb%8b%e7%bb%8d%e4%bb%a3%e7%a0%81-html","status":"publish","type":"post","link":"http:\/\/puo.cn\/?p=653284","title":{"rendered":"wordpress\u53f3\u4fa7\u680f\u4e2a\u4eba\u4ecb\u7ecd\u4ee3\u7801 HTML"},"content":{"rendered":"

 <\/p>\n

 <\/p>\n

\"\"<\/p>\n

 <\/p>\n

<div style=”background: #ffffff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); max-width: 400px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, ‘Segoe UI’, Roboto, sans-serif;”>
\n<!– \u5934\u50cf\u90e8\u5206 –>
\n<div style=”text-align: center; margin-bottom: 25px;”>
\n<img src=”https:\/\/via.placeholder.com\/120″ alt=”\u4e2a\u4eba\u5934\u50cf” style=”width: 120px; height: 120px; border-radius: 50%; object-fit: cover; border: 4px solid #f0f0f0; transition: transform 0.3s ease;”>
\n<\/div><\/p>\n

<!– \u4e2a\u4eba\u4fe1\u606f –>
\n<div style=”text-align: center; margin-bottom: 20px;”>
\n<h3 style=”margin: 0 0 8px; font-size: 22px; font-weight: 600; color: #333;”>Now Doing<\/h3>
\n<p style=”margin: 0; color: #666; font-size: 14px;”>\u4e13\u6ce8\u521b\u9020\uff0c\u6301\u7eed\u884c\u52a8<\/p>
\n<\/div><\/p>\n

<!– \u6807\u7b7e –>
\n<div style=”display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-bottom: 25px;”>
\n<span style=”background: #f0f8ff; color: #4285f4; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 500;”>\u521b\u4f5c\u8005<\/span>
\n<span style=”background: #f0fff4; color: #34a853; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 500;”>\u5f00\u53d1\u8005<\/span>
\n<span style=”background: #fff8e1; color: #fbbc05; padding: 5px 12px; border-radius: 20px; font-size: 12px; font-weight: 500;”>\u8bbe\u8ba1\u5e08<\/span>
\n<\/div><\/p>\n

<!– \u793e\u4ea4\u56fe\u6807 –>
\n<div style=”display: flex; justify-content: center; gap: 15px;”>
\n<!– \u90ae\u7bb1 –>
\n<a href=”#” title=”\u90ae\u7bb1” target=”_blank” style=”display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; transition: all 0.3s ease;”>
\n<svg width=”22″ height=”22″ viewBox=”0 0 24 24″ fill=”none” stroke=”#333″ stroke-width=”1.5″ stroke-linecap=”round” stroke-linejoin=”round”>
\n<path d=”M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z”><\/path>
\n<polyline points=”22,6 12,13 2,6″><\/polyline>
\n<\/svg>
\n<\/a><\/p>\n

<!– Telegram –>
\n<a href=”#” title=”Telegram” target=”_blank” style=”display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; transition: all 0.3s ease;”>
\n<svg width=”22″ height=”22″ viewBox=”0 0 24 24″ fill=”none” stroke=”#333″ stroke-width=”1.5″ stroke-linecap=”round” stroke-linejoin=”round”>
\n<path d=”M21.198 2.433a2.242 2.242 0 0 0-1.022.215l-8.609 3.33c-2.068.8-4.133 1.598-5.724 2.21a405.15 405.15 0 0 1-2.849 1.09c-.42.147-.99.332-1.473.901-.728.968.193 1.798.919 2.286 1.61.516 3.275 1.009 4.654 1.472.509 1.793.997 3.592 1.48 5.388.16.36.506.494.864.498l-.002.018s.281.028.555-.088a.5.5 0 0 0 .287-.315c.345-1.289.66-2.589.954-3.899l4.023 2.498c.472.293.891.438 1.249.438.478 0 .796-.209.955-.484a.595.595 0 0 0 .091-.593c-.05-.133-.12-.26-.23-.372L19.895 7.88s.695-.499 1.202-.778c.395-.217.675-.455.765-.714a.795.795 0 0 0 .081-.34c-.003-.215-.12-.405-.295-.508-.236-.144-.578-.243-.95-.243z”><\/path>
\n<\/svg>
\n<\/a><\/p>\n

<!– ICQ –>
\n<a href=”#” title=”ICQ” target=”_blank” style=”display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; transition: all 0.3s ease;”>
\n<svg width=”22″ height=”22″ viewBox=”0 0 24 24″ fill=”none” stroke=”#333″ stroke-width=”1.5″ stroke-linecap=”round” stroke-linejoin=”round”>
\n<path d=”M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c1.19 0 2.34-.21 3.41-.6.3-.11.49-.4.49-.72 0-.22-.1-.43-.27-.57-.63-.53-1.03-1.31-1.03-2.19 0-1.59 1.29-2.88 2.88-2.88.88 0 1.66.4 2.19 1.03.14.17.35.27.57.27.32 0 .61-.19.72-.49.39-1.07.6-2.22.6-3.41 0-5.52-4.48-10-10-10z”><\/path>
\n<circle cx=”8.5″ cy=”10.5″ r=”1.5″><\/circle>
\n<circle cx=”15.5″ cy=”10.5″ r=”1.5″><\/circle>
\n<path d=”M8 16s1.5 2 4 2 4-2 4-2″><\/path>
\n<\/svg>
\n<\/a><\/p>\n

<!– WhatsApp –>
\n<a href=”#” title=”WhatsApp” target=”_blank” style=”display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; transition: all 0.3s ease;”>
\n<svg width=”22″ height=”22″ viewBox=”0 0 24 24″ fill=”none” stroke=”#333″ stroke-width=”1.5″ stroke-linecap=”round” stroke-linejoin=”round”>
\n<path d=”M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z”><\/path>
\n<path d=”M9 10a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5H9z”><\/path>
\n<path d=”M13 10a.5.5 0 0 0-.5.5v2a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 0-.5-.5h-2z”><\/path>
\n<\/svg>
\n<\/a><\/p>\n

<!– Twitter –>
\n<a href=”#” title=”Twitter” target=”_blank” style=”display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; transition: all 0.3s ease;”>
\n<svg width=”22″ height=”22″ viewBox=”0 0 24 24″ fill=”none” stroke=”#333″ stroke-width=”1.5″ stroke-linecap=”round” stroke-linejoin=”round”>
\n<path d=”M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z”><\/path>
\n<\/svg>
\n<\/a><\/p>\n

<!– GitHub –>
\n<a href=”#” title=”GitHub” target=”_blank” style=”display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; transition: all 0.3s ease;”>
\n<svg width=”22″ height=”22″ viewBox=”0 0 24 24″ fill=”none” stroke=”#333″ stroke-width=”1.5″ stroke-linecap=”round” stroke-linejoin=”round”>
\n<path d=”M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22″><\/path>
\n<\/svg>
\n<\/a>
\n<\/div><\/p>\n

<!– \u60ac\u6d6e\u6548\u679c –>
\n<style>
\ndiv[style*=”max-width: 400px”] img:hover {
\ntransform: scale(1.05);
\n}
\ndiv[style*=”max-width: 400px”] a:hover {
\nbackground: #e8f4ff !important;
\ntransform: translateY(-3px);
\n}
\n<\/style>
\n<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

      <div style=”background: #ffffff; border-radius: 16px; padding: 30px; box-shadow: 0 4px 20p…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[127],"tags":[309,404],"topic":[342],"class_list":["post-653284","post","type-post","status-publish","format-standard","hentry","category-i","tag-html","tag-wordpress","topic-wordpress"],"_links":{"self":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=653284"}],"version-history":[{"count":1,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653284\/revisions"}],"predecessor-version":[{"id":653286,"href":"http:\/\/puo.cn\/index.php?rest_route=\/wp\/v2\/posts\/653284\/revisions\/653286"}],"wp:attachment":[{"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=653284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=653284"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=653284"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/puo.cn\/index.php?rest_route=%2Fwp%2Fv2%2Ftopic&post=653284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}