{"id":2,"date":"2025-08-13T14:51:17","date_gmt":"2025-08-13T06:51:17","guid":{"rendered":"https:\/\/heyingnian.com\/?page_id=2"},"modified":"2026-08-14T16:42:12","modified_gmt":"2026-08-14T08:42:12","slug":"about","status":"publish","type":"page","link":"https:\/\/heyingnian.com\/index.php\/about\/","title":{"rendered":"\u5173\u4e8e"},"content":{"rendered":"<p><!--\n  HYN ABOUT \u00b7 \u5c71\u6c34\u4fe1\u7b3a\u7248\n  WordPress \/ Argon \u517c\u5bb9\uff1a\u7eaf HTML + CSS\uff0c\u65e0 JavaScript\u3001\u65e0\u5916\u90e8\u8d44\u6e90\u3002\n  \u8bf7\u6574\u4f53\u7c98\u8d34\u5230\u4e00\u4e2a\u201c\u81ea\u5b9a\u4e49 HTML\u201d\u533a\u5757\u4e2d\u3002\n--><\/p>\n<style>\n  #hyn-about-letter,\n  #hyn-about-letter * {\n    box-sizing: border-box !important;\n  }<\/p>\n<p>  #hyn-about-letter h1::before,\n  #hyn-about-letter h1::after,\n  #hyn-about-letter p::before,\n  #hyn-about-letter p::after {\n    content: none !important;\n    display: none !important;\n  }<\/p>\n<p>  #hyn-about-letter .hyn-letter-card {\n    width: min(920px, calc(100% - 40px)) !important;\n    margin-right: auto !important;\n    margin-left: auto !important;\n  }<\/p>\n<p>  #hyn-about-letter .hyn-letter-link:hover {\n    color: #fff !important;\n    background: #315d4d !important;\n    border-color: #315d4d !important;\n    box-shadow: 0 12px 28px rgba(49, 93, 77, .20) !important;\n    transform: translateY(-2px) !important;\n  }<\/p>\n<p>  #hyn-about-letter .hyn-letter-link:focus-visible {\n    outline: 3px solid rgba(172, 125, 70, .32) !important;\n    outline-offset: 4px !important;\n  }<\/p>\n<p>  #hyn-about-letter .hyn-letter-mark {\n    animation: hynLetterBreathe 3.2s ease-in-out infinite !important;\n  }<\/p>\n<p>  @keyframes hynLetterBreathe {\n    50% {\n      box-shadow: 0 0 0 7px rgba(65, 111, 91, .08) !important;\n    }\n  }<\/p>\n<p>  @media (max-width: 680px) {\n    #hyn-about-letter {\n      padding: 18px 0 !important;\n    }<\/p>\n<p>    #hyn-about-letter .hyn-letter-card {\n      width: calc(100% - 24px) !important;\n    }<\/p>\n<p>    #hyn-about-letter .hyn-letter-art {\n      min-height: 190px !important;\n    }<\/p>\n<p>    #hyn-about-letter .hyn-letter-content {\n      padding: 38px 24px 40px !important;\n    }<\/p>\n<p>    #hyn-about-letter .hyn-letter-name {\n      font-size: clamp(54px, 18vw, 78px) !important;\n    }<\/p>\n<p>    #hyn-about-letter .hyn-letter-intro {\n      font-size: 15px !important;\n      line-height: 1.9 !important;\n    }\n  }<\/p>\n<p>  @media (max-width: 390px) {\n    #hyn-about-letter .hyn-letter-content {\n      padding-right: 19px !important;\n      padding-left: 19px !important;\n    }<\/p>\n<p>    #hyn-about-letter .hyn-letter-tags {\n      gap: 7px !important;\n    }\n  }<\/p>\n<p>  @media (prefers-reduced-motion: reduce) {\n    #hyn-about-letter .hyn-letter-mark {\n      animation: none !important;\n    }<\/p>\n<p>    #hyn-about-letter .hyn-letter-link {\n      transition: none !important;\n    }\n  }\n<\/style>\n<section id=\"hyn-about-letter\" aria-label=\"\u5173\u4e8e\u8d6b\u82f1\u5e74\" style=\"position:relative!important;isolation:isolate!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:28px 0!important;overflow:hidden!important;color:#263a32!important;background:linear-gradient(145deg,#edf3ef 0%,#f8f5ed 52%,#eaf2ee 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important;font-family:'Noto Serif SC','Source Han Serif SC','Songti SC',STSong,SimSun,serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;line-height:1.75!important;text-align:left!important;\">\n<p>  <span aria-hidden=\"true\" style=\"position:absolute!important;z-index:-1!important;top:-180px!important;left:50%!important;display:block!important;width:480px!important;height:480px!important;margin:0 0 0 -520px!important;padding:0!important;background:rgba(255,255,255,.72)!important;border:0!important;border-radius:50%!important;\"><\/span><br \/>\n  <span aria-hidden=\"true\" style=\"position:absolute!important;z-index:-1!important;right:-120px!important;bottom:-180px!important;display:block!important;width:390px!important;height:390px!important;margin:0!important;padding:0!important;background:transparent!important;border:1px solid rgba(49,93,77,.08)!important;border-radius:50%!important;box-shadow:0 0 0 50px rgba(49,93,77,.018),0 0 0 100px rgba(49,93,77,.012)!important;\"><\/span><\/p>\n<article class=\"hyn-letter-card\" style=\"position:relative!important;display:block!important;max-width:920px!important;padding:0!important;overflow:hidden!important;color:#263a32!important;background:rgba(255,253,248,.94)!important;border:1px solid rgba(48,76,64,.13)!important;border-radius:6px!important;box-shadow:0 26px 70px rgba(52,76,65,.13)!important;\">\n<p>    <!-- \u9876\u90e8\u5c71\u6c34\uff0c\u4e0d\u518d\u4f7f\u7528\u5de6\u53f3\u5206\u680f\uff0c\u56e0\u6b64\u4e0d\u4f1a\u51fa\u73b0\u4e00\u4fa7\u7a7a\u767d --><\/p>\n<div class=\"hyn-letter-art\" role=\"img\" aria-label=\"\u6668\u65e5\u3001\u8fdc\u5c71\u4e0e\u5c42\u53e0\u9752\u5ce6\u7ec4\u6210\u7684\u6de1\u96c5\u5c71\u6c34\u63d2\u753b\" style=\"position:relative!important;display:block!important;width:100%!important;min-height:235px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:linear-gradient(180deg,#dce9e4 0%,#edf1e8 65%,#d8e1d7 100%)!important;border:0!important;border-bottom:1px solid rgba(48,76,64,.11)!important;\">\n      <span style=\"position:absolute!important;z-index:1!important;top:34px!important;left:50%!important;display:block!important;width:76px!important;height:76px!important;margin:0 0 0 -38px!important;padding:0!important;background:#efd8a8!important;border:0!important;border-radius:50%!important;box-shadow:0 0 52px rgba(211,171,94,.24)!important;\"><\/span><\/p>\n<p>      <span style=\"position:absolute!important;z-index:2!important;right:-5%!important;bottom:0!important;display:block!important;width:72%!important;height:68%!important;margin:0!important;padding:0!important;background:#b7cabf!important;border:0!important;clip-path:polygon(0 100%,13% 72%,25% 82%,44% 24%,60% 75%,75% 47%,100% 100%)!important;\"><\/span><\/p>\n<p>      <span style=\"position:absolute!important;z-index:3!important;left:-8%!important;bottom:-1px!important;display:block!important;width:75%!important;height:64%!important;margin:0!important;padding:0!important;background:#799989!important;border:0!important;clip-path:polygon(0 100%,15% 65%,29% 78%,46% 19%,63% 73%,80% 43%,100% 100%)!important;\"><\/span><\/p>\n<p>      <span style=\"position:absolute!important;z-index:4!important;right:-7%!important;bottom:-24%!important;display:block!important;width:114%!important;height:53%!important;margin:0!important;padding:0!important;background:#3f6b59!important;border:0!important;border-radius:50% 50% 0 0 \/ 42% 42% 0 0!important;\"><\/span><\/p>\n<p>      <span style=\"position:absolute!important;z-index:5!important;top:24px!important;left:24px!important;display:block!important;margin:0!important;padding:0!important;color:rgba(41,73,59,.48)!important;background:transparent!important;border:0!important;font-family:Consolas,Monaco,monospace!important;font-size:8px!important;font-style:normal!important;font-weight:400!important;line-height:1.7!important;letter-spacing:.18em!important;text-transform:uppercase!important;\">HYN \/ ABOUT<br \/>EST. 2020<\/span><\/p>\n<p>      <span style=\"position:absolute!important;z-index:5!important;right:24px!important;top:22px!important;display:block!important;margin:0!important;padding:0!important;color:rgba(41,73,59,.46)!important;background:transparent!important;border:0!important;font-family:'Songti SC',STSong,serif!important;font-size:11px!important;font-style:normal!important;font-weight:400!important;line-height:1.8!important;letter-spacing:.22em!important;writing-mode:vertical-rl!important;\">\u5c71\u9ad8\u8def\u8fdc \u00b7 \u81ea\u5728\u524d\u884c<\/span>\n    <\/div>\n<div class=\"hyn-letter-content\" style=\"position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin:0!important;padding:44px clamp(28px,7vw,76px) 48px!important;color:#263a32!important;background:transparent!important;border:0!important;text-align:center!important;\">\n<div style=\"display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 19px!important;padding:0!important;color:#718278!important;background:transparent!important;border:0!important;font-family:Consolas,Monaco,monospace!important;font-size:9px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;letter-spacing:.18em!important;text-transform:uppercase!important;\">\n        <i class=\"hyn-letter-mark\" aria-hidden=\"true\" style=\"display:inline-block!important;width:7px!important;height:7px!important;flex:0 0 7px!important;margin:0!important;padding:0!important;background:#416f5b!important;border:0!important;border-radius:50%!important;box-shadow:0 0 0 4px rgba(65,111,91,.10)!important;\"><\/i><br \/>\n        Hello, my name is\n      <\/div>\n<h1 class=\"hyn-letter-name\" style=\"display:block!important;margin:0!important;padding:0!important;color:#20382e!important;background:transparent!important;border:0!important;font-family:'Noto Serif SC','Source Han Serif SC','Songti SC',STSong,SimSun,serif!important;font-size:clamp(64px,8vw,92px)!important;font-style:normal!important;font-weight:700!important;line-height:1!important;letter-spacing:-.065em!important;text-align:center!important;text-shadow:none!important;\">\u8d6b\u82f1\u5e74<\/h1>\n<p style=\"display:block!important;margin:16px 0 0!important;padding:0!important;color:#9a6c3d!important;background:transparent!important;border:0!important;font-family:Consolas,Monaco,monospace!important;font-size:10px!important;font-style:normal!important;font-weight:400!important;line-height:1.5!important;letter-spacing:.15em!important;text-align:center!important;text-transform:uppercase!important;\">Java Backend Developer \u00b7 Blogger<\/p>\n<p>      <span aria-hidden=\"true\" style=\"display:block!important;width:46px!important;height:1px!important;margin:27px auto 0!important;padding:0!important;background:#b88b53!important;border:0!important;\"><\/span><\/p>\n<p class=\"hyn-letter-intro\" style=\"display:block!important;width:100%!important;max-width:650px!important;margin:24px auto 0!important;padding:0!important;color:#53665d!important;background:transparent!important;border:0!important;font-family:'Noto Serif SC','Source Han Serif SC','Songti SC',STSong,SimSun,serif!important;font-size:16px!important;font-style:normal!important;font-weight:400!important;line-height:1.95!important;letter-spacing:.035em!important;text-align:center!important;\">\n        \u4f60\u597d\uff0c\u6211\u662f\u8d6b\u82f1\u5e74\uff0c\u4e00\u540d\u540e\u7aef\u5f00\u53d1\u8005\u3002\u8fd9\u91cc\u662f\u6211\u7559\u5728\u4e92\u8054\u7f51\u7684\u5c0f\u5c0f\u89d2\u843d\uff0c\u8bb0\u5f55\u6280\u672f\u5b9e\u8df5\uff0c\u4e5f\u6536\u85cf\u751f\u6d3b\u91cc\u7684\u5076\u7136\u6240\u5f97\u3002\u6ca1\u6709\u5b8f\u5927\u7684\u53d9\u4e8b\uff0c\u53ea\u60f3\u8ba4\u771f\u5199\u4e0b\u4e00\u4e9b<strong style=\"color:#263a32!important;font:inherit!important;font-weight:700!important;\">\u771f\u5b9e\u3001\u6e05\u695a\u3001\u6709\u7528<\/strong>\u7684\u5185\u5bb9\u3002\n      <\/p>\n<div class=\"hyn-letter-tags\" aria-label=\"\u5173\u6ce8\u65b9\u5411\" style=\"display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;margin:25px auto 0!important;padding:0!important;\">\n        <span style=\"display:inline-flex!important;align-items:center!important;min-height:29px!important;margin:0!important;padding:0 11px!important;color:#567064!important;background:#edf2ed!important;border:1px solid #d9e3dc!important;border-radius:999px!important;font-family:Consolas,Monaco,monospace!important;font-size:9px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;letter-spacing:.07em!important;\">JAVA \/ SPRING<\/span><br \/>\n        <span style=\"display:inline-flex!important;align-items:center!important;min-height:29px!important;margin:0!important;padding:0 11px!important;color:#567064!important;background:#edf2ed!important;border:1px solid #d9e3dc!important;border-radius:999px!important;font-family:Consolas,Monaco,monospace!important;font-size:9px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;letter-spacing:.07em!important;\">TECH NOTES<\/span><br \/>\n        <span style=\"display:inline-flex!important;align-items:center!important;min-height:29px!important;margin:0!important;padding:0 11px!important;color:#567064!important;background:#edf2ed!important;border:1px solid #d9e3dc!important;border-radius:999px!important;font-family:Consolas,Monaco,monospace!important;font-size:9px!important;font-style:normal!important;font-weight:400!important;line-height:1!important;letter-spacing:.07em!important;\">DAILY LIFE<\/span>\n      <\/div>\n<p>      <a class=\"hyn-letter-link\" href=\"https:\/\/heyingnian.com\/\" style=\"display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:13px!important;min-width:166px!important;min-height:48px!important;margin:29px auto 0!important;padding:0 20px!important;color:#315d4d!important;background:transparent!important;border:1px solid #688b7c!important;border-radius:2px!important;box-shadow:none!important;cursor:pointer!important;font-family:'Noto Serif SC','Songti SC',STSong,serif!important;font-size:13px!important;font-style:normal!important;font-weight:600!important;line-height:1!important;letter-spacing:.08em!important;text-align:center!important;text-decoration:none!important;transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important;\">\u9605\u8bfb\u6211\u7684\u6587\u7ae0 <span aria-hidden=\"true\" style=\"font-family:Georgia,serif!important;font-size:19px!important;line-height:1!important;\">\u2192<\/span><\/a>\n    <\/div>\n<p>    <span aria-hidden=\"true\" style=\"position:absolute!important;z-index:7!important;right:22px!important;bottom:22px!important;display:grid!important;place-items:center!important;width:43px!important;height:43px!important;margin:0!important;padding:0!important;color:#f8ead2!important;background:#a45d49!important;border:1px solid rgba(255,240,214,.76)!important;border-radius:3px!important;box-shadow:0 7px 20px rgba(91,48,37,.16)!important;font-family:'Songti SC',STSong,serif!important;font-size:20px!important;font-style:normal!important;font-weight:700!important;line-height:1!important;transform:rotate(-5deg)!important;\">\u5e74<\/span><br \/>\n  <\/article>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>HYN \/ ABOUTEST. 2020 \u5c71\u9ad8\u8def\u8fdc \u00b7 \u81ea\u5728\u524d\u884c Hello, my name is \u8d6b\u82f1\u5e74  [&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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":80,"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":496,"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/496"}],"wp:attachment":[{"href":"https:\/\/heyingnian.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}