https://plantree.me/

Submitted URL:
https://www.plantree.me/Redirected
Report Finished:

The outgoing links identified from the page

LinkText
https://support.qq.com/product/656822留言

JavaScript Variables · 37 found

Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope

NameType
0object
1object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
google_js_reporting_queueobject
google_srtnumber
google_logging_queueobject

Console log messages · 0 found

Messages logged to the web console

HTML

The raw HTML body of the page

<!DOCTYPE html><html lang="zh-CN" class="scroll-pt-24"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; font-src 'self' data:; img-src https://*; child-src 'none'; script-src-elem https://cdn.skypack.dev https://www.googletagmanager.com https://pagead2.googlesyndication.com/ https://hm.baidu.com/ 'unsafe-inline' 'self'; frame-src https://*; connect-src https://api.counter.plantree.me https://www.google-analytics.com https://hm.baidu.com/ https://ep1.adtrafficquality.google/ 'self'; style-src 'unsafe-inline' 'self';"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="icon" href="/favicon.ico"><link rel="canonical" href="https://plantree.me/"><!-- General Meta Tags --><title>种树 | Plantree</title><meta name="title" content="种树"><meta name="author" content="Plantree"><meta name="description" content="小城市普通码农的生活"><meta name="keywords" content="plantree,编程,生活"><link rel="sitemap" href="/sitemap-index.xml"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:title" content="种树"><meta property="og:description" content="小城市普通码农的生活"><meta property="og:url" content="https://plantree.me/"><meta property="og:image" content="https://plantree.me/og-image.webp"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:title" content="种树"><meta property="twitter:description" content="小城市普通码农的生活"><meta property="twitter:url" content="https://plantree.me/"><meta property="twitter:image" content="https://plantree.me/og-image.webp"><!-- Google AdSense --><meta name="google-adsense-account" content="ca-pub-3333594922397800"><script src="https://pagead2.googlesyndication.com/pagead/managed/js/adsense/m202410080101/show_ads_impl_with_ama_fy2021.js?client=ca-pub-3333594922397800&amp;plah=plantree.me" data-astro-exec=""></script><script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3333594922397800" crossorigin="anonymous" data-checked-head="true" data-astro-exec=""></script><script type="module" src="https://cdn.skypack.dev/[email protected]" defer="" data-astro-exec=""></script><!-- Analysis --><script src="/analytic.js" async="" data-website-id="a75a19b8-988c-465b-a2a2-aab9ca017401" data-host-url="https://api.counter.plantree.me/umami" data-astro-exec=""></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-TG6S3CNF9C" data-astro-exec=""></script><script data-astro-exec="">
            /* eslint-disable no-undef */ window.dataLayer = window.dataLayer ||
            [];function gtag(){dataLayer.push(arguments)}
            gtag('js', new Date());gtag('config', 'G-TG6S3CNF9C');
          </script><script async="" src="https://hm.baidu.com/hm.js?c3e631ee19837171175d34b83d7a9b5d" data-astro-exec=""></script><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><link rel="stylesheet" href="/_astro/about.Bb9q5X1o.css">
