{"id":30,"date":"2024-05-29T18:04:49","date_gmt":"2024-05-29T10:04:49","guid":{"rendered":"http:\/\/www.heartwarming.online:8001\/?page_id=30"},"modified":"2025-07-23T10:20:14","modified_gmt":"2025-07-23T02:20:14","slug":"%e5%85%b3%e4%ba%8e","status":"publish","type":"page","link":"https:\/\/blog.heartwarming.online\/index.php\/%e5%85%b3%e4%ba%8e\/","title":{"rendered":"\u5173\u4e8e"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">\u6211\u7684\u7b80\u4ecb<\/h2>\n\n\n\n<p>\u53cc\u975e\u672c\u79d1\uff0c\u76ee\u524d\u5c31\u8bfb\u4e8ebjut\u7814\u7a76\u751f\uff0c\u8ba1\u79d1\u4eba\uff0c\u8ba1\u79d1\u9b42\uff0c\u8ba1\u79d1\u6bd5\u4e1a\u4e3a\u9910\u996e\u6dfb\u7816java\uff08\u5f00\u4e2a\u73a9\u7b11\u2299\u25bd\u2299\uff09\u3002<\/p>\n\n\n\n<p>\u5916\u8868\u770b\u4f3c\u79ef\u6781\u5411\u4e0a\uff0c\u5185\u5fc3\u5374emo\u5e38\u4eba\u7684i\u4eba\u3002\ud83d\ude02<\/p>\n\n\n\n<p>\u666e\u901a\u4e14\u5929\u8d4b\u4e00\u822c\uff0c\u53ea\u6709\u9760\u52aa\u529b\u9006\u5929\u6539\u547d\u4e86\ud83d\ude02<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u4e13\u4e1a\u5b66\u4e60\u65b9\u5411<\/h2>\n\n\n\n<p>\u672c\u4eba\u633a\u559c\u6b22\u8f6f\u4ef6\u5f00\u53d1\uff0c\u6bd4\u8f83\u64c5\u957f\u7684\u5c31\u662fweb\u524d\u7aef\u5f00\u53d1\uff0c\u540e\u7aef\u4e5f\u5b66\u4e60\u8fc7\u4e00\u4e9b\u6846\u67b6\u7684\u4f7f\u7528\u3002\u5927\u4e00\u7684\u65f6\u5019\u4e5f\u6253\u8fc7\u4e00\u6bb5\u65f6\u95f4\u7b97\u6cd5\uff0c\u53ea\u80fd\u8bf4\u8111\u5b50\u4e0d\u591f\uff0c\u6253\u4e0d\u6765\uff0c\u8fd8\u662f\u6765\u5b66\u8f6f\u4ef6\u5f00\u53d1\u4e86\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u7231\u597d<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u4e2d\u56fd\u8c61\u68cb<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u8dd1\u6b65<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u81ea\u884c\u8f66<\/li>\n<\/ul>\n\n\n\n<p>\uff08\u4f3c\u4e4e\u6211\u4e5f\u6ca1\u4ec0\u4e48\u7231\u597d\uff0chh\uff09<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5c55\u671b<\/h2>\n\n\n\n<p>\u8003\u7814\u4e0a\u5cb8\u4e86\uff0c\u63a5\u4e0b\u5c31\u8981\u8fce\u63a5\u8bfb\u7814\u7684\u725b\u9a6c\u751f\u6d3b\u4e86\uff0c\u5e0c\u671b\u53ef\u4ee5\u5728\u7814\u4e00\u548c\u5e08\u5144\u4eec\u4e00\u6837\uff0c\u53ef\u4ee5\u53d1\u5b8c\u4e24\u7bc7\u6587\u7ae0\uff0c\u5e0c\u671b\u81ea\u5df1\u4e5f\u53ef\u4ee5\u548c\u5e08\u5144\u4eec\u4e00\u6837\uff0c\u53d1\u8868\u9876\u520a\uff0c\u53ef\u4ee5\u6709\u673a\u4f1a\u51fa\u56fd\u4ea4\u6d41\u4e86\uff0c\u52a0\u6cb9\uff01<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u683c\u8a00<\/h2>\n\n\n\n<p>\u8981\u95ee\u6211\u52aa\u529b\u7684\u610f\u4e49\u662f\u4ec0\u4e48\uff0c\u52aa\u529b\u7684\u610f\u4e49\u5c31\u662f\u5e0c\u671b\u591a\u5e74\u4ee5\u540e\u7684\u81ea\u5df1\u770b\u5f97\u8d77\u73b0\u5728\u7684\u81ea\u5df1\u3002\u6ca1\u6709\u5929\u8d4b\u7684\u6211\uff0c\u53ea\u6709\u9760\u52e4\u594b\u53bb\u5f25\u8865\u5dee\u8ddd\uff0c\u4e5f\u8bb8\u6211\u4eec\u6c38\u8fdc\u8ffd\u4e0d\u4e0a\uff0c\u4f46\u6211\u4eec\u5f97\u7ee7\u7eed\u8dd1\u2026\u2026<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u8865\u5145\u8bf4\u660e<\/h2>\n\n\n\n<p>\u540e\u9762\u6709\u65f6\u95f4\u518d\u5b8c\u5584\u4e00\u4e0b\u5427<\/p>\n<style>\/* \u5bfc\u5165\u5b57\u4f53 *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');\r\n\r\n\/* \u91cd\u7f6e\u6837\u5f0f *\/\r\n.modern-about-container {\r\n    font-family: 'Noto Sans SC', sans-serif;\r\n    color: #333;\r\n    line-height: 1.7;\r\n    position: relative;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    margin: 0 auto;\r\n    max-width: 1200px;\r\n    background: rgba(243, 246, 255, 0.8);\r\n    border-radius: 20px;\r\n    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n}\r\n\r\n\/* \u7c92\u5b50\u6548\u679c *\/\r\n.particle {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    opacity: 0.6;\r\n    z-index: 0;\r\n    pointer-events: none;\r\n    animation: float linear infinite;\r\n}\r\n\r\n@keyframes float {\r\n    0% { transform: translate(0, 0) rotate(0deg); }\r\n    25% { transform: translate(10px, 10px) rotate(90deg); }\r\n    50% { transform: translate(0, 20px) rotate(180deg); }\r\n    75% { transform: translate(-10px, 10px) rotate(270deg); }\r\n    100% { transform: translate(0, 0) rotate(360deg); }\r\n}\r\n\r\n\/* \u5934\u90e8\u6837\u5f0f *\/\r\n.about-header {\r\n    background: linear-gradient(135deg, #3498db, #9b59b6);\r\n    padding: 40px 20px;\r\n    color: white;\r\n    text-align: center;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 20px 20px 0 0;\r\n}\r\n\r\n.about-title-container {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n.about-title {\r\n    font-size: 3rem;\r\n    font-weight: 700;\r\n    margin: 0 0 10px;\r\n    letter-spacing: 2px;\r\n    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);\r\n}\r\n\r\n.about-meta {\r\n    display: flex;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 20px;\r\n    font-size: 0.9rem;\r\n}\r\n\r\n.about-meta span {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 5px;\r\n}\r\n\r\n\/* \u5185\u5bb9\u533a\u57df *\/\r\n.about-content {\r\n    padding: 30px 20px;\r\n    position: relative;\r\n}\r\n\r\n\/* \u90e8\u5206\u6837\u5f0f *\/\r\n.about-section {\r\n    background: white;\r\n    margin-bottom: 30px;\r\n    padding: 30px;\r\n    border-radius: 15px;\r\n    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);\r\n    position: relative;\r\n    transform: translateY(30px);\r\n    opacity: 0;\r\n    transition: transform 0.6s ease, opacity 0.6s ease, box-shadow 0.3s ease;\r\n    overflow: hidden;\r\n}\r\n\r\n.about-section::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 4px;\r\n    height: 100%;\r\n    background: attr(data-color);\r\n}\r\n\r\n.about-section.visible {\r\n    transform: translateY(0);\r\n    opacity: 1;\r\n}\r\n\r\n.about-section:hover {\r\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n\/* \u4f7f\u7528data-color\u5c5e\u6027\u4e3a\u6bcf\u4e2a\u90e8\u5206\u8bbe\u7f6e\u989c\u8272 *\/\r\n.about-section[data-color=\"#3498db\"]::before { background-color: #3498db; }\r\n.about-section[data-color=\"#e74c3c\"]::before { background-color: #e74c3c; }\r\n.about-section[data-color=\"#2ecc71\"]::before { background-color: #2ecc71; }\r\n.about-section[data-color=\"#9b59b6\"]::before { background-color: #9b59b6; }\r\n.about-section[data-color=\"#f39c12\"]::before { background-color: #f39c12; }\r\n.about-section[data-color=\"#1abc9c\"]::before { background-color: #1abc9c; }\r\n\r\n.about-section[data-color=\"#3498db\"] .section-icon { color: #3498db; }\r\n.about-section[data-color=\"#e74c3c\"] .section-icon { color: #e74c3c; }\r\n.about-section[data-color=\"#2ecc71\"] .section-icon { color: #2ecc71; }\r\n.about-section[data-color=\"#9b59b6\"] .section-icon { color: #9b59b6; }\r\n.about-section[data-color=\"#f39c12\"] .section-icon { color: #f39c12; }\r\n.about-section[data-color=\"#1abc9c\"] .section-icon { color: #1abc9c; }\r\n\r\n.section-icon {\r\n    position: absolute;\r\n    right: 20px;\r\n    top: 20px;\r\n    font-size: 3rem;\r\n    opacity: 0.1;\r\n    transform: rotate(10deg);\r\n    transition: all 0.3s ease;\r\n}\r\n\r\n.about-section:hover .section-icon {\r\n    opacity: 0.2;\r\n    transform: rotate(0deg) scale(1.2);\r\n}\r\n\r\n.section-title {\r\n    font-size: 1.8rem;\r\n    font-weight: 600;\r\n    margin-bottom: 20px;\r\n    position: relative;\r\n    display: inline-block;\r\n}\r\n\r\n.section-title::after {\r\n    content: '';\r\n    position: absolute;\r\n    bottom: -5px;\r\n    left: 0;\r\n    width: 40px;\r\n    height: 3px;\r\n    background-color: inherit;\r\n    border-radius: 3px;\r\n}\r\n\r\n.about-section[data-color=\"#3498db\"] .section-title::after { background-color: #3498db; }\r\n.about-section[data-color=\"#e74c3c\"] .section-title::after { background-color: #e74c3c; }\r\n.about-section[data-color=\"#2ecc71\"] .section-title::after { background-color: #2ecc71; }\r\n.about-section[data-color=\"#9b59b6\"] .section-title::after { background-color: #9b59b6; }\r\n.about-section[data-color=\"#f39c12\"] .section-title::after { background-color: #f39c12; }\r\n.about-section[data-color=\"#1abc9c\"] .section-title::after { background-color: #1abc9c; }\r\n\r\n.section-content {\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* \u7231\u597d\u5361\u7247\u7f51\u683c *\/\r\n.hobbies-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n    gap: 20px;\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.hobby-card {\r\n    background: linear-gradient(145deg, #f8f9fa, #e9ecef);\r\n    border-radius: 15px;\r\n    padding: 20px;\r\n    text-align: center;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.hobby-card:hover {\r\n    transform: translateY(-5px);\r\n    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.hobby-icon {\r\n    font-size: 2rem;\r\n    margin-bottom: 10px;\r\n    color: #2ecc71;\r\n}\r\n\r\n.hobby-name {\r\n    font-weight: 500;\r\n}\r\n\r\n\/* \u683c\u8a00\u6837\u5f0f *\/\r\n.quote-box {\r\n    position: relative;\r\n    padding: 25px;\r\n    background-color: #f8f9fa;\r\n    border-radius: 10px;\r\n    border-left: 4px solid #f39c12;\r\n}\r\n\r\n.quote-box::before {\r\n    content: '\"';\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 10px;\r\n    font-size: 4rem;\r\n    color: rgba(0, 0, 0, 0.1);\r\n    font-family: serif;\r\n    line-height: 1;\r\n}\r\n\r\n.note {\r\n    font-style: italic;\r\n    color: #777;\r\n    text-align: center;\r\n    margin-top: 15px;\r\n}\r\n\r\n\/* \u9875\u811a\u6837\u5f0f *\/\r\n.about-footer {\r\n    background: linear-gradient(135deg, #3498db, #9b59b6);\r\n    color: white;\r\n    text-align: right;\r\n    padding: 20px;\r\n    font-style: italic;\r\n    font-size: 0.9rem;\r\n    border-radius: 0 0 20px 20px;\r\n}\r\n\r\n\/* \u6253\u5b57\u673a\u6548\u679c *\/\r\n.typing-content p {\r\n    opacity: 0;\r\n    transition: opacity 0.5s ease;\r\n}\r\n\r\n\/* \u54cd\u5e94\u5f0f\u8c03\u6574 *\/\r\n@media (max-width: 768px) {\r\n    .about-title {\r\n        font-size: 2rem;\r\n    }\r\n    \r\n    .about-meta {\r\n        flex-direction: column;\r\n        gap: 10px;\r\n        align-items: center;\r\n    }\r\n    \r\n    .about-section {\r\n        padding: 20px;\r\n    }\r\n    \r\n    .section-title {\r\n        font-size: 1.5rem;\r\n    }\r\n    \r\n    .hobbies-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));\r\n    }\r\n}\r\n\r\n\/* \u9875\u9762\u80cc\u666f\u8c03\u6574 *\/\r\n.page-template-default {\r\n    background: linear-gradient(135deg, #141e30, #243b55);\r\n}\r\n\r\n\/* \u7f51\u7ad9\u6807\u9898\u548c\u5bfc\u822a\u8c03\u6574 *\/\r\n.site-header {\r\n    background: transparent !important;\r\n}\r\n\r\n\/* \u9875\u811a\u8c03\u6574 *\/\r\n.site-footer {\r\n    background: transparent !important;\r\n}\r\nbody, html {\r\n    background-image: url('data:image\/svg+xml,<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"100%\" height=\"100%\"><defs><pattern id=\"pattern\" patternUnits=\"userSpaceOnUse\" width=\"100\" height=\"100\" patternTransform=\"rotate(45)\"><rect width=\"100%\" height=\"100%\" fill=\"rgba(20, 30, 48, 1)\"\/><path d=\"M0 0L50 0L50 50L0 50Z\" fill=\"rgba(36, 59, 85, 1)\"\/><\/pattern><\/defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23pattern)\"\/><\/svg>');\r\n    background-attachment: fixed;\r\n    background-size: cover;\r\n}\r\n\r\n.site-content {\r\n    background: transparent;\r\n}\r\n\r\n.entry-content {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: 0;\r\n}<\/style>","protected":false},"excerpt":{"rendered":"<p>\u6211\u7684\u7b80\u4ecb \u53cc\u975e\u672c\u79d1\uff0c\u76ee\u524d\u5c31\u8bfb\u4e8ebjut\u7814\u7a76\u751f\uff0c\u8ba1\u79d1\u4eba\uff0c\u8ba1\u79d1\u9b42\uff0c\u8ba1\u79d1\u6bd5\u4e1a\u4e3a\u9910\u996e\u6dfb\u7816java\uff08\u5f00\u4e2a\u73a9\u7b11\u2299\u25bd\u2299\uff09\u3002  [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":13,"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":754,"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/754"}],"wp:attachment":[{"href":"https:\/\/blog.heartwarming.online\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}