<style>.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}html.dark{background-color:#0d0950;color:#fff}.dark .nav-links a{color:#fff}.mermaid svg{width:100%;height:100%}mjx-container svg{width:100%;height:auto}
</style><script type="module" src="/_astro/hoisted.DPMeOEoj.js" data-astro-exec=""></script><meta http-equiv="origin-trial" content="AlK2UR5SkAlj8jjdEc9p3F3xuFYlF6LYjAML3EOqw1g26eCwWPjdmecULvBH5MVPoqKYrOfPhYVL71xAXI1IBQoAAAB8eyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="Amm8/NmvvQfhwCib6I7ZsmUxiSCfOxWxHayJwyU1r3gRIItzr7bNQid6O8ZYaE1GSQTa69WwhPC9flq/oYkRBwsAAACCeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiV2ViVmlld1hSZXF1ZXN0ZWRXaXRoRGVwcmVjYXRpb24iLCJleHBpcnkiOjE3NTgwNjcxOTksImlzU3ViZG9tYWluIjp0cnVlfQ=="><meta http-equiv="origin-trial" content="A9wSqI5i0iwGdf6L1CERNdmsTPgVu44ewj8QxTBYgsv1LCPUVF7YmWOvTappqB1139jAymxUW/RO8zmMqo4zlAAAAACNeyJvcmlnaW4iOiJodHRwczovL2RvdWJsZWNsaWNrLm5ldDo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"><meta http-equiv="origin-trial" content="A+d7vJfYtay4OUbdtRPZA3y7bKQLsxaMEPmxgfhBGqKXNrdkCQeJlUwqa6EBbSfjwFtJWTrWIioXeMW+y8bWAgQAAACTeyJvcmlnaW4iOiJodHRwczovL2dvb2dsZXN5bmRpY2F0aW9uLmNvbTo0NDMiLCJmZWF0dXJlIjoiRmxlZGdlQmlkZGluZ0FuZEF1Y3Rpb25TZXJ2ZXIiLCJleHBpcnkiOjE3MzY4MTI4MDAsImlzU3ViZG9tYWluIjp0cnVlLCJpc1RoaXJkUGFydHkiOnRydWV9"></head> <body> <div class="min-h-screen dark:bg-gray-900"> <header role="banner" class="sticky top-0 z-20 w-full bg-white dark:bg-gray-900"> <nav role="navigation" class="mx-auto flex max-w-screen-lg flex-wrap items-center justify-between border-b dark:border-gray-600"> <div class="flex h-20 w-full justify-between p-4 md:w-auto"> <a href="/" class="flex items-center space-x-3"> <img src="/avatar.webp" class="h-8 rounded-full" alt="Plantree Logo" height="32px" width="32px"> <span class="self-center whitespace-nowrap text-xl font-semibold">种一棵树</span> </a> <button data-collapse-toggle="navbar-default" type="button" class="my-auto inline-flex h-10 w-10 justify-center rounded-lg p-2 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600 md:hidden" aria-controls="navbar-default" aria-expanded="false" aria-label="Open main menu"> <svg class="h-5 w-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path> </svg> </button> </div> <div class="fixed top-20 hidden h-screen w-full bg-white dark:bg-gray-900 md:relative md:top-0 md:flex md:h-auto md:w-auto" id="navbar-default"> <ul class="flex flex-col font-medium md:mt-0 md:flex-row"> <li class="my-auto rounded p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-700 md:hover:bg-transparent md:hover:text-cyan-600 md:dark:hover:bg-transparent" aria-current="page"> <a href="/" aria-current="page" class="text-cyan-600"> 首页 </a> </li><li class="my-auto rounded p-4 text-center hover:bg-gray-100 dark:hover:bg-gray-700 md:hover:bg-transparent md:hover:text-cyan-600 md:dark:hover:bg-transparent" aria-current="page"> <a href="/tag/" aria-current="page" class=""> 标签 </a> </li> </ul> <div class="flex justify-center gap-8 p-4 md:my-auto"> <button id="themeToggle" aria-label="toggle theme"> <svg class="h-6 w-6 text-gray-500 hover:text-cyan-600 dark:hidden dark:text-white dark:hover:text-cyan-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20"> <path d="M10 15a5 5 0 1 0 0-10 5 5 0 0 0 0 10Zm0-11a1 1 0 0 0 1-1V1a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1Zm0 12a1 1 0 0 0-1 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1-1ZM4.343 5.757a1 1 0 0 0 1.414-1.414L4.343 2.929a1 1 0 0 0-1.414 1.414l1.414 1.414Zm11.314 8.486a1 1 0 0 0-1.414 1.414l1.414 1.414a1 1 0 0 0 1.414-1.414l-1.414-1.414ZM4 10a1 1 0 0 0-1-1H1a1 1 0 0 0 0 2h2a1 1 0 0 0 1-1Zm15-1h-2a1 1 0 1 0 0 2h2a1 1 0 0 0 0-2ZM4.343 14.243l-1.414 1.414a1 1 0 1 0 1.414 1.414l1.414-1.414a1 1 0 0 0-1.414-1.414ZM14.95 6.05a1 1 0 0 0 .707-.293l1.414-1.414a1 1 0 1 0-1.414-1.414l-1.414 1.414a1 1 0 0 0 .707 1.707Z"></path> </svg> <svg class="hidden h-6 w-6 hover:text-cyan-600 dark:block dark:text-white dark:hover:text-cyan-600" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 18 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.509 5.75c0-1.493.394-2.96 1.144-4.25h-.081a8.5 8.5 0 1 0 7.356 12.746A8.5 8.5 0 0 1 8.509 5.75Z"></path> </svg> </button>  <a href="/search" aria-label="search"> <svg class="h-6 w-6  hover:text-cyan-600  dark:hover:text-cyan-600 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"></path> </svg> </a> </div> </div> </nav> </header>  <main class="relative mx-auto max-w-screen-lg p-4" id="page-top">  <div class="flex flex-col md:flex-row"> <div class="md:w-3/4"> <div class="mb-4"> <h1 id="2024" class="mb-2 text-2xl font-bold"><a class="hover:after:text-cyan-600 hover:after:content-['#']" href="#2024">2024 (23)<span></span></a></h1><ul class="mx-8"><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/content-security-policy/" class="underline underline-offset-8 hover:text-cyan-600">如何用 CSP 保护自己的网站</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-10-08</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/http-referer/" class="underline underline-offset-8 hover:text-cyan-600">HTTP Referer 的最佳实践</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-09-24</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/naval-codex/" class="underline underline-offset-8 hover:text-cyan-600">重读《纳瓦尔宝典》</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-09-15</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/individual-income-tax/" class="underline underline-offset-8 hover:text-cyan-600">个人所得税怎么算</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-09-04</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/tcp-connection-limit/" class="underline underline-offset-8 hover:text-cyan-600">TCP 连接极限在哪里</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-08-26</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/intro-to-http-protocol/" class="underline underline-offset-8 hover:text-cyan-600">HTTP 协议入门</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-08-22</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/srcum/" class="underline underline-offset-8 hover:text-cyan-600">Scrum 沉思录</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-08-19</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/cors-intruction/" class="underline underline-offset-8 hover:text-cyan-600">一篇文章讲清楚 CORS</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-08-07</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/git-flow/" class="underline underline-offset-8 hover:text-cyan-600">什么是 Git Flow</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-07-31</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/front-end-engineering/" class="underline underline-offset-8 hover:text-cyan-600">什么是前端工程化</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-07-25</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/zhuan-xing-zhong-de-di-fang-zheng-fu/" class="underline underline-offset-8 hover:text-cyan-600">读《转型中的地方政府》有感</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-07-15</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/why-buy-tesla/" class="underline underline-offset-8 hover:text-cyan-600">我为什么买特斯拉</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-06-27</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/translate-career-advice-to-young/" class="underline underline-offset-8 hover:text-cyan-600">翻译《Brutally honest career advice to my younger self》</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-06-13</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/how-to-write-a-resume/" class="underline underline-offset-8 hover:text-cyan-600">怎样写好一份简历</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-05-29</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/reopen-zhi-shen-shi-nei/" class="underline underline-offset-8 hover:text-cyan-600">重读《置身事内》</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-05-11</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/cycle-taihu-bicycle/" class="underline underline-offset-8 hover:text-cyan-600">五一环太湖骑行</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-05-08</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/how-to-deploy-client/" class="underline underline-offset-8 hover:text-cyan-600">如何发布一个客户端</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-04-18</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/openai-prompt-engineering/" class="underline underline-offset-8 hover:text-cyan-600">OpenAI 官方的提示工程指南</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-04-12</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/talk-with-two-friends/" class="underline underline-offset-8 hover:text-cyan-600">又一次越洋电话</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-04-08</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/bei-tao-yan-de-yong-qi/" class="underline underline-offset-8 hover:text-cyan-600">发现了一本好书《被讨厌的勇气》</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-03-28</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/zhi-chang-101/" class="underline underline-offset-8 hover:text-cyan-600">读《职场晋升 101》的几点启示</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-03-18</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/ba-zi-ji-zuo-wei-fang-fa/" class="underline underline-offset-8 hover:text-cyan-600">重读《把自己作为方法》</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-03-06</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2024/raii/" class="underline underline-offset-8 hover:text-cyan-600">C++ 里的 RAII 是什么</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2024-02-23</span> </li></ul> </div><div class="mb-4"> <h1 id="2023" class="mb-2 text-2xl font-bold"><a class="hover:after:text-cyan-600 hover:after:content-['#']" href="#2023">2023 (17)<span></span></a></h1><ul class="mx-8"><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/2023-summary/" class="underline underline-offset-8 hover:text-cyan-600">2023 年度总结</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-12-29</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/vercel-and-netlify/" class="underline underline-offset-8 hover:text-cyan-600">比较 Vercel 和 Netlify</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-10-11</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/module-of-javascript/" class="underline underline-offset-8 hover:text-cyan-600">JavaScript 模块化演进</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-10-09</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/introduction-to-webassembly/" class="underline underline-offset-8 hover:text-cyan-600">WebAssembly 入门</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-09-19</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/prompt-engineering/" class="underline underline-offset-8 hover:text-cyan-600">prompt 工程简介</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-08-14</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/modern-browser-inside/" class="underline underline-offset-8 hover:text-cyan-600">现代浏览器背后发生了什么</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-07-19</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/how-browsers-work/" class="underline underline-offset-8 hover:text-cyan-600">浏览器是如何工作的</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-07-11</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/yuan-jian/" class="underline underline-offset-8 hover:text-cyan-600">《远见》告诉我们什么</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-06-15</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/zuo-er-ting-feng/" class="underline underline-offset-8 hover:text-cyan-600">《左耳听风》技术专栏</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-06-12</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/introduction-to-com/" class="underline underline-offset-8 hover:text-cyan-600">COM 简介</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-05-17</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/non-designer-design-book/" class="underline underline-offset-8 hover:text-cyan-600">《写给大家看的设计书》读后感想</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-03-28</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/book-zhi-shen-shi-nei/" class="underline underline-offset-8 hover:text-cyan-600">《置身事内》读后感想</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-03-19</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/learn-html-and-css-in-webdev/" class="underline underline-offset-8 hover:text-cyan-600">web.dev 上的 html 和 css 课程</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-03-03</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/2022-lei-jun-annual-speech/" class="underline underline-offset-8 hover:text-cyan-600">2022 雷军年度演讲</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-02-20</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/talk-with-two-friends/" class="underline underline-offset-8 hover:text-cyan-600">前几天和朋友打的两个电话</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-02-14</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/wechat-documentation/" class="underline underline-offset-8 hover:text-cyan-600">读微信小程序文档的一些感悟</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-02-09</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2023/learn-program-from-mengyan/" class="underline underline-offset-8 hover:text-cyan-600">跟着孟岩学编程</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2023-02-05</span> </li></ul> </div><div class="mb-4"> <h1 id="2022" class="mb-2 text-2xl font-bold"><a class="hover:after:text-cyan-600 hover:after:content-['#']" href="#2022">2022 (3)<span></span></a></h1><ul class="mx-8"><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2022/annual-summary/" class="underline underline-offset-8 hover:text-cyan-600">2022 年度总结</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2022-12-30</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2022/oriental-healthy-meal-pattern/" class="underline underline-offset-8 hover:text-cyan-600">东方健康膳食模式</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2022-12-28</span> </li><li class="flex justify-between py-1 text-lg font-semibold"> <p> <a href="/blog/2022/about-site/" class="underline underline-offset-8 hover:text-cyan-600">关于网站</a> </p> <span class="shrink-0 font-mono text-slate-500 dark:text-slate-200">2022-12-02</span> </li></ul> </div> </div> <div class="md:w-1/4"> <aside class="flex flex-row md:flex-col md:pl-8"> <div class="h-1/2 w-1/2 md:w-full"> <h1 class="mb-2 mt-4 text-2xl font-bold md:mt-0">分类</h1> <ul class="ml-8 md:ml-0"> <li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/书籍/" class="leading-8"> 书籍 (9)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/Web/" class="leading-8"> Web (7)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/前端/" class="leading-8"> 前端 (4)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/年度总结/" class="leading-8"> 年度总结 (2)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/商业/" class="leading-8"> 商业 (2)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/C++/" class="leading-8"> C++ (2)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/AI/" class="leading-8"> AI (2)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/交流/" class="leading-8"> 交流 (2)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/软件工程/" class="leading-8"> 软件工程 (2)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/职业/" class="leading-8"> 职业 (2)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/记录/" class="leading-8"> 记录 (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/健康/" class="leading-8"> 健康 (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/程序员/" class="leading-8"> 程序员 (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/产品/" class="leading-8"> 产品 (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/旅行/" class="leading-8"> 旅行 (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/DevOps/" class="leading-8"> DevOps (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/工作/" class="leading-8"> 工作 (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/计算机网络/" class="leading-8"> 计算机网络 (1)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600"> <a href="/category/生活/" class="leading-8"> 生活 (1)
</a> </li> </ul> </div> <div class="h-1/2 w-1/2 md:w-full"> <h1 class="mb-2 mt-4 text-xl font-bold">归档</h1> <ul class="ml-8 md:ml-0"> <li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600 "> <a href="/blog/archive/2024" class="leading-8"> 2024 (23)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600 "> <a href="/blog/archive/2023" class="leading-8"> 2023 (17)
</a> </li><li class="my-1 underline decoration-solid underline-offset-8 hover:text-cyan-600 "> <a href="/blog/archive/2022" class="leading-8"> 2022 (3)
</a> </li> </ul> </div> </aside> </div> </div>  <span class="fixed bottom-28 right-4"> <a href="#page-top" class="hover:text-cyan-600" aria-label="page-top"> <svg class="h-[36px] w-[36px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M16.9 16H7a1 1 0 0 1-.8-1.6l5-6a1 1 0 0 1 1.5 0l4.9 6a1 1 0 0 1-.8 1.6Z"></path> </svg> </a> </span> <span class="fixed bottom-20 right-4"> <a href="#page-bottom" class="hover:text-cyan-600" aria-label="page-bottom"> <svg class="h-[36px] w-[36px]" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M7.1 8H17a1 1 0 0 1 .8 1.6l-5 6a1 1 0 0 1-1.5 0l-4.9-6A1 1 0 0 1 7.1 8Z"></path> </svg> </a> </span> </main> </div> <footer class="z-20 w-full bg-white dark:bg-gray-900" id="page-bottom"> <div class="mx-auto max-w-screen-lg border-t border-gray-200 bg-white p-4 dark:border-gray-600 dark:bg-gray-900 md:flex md:items-center md:justify-between md:p-6"> <p class="text-center text-sm text-gray-500 dark:text-gray-400">
Copyright © 2022-2024 <a href="https://plantree.me/about" class="hover:underline">Plantree</a>.
      All Rights Reserved.
</p> <ul class="mt-2 flex items-center justify-center gap-4 text-sm font-medium text-gray-500 dark:text-gray-400 md:mt-0"> <li> <a href="/about" class="hover:underline">关于</a> </li> <li> <a href="/resume" class="hover:underline">简历</a> </li> <li> <a href="https://support.qq.com/product/656822" rel="noopener noreferer" target="_blank" class="hover:underline">留言</a> </li> </ul> </div> </footer> <ins class="adsbygoogle adsbygoogle-noablate" data-adsbygoogle-status="done" style="display: none !important;" data-ad-status="unfilled"><div id="aswift_0_host" style="border: none; height: 0px; width: 0px; margin: 0px; padding: 0px; position: relative; visibility: visible; background-color: transparent; display: inline-block;"><iframe id="aswift_0" name="aswift_0" style="left:0;position:absolute;top:0;border:0;width:undefinedpx;height:undefinedpx;" sandbox="allow-forms allow-popups allow-popups-to-escape-sandbox allow-same-origin allow-scripts allow-top-navigation-by-user-activation" frameborder="0" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" src="https://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-3333594922397800&amp;output=html&amp;adk=1812271804&amp;adf=3025194257&amp;abgtt=6&amp;lmt=1728630361&amp;plat=1%3A8200%2C2%3A8200%2C3%3A2162688%2C4%3A2162688%2C9%3A134250504%2C16%3A8388608%2C17%3A32%2C24%3A32%2C25%3A32%2C30%3A1048576%2C32%3A32%2C41%3A32%2C42%3A32&amp;format=0x0&amp;url=https%3A%2F%2Fplantree.me%2F&amp;pra=5&amp;wgl=1&amp;aihb=0&amp;asro=0&amp;ailel=1~2~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&amp;aiael=1~2~4~6~7~8~9~10~11~12~13~14~15~16~17~18~19~20~21~24~29~30~34&amp;aicel=33&amp;aifxl=29_18~30_19&amp;aiixl=29_5~30_6&amp;aslmct=0.7&amp;asamct=0.7&amp;aiict=1&amp;itsi=-1&amp;aiapm=0.20295&amp;aiapmi=0.24446&amp;aiombap=1&amp;uach=WyIiLCIiLCIiLCIiLCIiLG51bGwsMCxudWxsLCIiLG51bGwsMF0.&amp;dt=1728630360702&amp;bpp=25&amp;bdt=221&amp;idt=335&amp;shv=r20241009&amp;mjsv=m202410080101&amp;ptt=9&amp;saldr=aa&amp;abxe=1&amp;eoidce=1&amp;nras=1&amp;correlator=4188370579758&amp;frm=20&amp;pv=2&amp;u_tz=0&amp;u_his=2&amp;u_h=1&amp;u_w=1&amp;u_ah=1&amp;u_aw=1&amp;u_cd=24&amp;u_sd=1&amp;dmc=2&amp;adx=-12245933&amp;ady=-12245933&amp;biw=790&amp;bih=600&amp;scr_x=0&amp;scr_y=0&amp;eid=44759875%2C44759926%2C44759842%2C31087659%2C31087701%2C95342016%2C95343454%2C95344189%2C95344778%2C31087703&amp;oid=2&amp;pvsid=1279051323844680&amp;tmod=1538125800&amp;uas=0&amp;nvt=1&amp;fsapi=1&amp;fc=1920&amp;brdim=0%2C0%2C0%2C0%2C1%2C0%2C0%2C0%2C800%2C600&amp;vis=1&amp;rsz=%7C%7Cs%7C&amp;abl=NS&amp;fu=32768&amp;bc=31&amp;bz=0&amp;ifi=1&amp;uci=a!1&amp;fsb=1&amp;dtd=388" data-google-container-id="a!1" tabindex="0" title="Advertisement" aria-label="Advertisement" data-load-complete="true"></iframe></div></ins></body><iframe id="google_esf" name="google_esf" src="https://pagead2.googlesyndication.com/pagead/html/r20241009/r20190131/zrt_lookup_fy2021.html" style="display: none;"></iframe></html>