仅对 XML MIME 生效）。
		if (preg_match('#\.(xml|xsl|txt|rss|json|atom)$#i', $path)) return false;
		// 后台数据不缓存
		$pattern = '#^' . __TYPECHO_ADMIN_DIR__ . '#i';
		if (preg_match($pattern, $path)) return false;
		// action动作不缓存
		$pattern = '#^/action#i';
		if (preg_match($pattern, $path)) return false;

        // fix:pjax search 失效
        $requestUrl = self::$request->getRequestUri();
        // search 请求第一次不缓存
        $pattern = '/.*?s=.*/i';
        if (preg_match($pattern, $requestUrl)) return false;
        // search 重定向后可以缓存
        $pattern = '#^/search#i';
        if (preg_match($pattern, $path) and in_array('search', self::$plugin_config->cache_page)) return true;

        $_routingTable = self::$sys_config->routingTable;
        // 针对文章页做特殊处理,付费文章不缓存
        $post_regx = $_routingTable[0]['post']['regx'];
        if (preg_match($post_regx,$path,$arr)){
            /**
             * 付费文章不缓存
             * [0] => /archives/377.html
             * [1] => 377
             */
            if ($arr[1] and !empty($arr[1])){
                // 查看文章是否是 tepass 付费文章
                $db = Typecho_Db::get();
                try {
					// fix: 版本不同导致读取数据库名错误 @zsuroy
		    $database = isset($db->getConfig($db::READ)['database']) ? $db->getConfig($db::READ)['database'] : $db->getConfig($db::READ)[0]->database;
                    $tepass_exist = $db->fetchRow($db->select()->from('information_schema.TABLES')->where('TABLE_NAME = ?',$db->getPrefix().'tepass_posts')->where('TABLE_SCHEMA = ?',$database));
                    if (isset($tepass_exist) and count($tepass_exist) > 0){
                          $p_id = @$db->fetchObject($db->select('id')->from('table.tepass_posts')->where('post_id = ?',$arr[1]))->id;
                          if ($p_id) return false;
                    }

                }catch (Typecho_Db_Query_Exception $e){
                    // 没有tepass
                }

            }
        }

		foreach ($_routingTable[0] as $page => $route) {
			if ($route['widget'] != 'Widget_Archive' && $route['widget'] != '\Widget\Archive') continue;
			if (preg_match($route['regx'], $path)) {
				$exclude = array('_year', '_month', '_day', '_page');
				$page = str_replace($exclude, '', $page);

				if (in_array($page, self::$plugin_config->cache_page))
					return true;
			}
		}
		return false;
	}

	public static function post_update($contents, $class)
	{
		if ('publish' != $contents['visibility'] || $contents['created'] > time())
			return;

		self::initEnv();
		if (self::$plugin_config->cache_driver == '0')
			return;
		self::$passed = true;

		$type = $contents['type'];
		$routeExists = (NULL != Typecho_Router::get($type));
		if (!$routeExists) {
			self::initPath('#');
			self::delCache(self::$path);
			return;
		}

		$db = Typecho_Db::get();
		$contents['cid'] = $class->cid;
		$contents['categories'] = $db->fetchAll($db->select()->from('table.metas')
			->join('table.relationships', 'table.relationships.mid = table.metas.mid')
			->where('table.relationships.cid = ?', $contents['cid'])
			->where('table.metas.type = ?', 'category')
			->order('table.metas.order', Typecho_Db::SORT_ASC));
		$contents['category'] = urlencode(current(Typecho_Common::arrayFlatten($contents['categories'], 'slug')));
		$contents['slug'] = urlencode(empty($contents['slug'])?$class->slug:$contents['slug']);
		$contents['date'] = new Typecho_Date($contents['created']);
		$contents['year'] = $contents['date']->year;
		$contents['month'] = $contents['date']->month;
		$contents['day'] = $contents['date']->day;

		if (!self::initPath(Typecho_Router::url($type, $contents))){
		    return;
//		    throw new Typecho_Exception('初始化失败。url info:'.Typecho_Router::url($type, $contents));
		}
		self::delCache(self::$path);
		// 同时，删除 markdown 的部分缓存
		if ($class->cid)
		    self::delCache(self::getPostMarkCacheName($class->cid));
	}

	public static function post_del_update($cid, $obj)
	{
	    $db = Typecho_Db::get();
	    $postObject = $db->fetchObject($db->select('cid','slug', 'type')
                ->from('table.contents')->where('cid = ?', $cid));
	    if (!$postObject->cid){
	        return;
	    }
	    // 生成path
	    $value = [];
	    $value['cid'] = $cid;
	    $value['type'] = $postObject->type;
	    $value['slug'] = urlencode($postObject->slug);
        $pathInfo = Typecho_Router::url($value['type'], $value);

		self::initEnv();

		self::initBackend(self::$plugin_config->cache_driver);
		self::delCache($pathInfo);
        if ($cid){
            self::delCache(self::getPostMarkCacheName($cid));
        }
	}

	public static function comment_update($comment)
	{
		self::initEnv();
		if (!self::preCheck(false)) return;
		if (!self::initBackend(self::$plugin_config->cache_driver))
			return;

		// 获取评论的PATH_INFO
		$path_info = self::$request->getInstance()->getPathInfo();
		// 删除最后的 /comment就是需删除的path
		$article_url = preg_replace('/\/comment$/i','',$path_info);

		self::delCache($article_url);
		// 同时，删除 markdown 的部分缓存
		if ($comment->cid)
		    self::delCache(self::getPostMarkCacheName($comment->cid));
	}

	public static function comment_update2($comment, $edit)
	{
		self::initEnv();
		self::preCheck(false);
		self::initBackend(self::$plugin_config->cache_driver);

		$perm = stripslashes($edit->parentContent['permalink']);
		$perm = preg_replace('/(https?):\/\//', '', $perm);
		$perm = preg_replace('/'.$_SERVER['HTTP_HOST'].'/', '', $perm);

		self::delCache($perm);
			// 同时，删除 markdown 的部分缓存
		if ($edit->cid)
		    self::delCache(self::getPostMarkCacheName($edit->cid));
		if ($comment['cid'])
            self::delCache(self::getPostMarkCacheName($comment['cid']));

	}

	// 缓存content
	public static function getPostMarkCacheName($cid){
	    if (!self::$path)
	        self::$path = self::$request->getInstance()->getPathInfo();
	    return self::$path.'_'.$cid.'_markdown';
	}

	public static function cache_contentEx($content, $obj, $lastResult){
	    $content = empty( $lastResult ) ? $content : $lastResult;
        if (self::$plugin_config->enable_markcache == '0'){
            return $content;
        }
	    // 文章页面设置了标记的就不缓存
        if (substr_count($content,'<!--no-cache-->'))
            return $content;
        // 为 content 设置特殊的 cache name
        self::$path = self::$request->getInstance()->getPathInfo();
        $cacheName = self::getPostMarkCacheName($obj->cid);
        self::initEnv();
        if (!self::preCheck(false)) {
            return $content;
        }
        if (!self::initBackend(self::$plugin_config->cache_driver)){
            return $content;
        }
        // 获取评论的PATH_INFO
//        $requestUrl = self::$request->getRequestUri();
        try {
            // 获取当前url的缓存
            $data = self::getCache($cacheName);
            if (!empty($data)) {
                //缓存未过期, 跳过之后的缓存重写入
                if ($data['time'] + self::$plugin_config->expire < time())
                    self::$passed = false;
                return $data['html'];
            }
        } catch (Exception $e) {
//            echo $e->getMessage();
            return $content;
        }

        // 没有缓存就缓存起来
        if (is_null(self::$path) || !self::$passed)
            return $content;
        $data = array();
        $data['time'] = time();
        $data['html'] = $content;
        self::setCache($data,$cacheName);
        return $content;
    }

    public static function forTpCacheToolbar(){
        ?>
        <script>
            $(document).ready(function(){
                $('#wmd-button-row').append('<li class="wmd-button" id="wmd-TePass-button" title="插入no-cache"><span style="background: none;font-size: 16px;border: 1px solid #dedede;padding: 2px;color: red;width: auto;height: auto;">NOCACHE</span></li>');
                if($('#wmd-button-row').length !== 0){
                    $('#wmd-TePass-button').click(function(){
                        var rs = "\r\n<!--no-cache-->\r\n";
                        var myField = $('#text')[0];
                        insertAtCursor(myField,rs);
                    })
                }
                function insertAtCursor(myField, myValue) {
                    //IE 浏览器
                    if (document.selection) {
                        myField.focus();
                        sel = document.selection.createRange();
                        sel.text = myValue;
                        sel.select();
                    }
                    //FireFox、Chrome等
                    else if (myField.selectionStart || myField.selectionStart == '0') {
                        var startPos = myField.selectionStart;
                        var endPos = myField.selectionEnd;
                        // 保存滚动条
                        var restoreTop = myField.scrollTop;
                        myField.value = myField.value.substring(0, startPos) + myValue + myField.value.substring(endPos, myField.value.length);
                        if (restoreTop > 0) {myField.scrollTop = restoreTop;}
                        myField.selectionStart = startPos + myValue.length;
                        myField.selectionEnd = startPos + myValue.length;
                        myField.focus();
                    } else {
                        myField.value += myValue;
                        myField.focus();
                    }
                }
            });
        </script>
        <!DOCTYPE html>
<html lang="zh-CN" data-accent="pink" data-edition="editorial">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
<meta name="renderer" content="webkit">
<meta name="applicable-device" content="pc,mobile">
<meta name="format-detection" content="telephone=no, email=no, address=no">
<meta name="theme-color" content="#C8362F" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0a0a0b" media="(prefers-color-scheme: dark)">
<meta name="view-transition" content="same-origin">
<title>内容转化相关文章合集（1篇） - 保哥笔记</title>
<meta name="description" content="保哥笔记「内容转化」标签收录 1 篇相关内容，含《SEO博客故事化写作7技巧：让读者无法停止阅读的实战》等，提供 SEO/GEO 视角的深度解析。">
<meta name="keywords" content="内容转化,E-E-A-T,内容营销,SEO写作,故事化写作">
<meta name="robots" content="index, follow">
<link rel="canonical" href="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%BD%AC%E5%8C%96/">
<link rel="alternate" hreflang="zh-CN" href="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%BD%AC%E5%8C%96/">
<link rel="alternate" hreflang="x-default" href="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%BD%AC%E5%8C%96/">
<link rel="llms-txt" href="https://zhangwenbao.com/llms.txt">
<link rel="llms-full-txt" href="https://zhangwenbao.com/llms-full.txt">
<link rel="sitemap" type="application/xml" href="https://zhangwenbao.com/sitemap.xml">
<link rel="alternate" type="application/rss+xml" title="保哥笔记 RSS 2.0" href="https://zhangwenbao.com/rss.xml">
<meta name="author" content="张文保">
<meta name="copyright" content="© 2026 张文保">
<link rel="author" href="https://zhangwenbao.com/about/">
<link rel="publisher" href="https://zhangwenbao.com/">
<meta property="og:locale"      content="zh_CN">
<meta property="og:site_name"   content="保哥笔记">
<meta property="og:type"        content="website">
<meta property="og:url"         content="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%BD%AC%E5%8C%96/">
<meta property="og:title"       content="内容转化相关文章合集（1篇） - 保哥笔记">
<meta property="og:description" content="保哥笔记「内容转化」标签收录 1 篇相关内容，含《SEO博客故事化写作7技巧：让读者无法停止阅读的实战》等，提供 SEO/GEO 视角的深度解析。">
<meta property="og:image"       content="https://zhangwenbao.com/usr/uploads/2024/10/386324455.jpg">
<meta property="og:image:secure_url" content="https://zhangwenbao.com/usr/uploads/2024/10/386324455.jpg">
<meta property="og:image:alt"   content="内容转化相关文章合集（1篇） - 保哥笔记">
<meta property="og:image:width"  content="1200">
<meta property="og:image:height" content="800">
<meta name="twitter:card"        content="summary_large_image">
<meta name="twitter:site"        content="@zhangwenbao">
<meta name="twitter:creator"     content="@zhangwenbao">
<meta name="twitter:title"       content="内容转化相关文章合集（1篇） - 保哥笔记">
<meta name="twitter:description" content="保哥笔记「内容转化」标签收录 1 篇相关内容，含《SEO博客故事化写作7技巧：让读者无法停止阅读的实战》等，提供 SEO/GEO 视角的深度解析。">
<meta name="twitter:image"       content="https://zhangwenbao.com/usr/uploads/2024/10/386324455.jpg">
<meta name="twitter:image:alt"   content="内容转化相关文章合集（1篇） - 保哥笔记">
<meta name="twitter:url"         content="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%BD%AC%E5%8C%96/">
<link rel="icon" type="image/png" sizes="32x32" href="https://zhangwenbao.com/logo-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://zhangwenbao.com/logo-16.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://zhangwenbao.com/logo-180.png">
<link rel="shortcut icon" href="https://zhangwenbao.com/logo-32.png" type="image/png">
<script>
(function () {
    var saved = localStorage.getItem('theme');
    var sys = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
    var theme = (!saved || saved === 'auto') ? sys : saved;
    document.documentElement.setAttribute('data-theme', theme);

    var accent = localStorage.getItem('accent') || 'pink';
    document.documentElement.setAttribute('data-accent', accent);

    // 阅读字号档位（防闪屏，立即应用 class）
    var fs = localStorage.getItem('fontSize');
    if (fs === 'fs-1' || fs === 'fs-3' || fs === 'fs-4') {
        document.documentElement.classList.add(fs);
    }
    // 简繁标记（lang 立即变更，OpenCC 由 main.js 异步加载后转换正文）
    var zh = localStorage.getItem('zhconv');
    if (zh === 'hant') {
        document.documentElement.setAttribute('lang', 'zh-Hant');
    }
})();
</script>
<link rel="stylesheet" href="https://zhangwenbao.com/usr/themes/zhangwenbao-v2/assets/css/output.css?v=1778901111">
<link rel="stylesheet" href="https://zhangwenbao.com/usr/themes/zhangwenbao-v2/assets/css/editorial.css?v=1779342414">
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
<link rel="dns-prefetch" href="//cdn.jsdelivr.net">
<link rel="dns-prefetch" href="//hm.baidu.com">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/styles/github-dark.min.css" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/styles/github-dark.min.css"></noscript>
<link rel="stylesheet" href="https://zhangwenbao.com/usr/themes/zhangwenbao-v2/assets/css/OwO.min.css" media="print" onload="this.media='all'">
<noscript><link rel="stylesheet" href="https://zhangwenbao.com/usr/themes/zhangwenbao-v2/assets/css/OwO.min.css"></noscript>
<script>
// perf-2026-05-19: BFCache 守门 — 百度统计内部用 'unload' 事件阻塞 Chrome BFCache，
// 这里把所有后续注册的 unload 监听器重定向到 pagehide（BFCache 友好的等价事件）。
// 必须置于百度统计 inline 之前；addEventListener + removeEventListener 都拦截避免泄漏。
(function () {
    var _add = window.addEventListener;
    var _rem = window.removeEventListener;
    window.addEventListener = function (type, listener, options) {
        if (type === 'unload') return _add.call(this, 'pagehide', listener, options);
        return _add.call(this, type, listener, options);
    };
    window.removeEventListener = function (type, listener, options) {
        if (type === 'unload') return _rem.call(this, 'pagehide', listener, options);
        return _rem.call(this, type, listener, options);
    };
})();
</script>
<script>
(function () {
    var initBaidu = function () {
        window._hmt = window._hmt || [];
        var firstScript = document.getElementsByTagName('script')[0];
        var hm = document.createElement('script');
        hm.async = 1;
        hm.src = 'https://hm.baidu.com/hm.js?6b374778a2357039d39848b922ab3f37';
        firstScript.parentNode.insertBefore(hm, firstScript);
    };
    if ('requestIdleCallback' in window) {
        window.requestIdleCallback(initBaidu, { timeout: 2000 });
    } else if (document.readyState === 'complete') {
        setTimeout(initBaidu, 800);
    } else {
        window.addEventListener('load', function () { setTimeout(initBaidu, 800); }, { once: true });
    }
})();
</script>
</head>
<body class="font-sans bg-white text-zinc-900 dark:bg-zinc-950 dark:text-zinc-100 antialiased min-h-screen flex flex-col">
<a href="#main-content" class="sr-only focus:not-sr-only focus:fixed focus:top-2 focus:left-2 focus:z-50 focus:px-3 focus:py-2 focus:bg-accent-600 focus:text-white focus:rounded">跳到主要内容</a>
<header role="banner"
        class="sticky top-0 z-40 backdrop-blur-md bg-white/80 dark:bg-zinc-950/80 border-b border-zinc-200 dark:border-zinc-800"
        itemscope itemtype="https://schema.org/WPHeader">
    <div class="container max-w-wide mx-auto h-16 flex items-center justify-between gap-4">
        <!-- Logo + 站名 + Editorial 路径面包屑（IDE/terminal 风格,mono）-->
        <a href="https://zhangwenbao.com/" class="flex items-center gap-3 no-underline flex-shrink-0" title="保哥笔记 首页">
            <picture>
                <source srcset="https://zhangwenbao.com/logo-80.webp" type="image/webp">
                <img src="https://zhangwenbao.com/logo-48.png" alt="保哥笔记" width="40" height="40" class="site-logo w-10 h-10 rounded-full object-cover flex-shrink-0" itemprop="image" loading="eager" decoding="async">
            </picture>
            <span class="site-title whitespace-nowrap" itemprop="name">保哥<span class="text-accent-700 dark:text-accent-400">笔记</span></span>
        </a>
                <span class="site-path" aria-hidden="true">/tag/内容转化/</span>
        <!-- 主导航 -->
        <nav role="navigation" aria-label="主导航"
             class="hidden md:flex items-center gap-2 text-base"
             itemscope itemtype="https://schema.org/SiteNavigationElement">
                                                <!-- 普通链接 / 无子分类 -->
                    <a href="https://zhangwenbao.com/"
                       title="首页"
                                              class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900"
                       itemprop="url">
                        <span itemprop="name">首页</span>
                    </a>
                                                                <!-- 含下拉的导航项 -->
                    <div class="relative group flex-shrink-0" itemprop="url">
                        <a href="https://zhangwenbao.com/seo/"
                           title="SEO优化"
                                                      class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900 inline-flex items-center gap-1">
                            <span itemprop="name">SEO优化</span>
                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="opacity-60 group-hover:opacity-100 transition-opacity">
                                <polyline points="6 9 12 15 18 9"></polyline>
                            </svg>
                        </a>
                        <!-- 下拉面板 -->
                        <div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-150 z-50">
                            <div class="min-w-[180px] py-2 bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded shadow-lg">
                                                                                                        <a href="https://zhangwenbao.com/seo/google-seo/"
                                       title="谷歌SEO"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        谷歌SEO                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/baidu-seo/"
                                       title="百度SEO"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        百度SEO                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/seo-basics/"
                                       title="SEO基础入门"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        SEO基础入门                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/keyword-research/"
                                       title="关键词研究"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        关键词研究                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/on-page-seo/"
                                       title="页面SEO"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        页面SEO                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/technical-seo/"
                                       title="技术SEO"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        技术SEO                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/link-building/"
                                       title="外链建设"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        外链建设                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/content-seo/"
                                       title="内容SEO"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        内容SEO                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/seo-algorithms/"
                                       title="SEO算法与更新"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        SEO算法与更新                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/seo-analytics-tools/"
                                       title="SEO数据与工具"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        SEO数据与工具                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/seo/platform-seo/"
                                       title="平台与多引擎SEO"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        平台与多引擎SEO                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                                <!-- 普通链接 / 无子分类 -->
                    <a href="https://zhangwenbao.com/geo-aeo/"
                       title="GEO/AEO"
                                              class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900"
                       itemprop="url">
                        <span itemprop="name">GEO/AEO</span>
                    </a>
                                                                <!-- 普通链接 / 无子分类 -->
                    <a href="https://zhangwenbao.com/e-commerce/"
                       title="电商运营"
                                              class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900"
                       itemprop="url">
                        <span itemprop="name">电商运营</span>
                    </a>
                                                                <!-- 普通链接 / 无子分类 -->
                    <a href="https://zhangwenbao.com/foreign-trade/"
                       title="外贸知识"
                                              class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900"
                       itemprop="url">
                        <span itemprop="name">外贸知识</span>
                    </a>
                                                                <!-- 含下拉的导航项 -->
                    <div class="relative group flex-shrink-0" itemprop="url">
                        <a href="https://zhangwenbao.com/web/"
                           title="网站建设"
                                                      class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900 inline-flex items-center gap-1">
                            <span itemprop="name">网站建设</span>
                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="opacity-60 group-hover:opacity-100 transition-opacity">
                                <polyline points="6 9 12 15 18 9"></polyline>
                            </svg>
                        </a>
                        <!-- 下拉面板 -->
                        <div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-150 z-50">
                            <div class="min-w-[180px] py-2 bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded shadow-lg">
                                                                                                        <a href="https://zhangwenbao.com/web/dtc/"
                                       title="独立站"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        独立站                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/web/javascript/"
                                       title="JS教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        JS教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/web/css/"
                                       title="CSS教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        CSS教程                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                                <!-- 含下拉的导航项 -->
                    <div class="relative group flex-shrink-0" itemprop="url">
                        <a href="https://zhangwenbao.com/cms/"
                           title="CMS教程"
                                                      class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900 inline-flex items-center gap-1">
                            <span itemprop="name">CMS教程</span>
                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="opacity-60 group-hover:opacity-100 transition-opacity">
                                <polyline points="6 9 12 15 18 9"></polyline>
                            </svg>
                        </a>
                        <!-- 下拉面板 -->
                        <div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-150 z-50">
                            <div class="min-w-[180px] py-2 bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded shadow-lg">
                                                                                                        <a href="https://zhangwenbao.com/cms/wordpress/"
                                       title="WordPress教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        WordPress教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/discuz/"
                                       title="Discuz教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Discuz教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/magento/"
                                       title="Magento教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Magento教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/typecho/"
                                       title="Typecho教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Typecho教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/ecshop/"
                                       title="ECShop教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        ECShop教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/aspcms/"
                                       title="ASPCMS教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        ASPCMS教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/zblog/"
                                       title="Z-Blog教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Z-Blog教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/dedecms/"
                                       title="织梦CMS教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        织梦CMS教程                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/cms/empirecms/"
                                       title="帝国CMS教程"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        帝国CMS教程                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                                <!-- 含下拉的导航项 -->
                    <div class="relative group flex-shrink-0" itemprop="url">
                        <a href="https://zhangwenbao.com/server/"
                           title="服务器运维"
                                                      class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900 inline-flex items-center gap-1">
                            <span itemprop="name">服务器运维</span>
                            <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="opacity-60 group-hover:opacity-100 transition-opacity">
                                <polyline points="6 9 12 15 18 9"></polyline>
                            </svg>
                        </a>
                        <!-- 下拉面板 -->
                        <div class="absolute top-full left-0 pt-2 opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-150 z-50">
                            <div class="min-w-[180px] py-2 bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded shadow-lg">
                                                                                                        <a href="https://zhangwenbao.com/server/apache/"
                                       title="Apache"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Apache                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/server/linux/"
                                       title="Linux"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Linux                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/server/windows/"
                                       title="Windows"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Windows                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/server/mysql/"
                                       title="MySQL"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        MySQL                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/server/nginx/"
                                       title="Nginx"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        Nginx                                    </a>
                                                                                                        <a href="https://zhangwenbao.com/server/php/"
                                       title="PHP"
                                       class="block px-4 py-2 text-sm no-underline transition-colors whitespace-nowrap text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900 hover:text-accent-700 dark:hover:text-accent-400">
                                        PHP                                    </a>
                                                            </div>
                        </div>
                    </div>
                                                                <!-- 普通链接 / 无子分类 -->
                    <a href="https://zhangwenbao.com/tips/"
                       title="实用技巧"
                                              class="px-2 py-1.5 rounded transition-colors no-underline whitespace-nowrap flex-shrink-0 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-50 dark:hover:bg-zinc-900"
                       itemprop="url">
                        <span itemprop="name">实用技巧</span>
                    </a>
                                    </nav>
        <!-- 右侧：搜索 + 主题切换 + 移动端菜单 -->
        <div class="flex items-center gap-1">
                        <!-- 搜索按钮（⌘K 命令面板，全尺寸统一图标按钮，与主题切换按钮同款）-->
            <button type="button"
                    aria-label="搜索"
                    data-action="open-cmdk"
                    title="搜索（⌘K）"
                    class="p-2 rounded text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-900 transition-colors"
                    onclick="window.openCmdk ? window.openCmdk() : document.getElementById('site-search')?.showModal();">
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <circle cx="11" cy="11" r="8"></circle>
                    <path d="m21 21-4.35-4.35"></path>
                </svg>
            </button>
            <!-- 主题切换（明/暗/auto 三态） -->
            <button type="button"
                    aria-label="切换主题"
                    onclick="window.toggleTheme && window.toggleTheme()"
                    class="p-2 rounded text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-900 transition-colors"
                    id="theme-toggle-btn">
                <!-- 默认显示 sun，JS 加载后会切换为正确图标 -->
                <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <circle cx="12" cy="12" r="4"></circle>
                    <path d="M12 2v2"></path><path d="M12 20v2"></path>
                    <path d="m4.93 4.93 1.41 1.41"></path><path d="m17.66 17.66 1.41 1.41"></path>
                    <path d="M2 12h2"></path><path d="M20 12h2"></path>
                    <path d="m6.34 17.66-1.41 1.41"></path><path d="m19.07 4.93-1.41 1.41"></path>
                </svg>
            </button>
            <!-- 移动端菜单按钮 -->
            <button type="button"
                    aria-label="打开菜单"
                    aria-controls="mobile-drawer"
                    class="md:hidden p-2 rounded text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-900 transition-colors"
                    onclick="window.openMobileDrawer && window.openMobileDrawer()">
                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                    <line x1="4" x2="20" y1="6" y2="6"></line>
                    <line x1="4" x2="20" y1="12" y2="12"></line>
                    <line x1="4" x2="20" y1="18" y2="18"></line>
                </svg>
            </button>
        </div>
    </div>
</header>
<!-- 移动端抽屉式菜单（在 header 之外，盖到全屏）-->
<div id="mobile-drawer-backdrop"
     class="md:hidden fixed inset-0 bg-zinc-950/50 backdrop-blur-sm z-40 opacity-0 invisible transition-all duration-200"
     onclick="window.closeMobileDrawer && window.closeMobileDrawer()"></div>
<aside id="mobile-drawer"
       class="md:hidden fixed top-0 right-0 bottom-0 w-72 max-w-[85vw] bg-white dark:bg-zinc-950 border-l border-zinc-200 dark:border-zinc-800 z-50 translate-x-full transition-transform duration-300 ease-out shadow-2xl flex flex-col"
       role="dialog" aria-modal="true" aria-label="移动端导航">
    <div class="flex items-center justify-between h-16 px-4 border-b border-zinc-200 dark:border-zinc-800 flex-shrink-0">
        <span class="font-semibold text-zinc-900 dark:text-zinc-50">保哥笔记</span>
        <button type="button" aria-label="关闭菜单"
                class="p-2 rounded text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 hover:bg-zinc-100 dark:hover:bg-zinc-900 transition-colors"
                onclick="window.closeMobileDrawer && window.closeMobileDrawer()">
            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                <line x1="18" y1="6" x2="6" y2="18"></line>
                <line x1="6" y1="6" x2="18" y2="18"></line>
            </svg>
        </button>
    </div>
    <nav class="flex-1 overflow-y-auto p-4 flex flex-col gap-1 text-sm" aria-label="移动端导航">
                    <a href="https://zhangwenbao.com/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                首页                            </a>
                                <a href="https://zhangwenbao.com/seo/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                SEO优化                            </a>
                            <!-- 移动端：子分类作为缩进列表展示，无折叠（点击次数少） -->
                <div class="ml-3 pl-3 border-l border-zinc-200 dark:border-zinc-800 flex flex-col gap-0.5 mb-1">
                                            <a href="https://zhangwenbao.com/seo/google-seo/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            谷歌SEO                        </a>
                                            <a href="https://zhangwenbao.com/seo/baidu-seo/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            百度SEO                        </a>
                                            <a href="https://zhangwenbao.com/seo/seo-basics/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            SEO基础入门                        </a>
                                            <a href="https://zhangwenbao.com/seo/keyword-research/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            关键词研究                        </a>
                                            <a href="https://zhangwenbao.com/seo/on-page-seo/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            页面SEO                        </a>
                                            <a href="https://zhangwenbao.com/seo/technical-seo/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            技术SEO                        </a>
                                            <a href="https://zhangwenbao.com/seo/link-building/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            外链建设                        </a>
                                            <a href="https://zhangwenbao.com/seo/content-seo/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            内容SEO                        </a>
                                            <a href="https://zhangwenbao.com/seo/seo-algorithms/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            SEO算法与更新                        </a>
                                            <a href="https://zhangwenbao.com/seo/seo-analytics-tools/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            SEO数据与工具                        </a>
                                            <a href="https://zhangwenbao.com/seo/platform-seo/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            平台与多引擎SEO                        </a>
                                    </div>
                                <a href="https://zhangwenbao.com/geo-aeo/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                GEO/AEO                            </a>
                                <a href="https://zhangwenbao.com/e-commerce/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                电商运营                            </a>
                                <a href="https://zhangwenbao.com/foreign-trade/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                外贸知识                            </a>
                                <a href="https://zhangwenbao.com/web/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                网站建设                            </a>
                            <!-- 移动端：子分类作为缩进列表展示，无折叠（点击次数少） -->
                <div class="ml-3 pl-3 border-l border-zinc-200 dark:border-zinc-800 flex flex-col gap-0.5 mb-1">
                                            <a href="https://zhangwenbao.com/web/dtc/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            独立站                        </a>
                                            <a href="https://zhangwenbao.com/web/javascript/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            JS教程                        </a>
                                            <a href="https://zhangwenbao.com/web/css/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            CSS教程                        </a>
                                    </div>
                                <a href="https://zhangwenbao.com/cms/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                CMS教程                            </a>
                            <!-- 移动端：子分类作为缩进列表展示，无折叠（点击次数少） -->
                <div class="ml-3 pl-3 border-l border-zinc-200 dark:border-zinc-800 flex flex-col gap-0.5 mb-1">
                                            <a href="https://zhangwenbao.com/cms/wordpress/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            WordPress教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/discuz/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Discuz教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/magento/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Magento教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/typecho/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Typecho教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/ecshop/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            ECShop教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/aspcms/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            ASPCMS教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/zblog/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Z-Blog教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/dedecms/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            织梦CMS教程                        </a>
                                            <a href="https://zhangwenbao.com/cms/empirecms/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            帝国CMS教程                        </a>
                                    </div>
                                <a href="https://zhangwenbao.com/server/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                服务器运维                            </a>
                            <!-- 移动端：子分类作为缩进列表展示，无折叠（点击次数少） -->
                <div class="ml-3 pl-3 border-l border-zinc-200 dark:border-zinc-800 flex flex-col gap-0.5 mb-1">
                                            <a href="https://zhangwenbao.com/server/apache/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Apache                        </a>
                                            <a href="https://zhangwenbao.com/server/linux/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Linux                        </a>
                                            <a href="https://zhangwenbao.com/server/windows/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Windows                        </a>
                                            <a href="https://zhangwenbao.com/server/mysql/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            MySQL                        </a>
                                            <a href="https://zhangwenbao.com/server/nginx/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            Nginx                        </a>
                                            <a href="https://zhangwenbao.com/server/php/" class="block px-3 py-2 rounded text-sm no-underline transition-colors text-zinc-600 dark:text-zinc-400 hover:bg-zinc-50 dark:hover:bg-zinc-900">
                            PHP                        </a>
                                    </div>
                                <a href="https://zhangwenbao.com/tips/"
               class="block px-3 py-2.5 rounded no-underline transition-colors text-zinc-700 dark:text-zinc-300 hover:bg-zinc-50 dark:hover:bg-zinc-900"
               >
                实用技巧                            </a>
                        </nav>
</aside>
<!-- 搜索 dialog -->
<dialog id="site-search"
        class="bg-transparent backdrop:bg-zinc-950/40 dark:backdrop:bg-zinc-950/70 backdrop:backdrop-blur-sm m-0 p-0 max-w-2xl w-full top-32 left-1/2 -translate-x-1/2 fixed">
    <form method="get" action="https://zhangwenbao.com/" class="bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 rounded-lg shadow-md p-4 m-4">
        <label class="block">
            <span class="sr-only">搜索关键词</span>
            <input type="search" name="s" placeholder="搜索文章标题、关键词..."
                   class="w-full text-base px-3 py-2 bg-transparent border-b border-zinc-200 dark:border-zinc-800 focus:outline-none focus:border-accent-600 dark:focus:border-accent-400"
                   autofocus>
        </label>
        <div class="flex justify-between items-center mt-3 text-xs text-zinc-500 dark:text-zinc-400">
            <span>按 Enter 搜索</span>
            <button type="button" onclick="document.getElementById('site-search').close();" class="hover:text-zinc-900 dark:hover:text-zinc-100">取消 (Esc)</button>
        </div>
    </form>
</dialog>
<main id="main-content" role="main" class="flex-1 w-full">
    <section class="border-b border-zinc-200 dark:border-zinc-800">
        <div class="page-shell py-12 lg:py-16">
                            <p class="text-sm font-medium tracking-widest uppercase text-accent-700 dark:text-accent-400 mb-4">
                    标签                </p>
                        <h1 class="font-display text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight text-zinc-900 dark:text-zinc-50 leading-tight">
                内容转化            </h1>
                                        <p class="mt-6 text-lg lg:text-xl text-zinc-600 dark:text-zinc-400 max-w-3xl">
                    保哥笔记「内容转化」标签收录 1 篇相关内容，含《SEO博客故事化写作7技巧：让读者无法停止阅读的实战》等，提供 SEO/GEO 视角的深度解析。                </p>
                    </div>
    </section>
<div class="page-shell py-12 lg:py-16">
    <div class="page-grid">
        <div class="page-main">
            <section aria-label="文章列表">
                                                        <ul class="space-y-12 lg:space-y-16 list-none p-0">
                                                    <li>
                                <article itemscope itemtype="https://schema.org/BlogPosting" class="group">
                                    <meta itemprop="mainEntityOfPage" content="https://zhangwenbao.com/storytelling-business-blog-seo.html">
                                    <meta itemprop="datePublished" content="2026-03-18T14:01:16+08:00">
                                    <meta itemprop="dateModified" content="2026-05-16T19:38:11+08:00">
                                    <meta itemprop="author" content="张文保">
                                    <meta itemprop="publisher" content="保哥笔记">
                                    <div class="grid grid-cols-1 md:grid-cols-[2fr_1fr] gap-6 md:gap-8">
                                        <div class="min-w-0">
                                            <span class="schema-bracket" aria-hidden="true">Article</span>
                                                                                            <p class="text-xs uppercase tracking-widest text-zinc-500 dark:text-zinc-400 mb-3">
                                                                                                        <a href="https://zhangwenbao.com/seo/" class="hover:text-accent-700 dark:hover:text-accent-400 no-underline">
                                                        SEO优化                                                    </a>
                                                </p>
                                            <h2 itemprop="headline" class="title-wave-hover font-display text-2xl md:text-3xl lg:text-[2rem] font-bold text-zinc-900 dark:text-zinc-50 mb-4 leading-tight tracking-tight">
                                                <a itemprop="url" href="https://zhangwenbao.com/storytelling-business-blog-seo.html" title="SEO博客故事化写作7技巧：让读者无法停止阅读的实战指南"
                                                   class="text-zinc-900 dark:text-zinc-50 no-underline hover:text-accent-700 dark:hover:text-accent-400 transition-colors">
                                                    SEO博客故事化写作7技巧：让读者无法停止阅读的实战指南                                                </a>
                                            </h2>
                                            <p itemprop="description" class="text-base lg:text-lg text-zinc-600 dark:text-zinc-400 mb-5 leading-relaxed">
                                                AI批量生成的同质化内容时代，故事化写作成为最强差异化武器。保哥拆解钩子开头、段落三功能、三幕结构、开放环路、感官语言、主角代入、数据故事化7个企业博客叙事技巧，附12篇客户文章改写前后数据对比、3功能审稿清单与30天写作训练计划。                                            </p>
                                            <div class="flex flex-wrap items-center gap-x-4 gap-y-1 text-sm text-zinc-500 dark:text-zinc-400">
                                                <time datetime="2026-03-18T14:01:16+08:00" itemprop="datePublished">
                                                    2026-03-18                                                </time>
                                                <span aria-hidden="true">·</span>
                                                <span>1 分钟阅读</span>
                                                                                                    <span aria-hidden="true">·</span>
                                                    <span class="flex flex-wrap gap-1.5">
                                                                                                                    <a rel="tag" href="https://zhangwenbao.com/tag/E-E-A-T/"
                                                               class="pill no-underline" title="标签：E-E-A-T">
                                                                E-E-A-T                                                            </a>
                                                                                                                    <a rel="tag" href="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%90%A5%E9%94%80/"
                                                               class="pill no-underline" title="标签：内容营销">
                                                                内容营销                                                            </a>
                                                                                                                    <a rel="tag" href="https://zhangwenbao.com/tag/SEO%E5%86%99%E4%BD%9C/"
                                                               class="pill no-underline" title="标签：SEO写作">
                                                                SEO写作                                                            </a>
                                                                                                            </span>
                                                                                            </div>
                                        </div>
                                                                                    <a href="https://zhangwenbao.com/storytelling-business-blog-seo.html" class="order-first md:order-last block aspect-[4/3] md:aspect-video overflow-hidden rounded bg-zinc-100 dark:bg-zinc-900" title="SEO博客故事化写作7技巧：让读者无法停止阅读的实战指南">
                                                <img itemprop="image" src="https://zhangwenbao.com/usr/uploads/2026/03/1921314860.jpg"
                                                     alt="SEO博客故事化写作7技巧：让读者无法停止阅读的实战指南"
                                                     width="640" height="360"
                                                     loading="lazy" decoding="async"
                                                     class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
                                            </a>
                                                                            </div>
                                </article>
                            </li>
                                            </ul>
                    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "ItemList",
    "name": "内容转化 - 文章列表",
    "url": "https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%BD%AC%E5%8C%96/",
    "numberOfItems": 1,
    "itemListOrder": "https://schema.org/ItemListOrderDescending",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "url": "https://zhangwenbao.com/storytelling-business-blog-seo.html",
            "name": "SEO博客故事化写作7技巧：让读者无法停止阅读的实战指南"
        }
    ]
}
</script>
                    <nav aria-label="文章列表分页" class="mt-16 lg:mt-20 pt-8 border-t border-zinc-200 dark:border-zinc-800 flex flex-wrap items-center justify-between gap-3 text-sm">
                        <span class="text-zinc-500 dark:text-zinc-400">
                            第 1 页 / 共 1 页
                        </span>
                        <div class="flex items-center gap-2">
                                                                                </div>
                    </nav>
                            </section>
        </div>
        <aside role="complementary" aria-label="侧边栏" class="hidden lg:block lg:sticky lg:top-24 lg:self-start">
                <!-- 博主信息卡:Editorial v3.2 — 朱红 [ PERSON ] 印章 + 88x88 方头像 + mono dl + ink 印章按钮 -->
        <section class="author-card-bg ed-author-card" aria-label="博主信息">
            <span class="ed-card-tag" aria-hidden="true">[ PERSON ]</span>
            <picture>
                <source srcset="https://zhangwenbao.com/logo-176.webp" type="image/webp">
                <img src="https://zhangwenbao.com/logo-64.png"
                     alt="保哥笔记博主张文保"
                     width="88" height="88"
                     loading="lazy" decoding="async"
                     class="site-logo w-22 h-22 object-cover block">
            </picture>
            <div class="font-extrabold text-lg text-zinc-900 dark:text-zinc-50 leading-tight mb-3" style="font-size:1.25rem;">
                保哥笔记            </div>
            <dl class="text-base space-y-1.5 text-left">
                                <div class="flex gap-1.5">
                    <dt class="font-bold text-zinc-700 dark:text-zinc-300 flex-shrink-0">博主：</dt>
                    <dd class="font-semibold text-zinc-800 dark:text-zinc-200 m-0">张文保</dd>
                </div>
                                                <div class="flex gap-1.5">
                    <dt class="font-bold text-zinc-700 dark:text-zinc-300 flex-shrink-0">职位：</dt>
                    <dd class="font-semibold text-zinc-800 dark:text-zinc-200 m-0">SEO经理 &amp; SEO专家</dd>
                </div>
                                                <div class="flex gap-1.5">
                    <dt class="font-bold text-zinc-700 dark:text-zinc-300 flex-shrink-0">公司：</dt>
                    <dd class="font-semibold text-zinc-800 dark:text-zinc-200 m-0">PatPat</dd>
                </div>
                                                <div class="flex gap-1.5">
                    <dt class="font-bold text-zinc-700 dark:text-zinc-300 flex-shrink-0">简介：</dt>
                    <dd class="font-semibold text-zinc-700 dark:text-zinc-300 m-0 leading-relaxed">二十年数字营销工作经验，专注SEO和GEO实战研究，某信息技术公司创始人，多家DTC出海头部品牌独立顾问。</dd>
                </div>
                            </dl>
            <a href="https://zhangwenbao.com/about/"
               class="inline-block mt-4 text-base font-semibold text-accent-700 dark:text-accent-400 hover:text-accent-800 dark:hover:text-accent-300 no-underline"
               title="张文保 — 了解更多">
                了解更多 →
            </a>
        </section>
        <!-- 保哥动态：左缩略图（3:2，相册首图）+ 右标题/日期；标题完整不截断 -->
                <section class="border border-zinc-200 dark:border-zinc-800 rounded p-4 mb-6" aria-label="保哥动态">
            <!-- 标题行：左标题 + 右 ">>更多" 链接 -->
            <div class="flex items-center justify-between mb-3">
                <div class="text-base font-bold tracking-wide text-zinc-700 dark:text-zinc-200 flex items-center gap-2">
                    <span class="text-accent-600 dark:text-accent-400">
                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
                            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><line x1="10" y1="9" x2="8" y2="9"/>
                        </svg>
                    </span>保哥动态
                </div>
                <a href="https://zhangwenbao.com/gallery/"
                   class="text-sm text-zinc-500 dark:text-zinc-400 hover:text-accent-700 dark:hover:text-accent-400 no-underline font-medium"
                   title="查看保哥全部动态">&gt;&gt;更多</a>
            </div>
            <ul class="space-y-3 list-none p-0">
                                    <li>
                        <a href="https://zhangwenbao.com/gallery/community-meetups/xuchuan-aomen.html"
                           class="flex items-stretch gap-2.5 no-underline group"
                           title="与徐川一起逛澳门">
                            <!-- 左：缩略图，3:2 fallback；flex stretch 时高度自动跟齐右侧 -->
                            <div class="flex-shrink-0 w-[84px] overflow-hidden rounded bg-zinc-100 dark:bg-zinc-900" style="aspect-ratio:3/2;">
                                                                    <img src="https://zhangwenbao.com/gallery/uploads/thumbs-sm/20260416-76f37bec0d.jpg"
                                         alt="与徐川一起逛澳门"
                                         width="168" height="112"
                                         loading="lazy" decoding="async"
                                         class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
                                                            </div>
                            <!-- 右：上标题（完整显示）+ 下日期；两端对齐填满高度 -->
                            <div class="flex-1 min-w-0 flex flex-col justify-between gap-1 py-0.5">
                                <div class="text-sm font-medium text-zinc-700 dark:text-zinc-300 group-hover:text-accent-700 dark:group-hover:text-accent-400 leading-snug break-words">
                                    与徐川一起逛澳门                                </div>
                                <time class="text-zinc-500 dark:text-zinc-500 font-variant-numeric tabular-nums" style="font-size:13px;" datetime="2026-04-04">
                                    2026-04-04                                </time>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/gallery/training/iwish-66-dtc-yihaowei.html"
                           class="flex items-stretch gap-2.5 no-underline group"
                           title="在艾维第66期DTC品牌独立站出海一号位战略课上的分享">
                            <!-- 左：缩略图，3:2 fallback；flex stretch 时高度自动跟齐右侧 -->
                            <div class="flex-shrink-0 w-[84px] overflow-hidden rounded bg-zinc-100 dark:bg-zinc-900" style="aspect-ratio:3/2;">
                                                                    <img src="https://zhangwenbao.com/gallery/uploads/thumbs-sm/20260329-6a4d31ce13.jpg"
                                         alt="在艾维第66期DTC品牌独立站出海一号位战略课上的分享"
                                         width="168" height="112"
                                         loading="lazy" decoding="async"
                                         class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
                                                            </div>
                            <!-- 右：上标题（完整显示）+ 下日期；两端对齐填满高度 -->
                            <div class="flex-1 min-w-0 flex flex-col justify-between gap-1 py-0.5">
                                <div class="text-sm font-medium text-zinc-700 dark:text-zinc-300 group-hover:text-accent-700 dark:group-hover:text-accent-400 leading-snug break-words">
                                    在艾维第66期DTC品牌独立站出海一号位战略课上的分享                                </div>
                                <time class="text-zinc-500 dark:text-zinc-500 font-variant-numeric tabular-nums" style="font-size:13px;" datetime="2026-03-28">
                                    2026-03-28                                </time>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/gallery/industry-events/qizan-sanzhounian-wanyan.html"
                           class="flex items-stretch gap-2.5 no-underline group"
                           title="参加奇赞三周年庆典嘉宾讲师答谢晚宴">
                            <!-- 左：缩略图，3:2 fallback；flex stretch 时高度自动跟齐右侧 -->
                            <div class="flex-shrink-0 w-[84px] overflow-hidden rounded bg-zinc-100 dark:bg-zinc-900" style="aspect-ratio:3/2;">
                                                                    <img src="https://zhangwenbao.com/gallery/uploads/thumbs-sm/20260323-32ecb976e2.jpg"
                                         alt="参加奇赞三周年庆典嘉宾讲师答谢晚宴"
                                         width="168" height="112"
                                         loading="lazy" decoding="async"
                                         class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
                                                            </div>
                            <!-- 右：上标题（完整显示）+ 下日期；两端对齐填满高度 -->
                            <div class="flex-1 min-w-0 flex flex-col justify-between gap-1 py-0.5">
                                <div class="text-sm font-medium text-zinc-700 dark:text-zinc-300 group-hover:text-accent-700 dark:group-hover:text-accent-400 leading-snug break-words">
                                    参加奇赞三周年庆典嘉宾讲师答谢晚宴                                </div>
                                <time class="text-zinc-500 dark:text-zinc-500 font-variant-numeric tabular-nums" style="font-size:13px;" datetime="2026-03-21">
                                    2026-03-21                                </time>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/gallery/industry-events/ruojufanxing-2026-zhongguo-guge-seo-geo-dahui.html"
                           class="flex items-stretch gap-2.5 no-underline group"
                           title="参加若聚凡星主办的2026中国谷歌SEO&amp;GEO大会">
                            <!-- 左：缩略图，3:2 fallback；flex stretch 时高度自动跟齐右侧 -->
                            <div class="flex-shrink-0 w-[84px] overflow-hidden rounded bg-zinc-100 dark:bg-zinc-900" style="aspect-ratio:3/2;">
                                                                    <img src="https://zhangwenbao.com/gallery/uploads/thumbs-sm/20260326-63f16c52a8.jpg"
                                         alt="参加若聚凡星主办的2026中国谷歌SEO&amp;GEO大会"
                                         width="168" height="112"
                                         loading="lazy" decoding="async"
                                         class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
                                                            </div>
                            <!-- 右：上标题（完整显示）+ 下日期；两端对齐填满高度 -->
                            <div class="flex-1 min-w-0 flex flex-col justify-between gap-1 py-0.5">
                                <div class="text-sm font-medium text-zinc-700 dark:text-zinc-300 group-hover:text-accent-700 dark:group-hover:text-accent-400 leading-snug break-words">
                                    参加若聚凡星主办的2026中国谷歌SEO&amp;GEO大会                                </div>
                                <time class="text-zinc-500 dark:text-zinc-500 font-variant-numeric tabular-nums" style="font-size:13px;" datetime="2026-03-14">
                                    2026-03-14                                </time>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/gallery/industry-events/cbd-geo-dahui-semrush-paihangbang-dahui.html"
                           class="flex items-stretch gap-2.5 no-underline group"
                           title="参加CBD主办的GEO大会暨SEMrush排行榜大会">
                            <!-- 左：缩略图，3:2 fallback；flex stretch 时高度自动跟齐右侧 -->
                            <div class="flex-shrink-0 w-[84px] overflow-hidden rounded bg-zinc-100 dark:bg-zinc-900" style="aspect-ratio:3/2;">
                                                                    <img src="https://zhangwenbao.com/gallery/uploads/thumbs-sm/20260325-cf7ec959da.png"
                                         alt="参加CBD主办的GEO大会暨SEMrush排行榜大会"
                                         width="168" height="112"
                                         loading="lazy" decoding="async"
                                         class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
                                                            </div>
                            <!-- 右：上标题（完整显示）+ 下日期；两端对齐填满高度 -->
                            <div class="flex-1 min-w-0 flex flex-col justify-between gap-1 py-0.5">
                                <div class="text-sm font-medium text-zinc-700 dark:text-zinc-300 group-hover:text-accent-700 dark:group-hover:text-accent-400 leading-snug break-words">
                                    参加CBD主办的GEO大会暨SEMrush排行榜大会                                </div>
                                <time class="text-zinc-500 dark:text-zinc-500 font-variant-numeric tabular-nums" style="font-size:13px;" datetime="2025-11-25">
                                    2025-11-25                                </time>
                            </div>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/gallery/community-meetups/xuchuan-guangxianggang-gouwu.html"
                           class="flex items-stretch gap-2.5 no-underline group"
                           title="与徐川一起逛香港">
                            <!-- 左：缩略图，3:2 fallback；flex stretch 时高度自动跟齐右侧 -->
                            <div class="flex-shrink-0 w-[84px] overflow-hidden rounded bg-zinc-100 dark:bg-zinc-900" style="aspect-ratio:3/2;">
                                                                    <img src="https://zhangwenbao.com/gallery/uploads/thumbs-sm/20260325-5016075ce6.png"
                                         alt="与徐川一起逛香港"
                                         width="168" height="112"
                                         loading="lazy" decoding="async"
                                         class="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105">
                                                            </div>
                            <!-- 右：上标题（完整显示）+ 下日期；两端对齐填满高度 -->
                            <div class="flex-1 min-w-0 flex flex-col justify-between gap-1 py-0.5">
                                <div class="text-sm font-medium text-zinc-700 dark:text-zinc-300 group-hover:text-accent-700 dark:group-hover:text-accent-400 leading-snug break-words">
                                    与徐川一起逛香港                                </div>
                                <time class="text-zinc-500 dark:text-zinc-500 font-variant-numeric tabular-nums" style="font-size:13px;" datetime="2025-11-08">
                                    2025-11-08                                </time>
                            </div>
                        </a>
                    </li>
                            </ul>
        </section>
        <!-- 下方版块（标签/最近文章/最近评论）：正常流，在 aside 底部 -->
        <div class="space-y-6">
        <!-- 标签云（按文章数从多到少排序，字号按数量缩放，颜色按名称 hash → HSL 色相，每个标签独立颜色） -->
                <section class="border border-zinc-200 dark:border-zinc-800 rounded p-4" aria-label="标签">
            <div class="text-base font-bold tracking-wide text-zinc-700 dark:text-zinc-200 mb-3 flex items-center gap-2"><span class="text-accent-600 dark:text-accent-400"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"/><circle cx="7" cy="7" r="1.2"/></svg></span>标签</div>            <!-- Editorial v3.1: 标签颜色统一 (单一信号色),不再每标签独立 HSL -->
            <div class="flex flex-wrap gap-1.5">
                                    <a href="https://zhangwenbao.com/tag/%E6%8A%80%E6%9C%AFSEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：技术SEO（81 篇）">
                        技术SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/GEO%E4%BC%98%E5%8C%96/"
                       class="v2-tag inline-block no-underline"
                       title="标签：GEO优化（63 篇）">
                        GEO优化                    </a>
                                    <a href="https://zhangwenbao.com/tag/GEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：GEO（54 篇）">
                        GEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/AI%E6%90%9C%E7%B4%A2%E4%BC%98%E5%8C%96/"
                       class="v2-tag inline-block no-underline"
                       title="标签：AI搜索优化（42 篇）">
                        AI搜索优化                    </a>
                                    <a href="https://zhangwenbao.com/tag/AI%E6%90%9C%E7%B4%A2/"
                       class="v2-tag inline-block no-underline"
                       title="标签：AI搜索（42 篇）">
                        AI搜索                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E7%BB%93%E6%9E%84%E5%8C%96%E6%95%B0%E6%8D%AE/"
                       class="v2-tag inline-block no-underline"
                       title="标签：结构化数据（38 篇）">
                        结构化数据                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E7%94%B5%E5%95%86SEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：电商SEO（30 篇）">
                        电商SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/SEO%E7%AD%96%E7%95%A5/"
                       class="v2-tag inline-block no-underline"
                       title="标签：SEO策略（28 篇）">
                        SEO策略                    </a>
                                    <a href="https://zhangwenbao.com/tag/E-E-A-T/"
                       class="v2-tag inline-block no-underline"
                       title="标签：E-E-A-T（25 篇）">
                        E-E-A-T                    </a>
                                    <a href="https://zhangwenbao.com/tag/Core-Web-Vitals/"
                       class="v2-tag inline-block no-underline"
                       title="标签：Core Web Vitals（22 篇）">
                        Core Web Vitals                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9SEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：内容SEO（21 篇）">
                        内容SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/DedeCMS/"
                       class="v2-tag inline-block no-underline"
                       title="标签：DedeCMS（21 篇）">
                        DedeCMS                    </a>
                                    <a href="https://zhangwenbao.com/tag/Google%E7%AE%97%E6%B3%95/"
                       class="v2-tag inline-block no-underline"
                       title="标签：Google算法（19 篇）">
                        Google算法                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%85%B3%E9%94%AE%E8%AF%8D%E7%A0%94%E7%A9%B6/"
                       class="v2-tag inline-block no-underline"
                       title="标签：关键词研究（19 篇）">
                        关键词研究                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E7%AD%96%E7%95%A5/"
                       class="v2-tag inline-block no-underline"
                       title="标签：内容策略（19 篇）">
                        内容策略                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E7%94%9F%E6%88%90%E5%BC%8F%E5%BC%95%E6%93%8E%E4%BC%98%E5%8C%96/"
                       class="v2-tag inline-block no-underline"
                       title="标签：生成式引擎优化（18 篇）">
                        生成式引擎优化                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%A4%96%E9%93%BE%E5%BB%BA%E8%AE%BE/"
                       class="v2-tag inline-block no-underline"
                       title="标签：外链建设（17 篇）">
                        外链建设                    </a>
                                    <a href="https://zhangwenbao.com/tag/AI%E7%88%AC%E8%99%AB/"
                       class="v2-tag inline-block no-underline"
                       title="标签：AI爬虫（17 篇）">
                        AI爬虫                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%86%85%E5%AE%B9%E8%90%A5%E9%94%80/"
                       class="v2-tag inline-block no-underline"
                       title="标签：内容营销（17 篇）">
                        内容营销                    </a>
                                    <a href="https://zhangwenbao.com/tag/GEO%E7%AD%96%E7%95%A5/"
                       class="v2-tag inline-block no-underline"
                       title="标签：GEO策略（17 篇）">
                        GEO策略                    </a>
                                    <a href="https://zhangwenbao.com/tag/SEO%E5%B7%A5%E5%85%B7/"
                       class="v2-tag inline-block no-underline"
                       title="标签：SEO工具（15 篇）">
                        SEO工具                    </a>
                                    <a href="https://zhangwenbao.com/tag/SEO%E4%BC%98%E5%8C%96/"
                       class="v2-tag inline-block no-underline"
                       title="标签：SEO优化（14 篇）">
                        SEO优化                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%93%81%E7%89%8CSEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：品牌SEO（14 篇）">
                        品牌SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%87%BA%E6%B5%B7%E7%8B%AC%E7%AB%8B%E7%AB%99/"
                       class="v2-tag inline-block no-underline"
                       title="标签：出海独立站（13 篇）">
                        出海独立站                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E6%90%9C%E7%B4%A2%E6%84%8F%E5%9B%BE/"
                       class="v2-tag inline-block no-underline"
                       title="标签：搜索意图（13 篇）">
                        搜索意图                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%B9%B3%E5%8F%B0SEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：平台SEO（12 篇）">
                        平台SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/robots-txt/"
                       class="v2-tag inline-block no-underline"
                       title="标签：robots.txt（12 篇）">
                        robots.txt                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E6%8A%93%E5%8F%96%E9%A2%84%E7%AE%97/"
                       class="v2-tag inline-block no-underline"
                       title="标签：抓取预算（12 篇）">
                        抓取预算                    </a>
                                    <a href="https://zhangwenbao.com/tag/AI%E5%BC%95%E7%94%A8/"
                       class="v2-tag inline-block no-underline"
                       title="标签：AI引用（12 篇）">
                        AI引用                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E8%B0%B7%E6%AD%8CSEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：谷歌SEO（12 篇）">
                        谷歌SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/SEO%E6%95%B0%E6%8D%AE%E5%88%86%E6%9E%90/"
                       class="v2-tag inline-block no-underline"
                       title="标签：SEO数据分析（12 篇）">
                        SEO数据分析                    </a>
                                    <a href="https://zhangwenbao.com/tag/AEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：AEO（12 篇）">
                        AEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E7%8B%AC%E7%AB%8B%E7%AB%99SEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：独立站SEO（12 篇）">
                        独立站SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/functions-php/"
                       class="v2-tag inline-block no-underline"
                       title="标签：functions.php（11 篇）">
                        functions.php                    </a>
                                    <a href="https://zhangwenbao.com/tag/SEO%E5%9F%BA%E7%A1%80/"
                       class="v2-tag inline-block no-underline"
                       title="标签：SEO基础（11 篇）">
                        SEO基础                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E9%A1%B5%E9%9D%A2SEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：页面SEO（10 篇）">
                        页面SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E5%AE%9E%E4%BD%93SEO/"
                       class="v2-tag inline-block no-underline"
                       title="标签：实体SEO（10 篇）">
                        实体SEO                    </a>
                                    <a href="https://zhangwenbao.com/tag/canonical/"
                       class="v2-tag inline-block no-underline"
                       title="标签：canonical（10 篇）">
                        canonical                    </a>
                                    <a href="https://zhangwenbao.com/tag/SEO%E8%87%AA%E5%8A%A8%E5%8C%96/"
                       class="v2-tag inline-block no-underline"
                       title="标签：SEO自动化（10 篇）">
                        SEO自动化                    </a>
                                    <a href="https://zhangwenbao.com/tag/%E7%BB%87%E6%A2%A6%E6%BC%8F%E6%B4%9E/"
                       class="v2-tag inline-block no-underline"
                       title="标签：织梦漏洞（10 篇）">
                        织梦漏洞                    </a>
                            </div>
        </section>
        <!-- 最新文章（仅文章页/自定义页显示）— 纯文字布局：标题 + 日期，无缩略图（部分文章无封面图） -->
        <!-- 最新评论 -->
        <section class="border border-zinc-200 dark:border-zinc-800 rounded p-4" aria-label="最新评论">
            <div class="text-base font-bold tracking-wide text-zinc-700 dark:text-zinc-200 mb-3 flex items-center gap-2"><span class="text-accent-600 dark:text-accent-400"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></span>最新评论</div>            <ul class="space-y-3 text-base list-none p-0">
                                                    <li>
                        <a href="https://zhangwenbao.com/cosine-similarity-ecommerce-seo-semantic-optimization.html/comment-page-1#comment-18414" rel="nofollow" class="block hover:bg-zinc-50 dark:hover:bg-zinc-900 -m-1 p-1 rounded no-underline" title="电商SEO语义优化实战：用余弦相似度压商品蚕食8步+30案例">
                            <p class="text-zinc-700 dark:text-zinc-300 line-clamp-2 leading-relaxed">
                                <span class="font-medium text-zinc-900 dark:text-zinc-100">张文保:</span>
                                文章里确实更侧重"怎么把相似度用起来"，对分数本身的可信度边界没有展开讲。...                            </p>
                            <time class="text-sm text-zinc-400 dark:text-zinc-600" datetime="2026-04-10T14:31:10+08:00">
                                2026-04-10                            </time>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/cosine-similarity-ecommerce-seo-semantic-optimization.html/comment-page-1#comment-18413" rel="nofollow" class="block hover:bg-zinc-50 dark:hover:bg-zinc-900 -m-1 p-1 rounded no-underline" title="电商SEO语义优化实战：用余弦相似度压商品蚕食8步+30案例">
                            <p class="text-zinc-700 dark:text-zinc-300 line-clamp-2 leading-relaxed">
                                <span class="font-medium text-zinc-900 dark:text-zinc-100">微信用户:</span>
                                写得很干，特别是关于分类页那套语义矩阵的逻辑，深感认同！我们做跨境项目时也...                            </p>
                            <time class="text-sm text-zinc-400 dark:text-zinc-600" datetime="2026-04-10T09:51:29+08:00">
                                2026-04-10                            </time>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/us-zip-code.html/comment-page-1#comment-18362" rel="nofollow" class="block hover:bg-zinc-50 dark:hover:bg-zinc-900 -m-1 p-1 rounded no-underline" title="2025年美国邮政编码大全-美国所有城市Zip Code">
                            <p class="text-zinc-700 dark:text-zinc-300 line-clamp-2 leading-relaxed">
                                <span class="font-medium text-zinc-900 dark:text-zinc-100">张文保:</span>
                                谢谢认可！能帮到你就值了，有其他问题随时留言 😊                            </p>
                            <time class="text-sm text-zinc-400 dark:text-zinc-600" datetime="2026-03-30T22:19:34+08:00">
                                2026-03-30                            </time>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/hong-kong-mobile-phone-card.html/comment-page-1#comment-18361" rel="nofollow" class="block hover:bg-zinc-50 dark:hover:bg-zinc-900 -m-1 p-1 rounded no-underline" title="内地人办香港手机卡完整攻略：4运营商对比">
                            <p class="text-zinc-700 dark:text-zinc-300 line-clamp-2 leading-relaxed">
                                <span class="font-medium text-zinc-900 dark:text-zinc-100">张文保:</span>
                                不客气！办业务顺利的话回来分享下体验呀，也能帮到其他有同样需求的朋友 :)                            </p>
                            <time class="text-sm text-zinc-400 dark:text-zinc-600" datetime="2026-03-30T22:18:49+08:00">
                                2026-03-30                            </time>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/gsc-regex-mine-ai-search-prompts-guide.html/comment-page-1#comment-18360" rel="nofollow" class="block hover:bg-zinc-50 dark:hover:bg-zinc-900 -m-1 p-1 rounded no-underline" title="GSC正则挖AI搜索Prompt：5步实战追踪指南">
                            <p class="text-zinc-700 dark:text-zinc-300 line-clamp-2 leading-relaxed">
                                <span class="font-medium text-zinc-900 dark:text-zinc-100">张文保:</span>
                                说到点上了！GSC自带的正则确实够用，免费的东西不用白不用，付费工具更适合...                            </p>
                            <time class="text-sm text-zinc-400 dark:text-zinc-600" datetime="2026-03-30T22:18:05+08:00">
                                2026-03-30                            </time>
                        </a>
                    </li>
                                    <li>
                        <a href="https://zhangwenbao.com/alibaba-aigc-google-deindex-dtc-seo-guide.html/comment-page-1#comment-18359" rel="nofollow" class="block hover:bg-zinc-50 dark:hover:bg-zinc-900 -m-1 p-1 rounded no-underline" title="阿里国际站590万AI页面清零：DTC独立站SEO避坑实战">
                            <p class="text-zinc-700 dark:text-zinc-300 line-clamp-2 leading-relaxed">
                                <span class="font-medium text-zinc-900 dark:text-zinc-100">张文保:</span>
                                哈哈说得在理！内容质量确实是长期主义的事，偷懒省下的时间迟早要加倍还回来。...                            </p>
                            <time class="text-sm text-zinc-400 dark:text-zinc-600" datetime="2026-03-30T22:16:22+08:00">
                                2026-03-30                            </time>
                        </a>
                    </li>
                            </ul>
        </section>
    </div>
</aside>
<!-- TOC builder 已统一到 post.php 内的 inline script，避免双 builder 重复填充 -->
    </div>
</div>
</main>
<footer role="contentinfo"
        class="border-t border-zinc-200 dark:border-zinc-800 mt-24 pt-12 pb-8 text-sm text-zinc-600 dark:text-zinc-400">
    <div class="container max-w-wide mx-auto px-4 lg:px-8 grid grid-cols-2 md:grid-cols-4 gap-8 lg:gap-12">
        <div>
            <div class="text-zinc-900 dark:text-zinc-50 font-semibold mb-3 text-base">关于</div>
            <ul class="space-y-2 list-none p-0">
                <li><a href="https://zhangwenbao.com/about/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="网站与博主">网站与博主</a></li>
                <li><a href="https://zhangwenbao.com/service/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="商业服务项目">商业服务项目</a></li>
                <li><a href="https://zhangwenbao.com/vip/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="申请VIP服务">申请VIP服务</a></li>
                <li><a href="https://zhangwenbao.com/contact/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="联系保哥">联系保哥</a></li>
                <li><a href="https://zhangwenbao.com/sponsor/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="友情赞助">友情赞助</a></li>
                <li><a href="https://zhangwenbao.com/friends/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="友情链接">友情链接</a></li>
                <li><a href="https://zhangwenbao.com/gallery/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="保哥相册与动态">保哥相册与动态</a></li>
            </ul>
        </div>
        <div>
            <div class="text-zinc-900 dark:text-zinc-50 font-semibold mb-3 text-base">内容</div>
            <ul class="space-y-2 list-none p-0">
                <li><a href="https://zhangwenbao.com/archives/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="时间归档">归档</a></li>
                <li><a href="https://zhangwenbao.com/tag/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="标签">标签</a></li>
                <li><a href="https://zhangwenbao.com/sitemap.xml" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="Sitemap">站点地图</a></li>
                <li><a href="https://zhangwenbao.com/rss.xml" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="RSS 订阅">RSS</a></li>
                <li><a href="https://zhangwenbao.com/llms.txt" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="llms.txt">llms.txt</a></li>
                <li><a href="https://zhangwenbao.com/llms-full.txt" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="llms-full.txt">llms-full.txt</a></li>
            </ul>
        </div>
        <div>
            <div class="text-zinc-900 dark:text-zinc-50 font-semibold mb-3 text-base">免费工具</div>
            <ul class="space-y-2 list-none p-0">
                <li><a href="https://zhangwenbao.com/tools/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="全部工具">全部工具</a></li>
                <li><a href="https://zhangwenbao.com/tools/content/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="内容优化工具">内容优化工具</a></li>
                <li><a href="https://zhangwenbao.com/tools/geo/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="GEO工具">GEO工具</a></li>
                <li><a href="https://zhangwenbao.com/tools/techseo/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="技术SEO工具">技术SEO工具</a></li>
                <li><a href="https://zhangwenbao.com/tools/link/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="链接与URL工具">链接与URL工具</a></li>
                <li><a href="https://zhangwenbao.com/tools/dev/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="开发者工具">开发者工具</a></li>
                <li><a href="https://zhangwenbao.com/tools/util/" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="实用工具">实用工具</a></li>
            </ul>
        </div>
        <div>
            <div class="text-zinc-900 dark:text-zinc-50 font-semibold mb-3 text-base">关注我</div>
            <ul class="space-y-2 list-none p-0">
                <li><a href="https://x.com/zhangwenbao" target="_blank" rel="noopener me" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="X (Twitter)">X / Twitter</a></li>
                <li><a href="https://www.linkedin.com/in/zhangwenbao/" target="_blank" rel="noopener me" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="LinkedIn">LinkedIn</a></li>
                <li><a href="https://github.com/zhangwenbao-com" target="_blank" rel="noopener me" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="GitHub">GitHub</a></li>
                <li><a href="https://www.reddit.com/user/zhangwenbao/" target="_blank" rel="noopener me" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="Reddit">Reddit</a></li>
            </ul>
        </div>
    </div>
        <div class="container max-w-wide mx-auto mt-16 px-4 lg:px-8">
        <div class="footer-colophon grid grid-cols-1 md:grid-cols-2 gap-8 md:gap-12">
            <div>
                <div class="font-semibold">RULES OF ENGAGEMENT</div>
                <dl class="m-0 p-0">
                    <dt>robots.txt</dt><dd><a href="https://zhangwenbao.com/robots.txt" rel="noopener">/robots.txt</a></dd>
                    <dt>llms.txt</dt><dd><a href="https://zhangwenbao.com/llms.txt" rel="noopener">AI 引用规则与摘要</a></dd>
                    <dt>llms-full.txt</dt><dd><a href="https://zhangwenbao.com/llms-full.txt" rel="noopener">完整训练语料</a></dd>
                    <dt>sitemap.xml</dt><dd><a href="https://zhangwenbao.com/sitemap.xml" rel="noopener">站点地图</a></dd>
                    <dt>rss.xml</dt><dd><a href="https://zhangwenbao.com/rss.xml" rel="noopener">RSS 2.0 订阅</a></dd>
                    <dt>license</dt><dd><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/deed.zh-hans" rel="license noopener" target="_blank">CC BY-NC-SA 4.0</a></dd>
                </dl>
            </div>
            <div>
                <div class="font-semibold">EDITORIAL COLOPHON</div>
                <dl class="m-0 p-0">
                    <dt>Editor-in-Chief</dt><dd>张文保 · Paul Zhang</dd>
                    <dt>Publication</dt><dd>保哥笔记</dd>
                    <dt>Display Type</dt><dd>Source Serif 4 · 思源宋体</dd>
                    <dt>Body Type</dt><dd>Inter · 思源黑体</dd>
                    <dt>System Type</dt><dd>JetBrains Mono</dd>
                    <dt>Articles</dt><dd><strong>841</strong> 篇 · 已发布</dd>
                    <dt>Compiled</dt><dd><time datetime="2026-05-23T11:56:50+08:00">2026-05-23 11:56:50 +08:00</time></dd>
                    <dt>Build Hash</dt><dd><code>e4c34bc</code> · zhangwenbao-editorial</dd>
                </dl>
            </div>
        </div>
    </div>
    <div class="container max-w-wide mx-auto mt-12 pt-8 border-t border-zinc-200 dark:border-zinc-800 px-4 lg:px-8">
        <div class="flex flex-col md:flex-row gap-4 md:items-end justify-between text-xs text-zinc-500 dark:text-zinc-500">
                            <div class="footer-info leading-relaxed [&_a]:text-zinc-500 [&_a]:dark:text-zinc-500 [&_a]:hover:text-accent-700 [&_a]:dark:hover:text-accent-300 [&_a]:no-underline [&_a]:transition-colors [&_br]:my-1 [&>br]:hidden">
                    &copy; 2026 保哥笔记 zhangwenbao.com <a href="https://beian.miit.gov.cn/" target="_blank" rel="noreferrer noopener nofollow">粤ICP备2022119699号</a>                </div>
            <div class="flex items-center gap-4 flex-shrink-0">
                <a href="#top" onclick="window.scrollTo({top:0,behavior:'smooth'});return false;" class="hover:text-accent-700 dark:hover:text-accent-300 no-underline" title="返回顶部">
                    返回顶部 ↑
                </a>
            </div>
        </div>
    </div>
</footer>
<!--
  zhangwenbao-v2 / icon sprite (perf-2026-05-19)
  本地化原 https://api.iconify.design 9 图标到内联 sprite。
  用法：<svg class="..." aria-hidden="true"><use href="#icon-<collection>-<name>"></use></svg>
  例如：<use href="#icon-simple-icons-wechat">
-->
<svg xmlns="http://www.w3.org/2000/svg" style="display:none" aria-hidden="true">
  <symbol id="icon-lucide-link" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"/><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"/></g></symbol>
  <symbol id="icon-simple-icons-facebook" viewBox="0 0 24 24"><path fill="currentColor" d="M9.101 23.691v-7.98H6.627v-3.667h2.474v-1.58c0-4.085 1.848-5.978 5.858-5.978c.401 0 .955.042 1.468.103a9 9 0 0 1 1.141.195v3.325a9 9 0 0 0-.653-.036a27 27 0 0 0-.733-.009c-.707 0-1.259.096-1.675.309a1.7 1.7 0 0 0-.679.622c-.258.42-.374.995-.374 1.752v1.297h3.919l-.386 2.103l-.287 1.564h-3.246v8.245C19.396 23.238 24 18.179 24 12.044c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.628 3.874 10.35 9.101 11.647"/></symbol>
  <symbol id="icon-simple-icons-linkedin" viewBox="0 0 24 24"><path fill="currentColor" d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z"/></symbol>
  <symbol id="icon-simple-icons-reddit" viewBox="0 0 24 24"><path fill="currentColor" d="M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286A.72.72 0 0 0 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0m4.388 3.199a1.999 1.999 0 1 1-1.947 2.46v.002a2.37 2.37 0 0 0-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363a2.802 2.802 0 1 1 2.908 4.753c-.088 3.256-3.637 5.876-7.997 5.876c-4.361 0-7.905-2.617-7.998-5.87a2.8 2.8 0 0 1 1.189-5.34c.645 0 1.239.218 1.712.585c1.275-.79 2.881-1.291 4.64-1.365v-.01a3.23 3.23 0 0 1 2.88-3.207a2 2 0 0 1 1.959-1.595m-8.085 8.376c-.784 0-1.459.78-1.506 1.797s.64 1.429 1.426 1.429s1.371-.369 1.418-1.385s-.553-1.841-1.338-1.841m7.406 0c-.786 0-1.385.824-1.338 1.841s.634 1.385 1.418 1.385c.785 0 1.473-.413 1.426-1.429c-.046-1.017-.721-1.797-1.506-1.797m-3.703 4.013c-.974 0-1.907.048-2.77.135a.222.222 0 0 0-.183.305a3.2 3.2 0 0 0 2.953 1.964a3.2 3.2 0 0 0 2.953-1.964a.222.222 0 0 0-.184-.305a28 28 0 0 0-2.769-.135"/></symbol>
  <symbol id="icon-simple-icons-sinaweibo" viewBox="0 0 24 24"><path fill="currentColor" d="M10.098 20.323c-3.977.391-7.414-1.406-7.672-4.02c-.259-2.609 2.759-5.047 6.74-5.441c3.979-.394 7.413 1.404 7.671 4.018c.259 2.6-2.759 5.049-6.737 5.439zM9.05 17.219c-.384.616-1.208.884-1.829.602c-.612-.279-.793-.991-.406-1.593c.379-.595 1.176-.861 1.793-.601c.622.263.82.972.442 1.592m1.27-1.627c-.141.237-.449.353-.689.253c-.236-.09-.313-.361-.177-.586c.138-.227.436-.346.672-.24c.239.09.315.36.18.601zm.176-2.719c-1.893-.493-4.033.45-4.857 2.118c-.836 1.704-.026 3.591 1.886 4.21c1.983.64 4.318-.341 5.132-2.179c.8-1.793-.201-3.642-2.161-4.149m7.563-1.224c-.346-.105-.57-.18-.405-.615c.375-.977.42-1.804 0-2.404c-.781-1.112-2.915-1.053-5.364-.03c0 0-.766.331-.571-.271c.376-1.217.315-2.224-.27-2.809c-1.338-1.337-4.869.045-7.888 3.08C1.309 10.87 0 13.273 0 15.348c0 3.981 5.099 6.395 10.086 6.395c6.536 0 10.888-3.801 10.888-6.82c0-1.822-1.547-2.854-2.915-3.284zm1.908-5.092a3.1 3.1 0 0 0-2.96-.962a.786.786 0 0 0-.616.932a.79.79 0 0 0 .932.602a1.51 1.51 0 0 1 1.442.465c.376.421.466.977.316 1.473a.786.786 0 0 0 .51.992a.813.813 0 0 0 .992-.512a3.11 3.11 0 0 0-.646-3.035zm2.418-2.195c-1.576-1.757-3.905-2.419-6.054-1.968a.91.91 0 0 0-.706 1.081a.91.91 0 0 0 1.082.707a4.5 4.5 0 0 1 4.296 1.383a4.53 4.53 0 0 1 .947 4.416a.91.91 0 0 0 .586 1.157c.479.165.991-.104 1.157-.586a6.39 6.39 0 0 0-1.338-6.235z"/></symbol>
  <symbol id="icon-simple-icons-telegram" viewBox="0 0 24 24"><path fill="currentColor" d="M11.944 0A12 12 0 0 0 0 12a12 12 0 0 0 12 12a12 12 0 0 0 12-12A12 12 0 0 0 12 0zm4.962 7.224c.1-.002.321.023.465.14a.5.5 0 0 1 .171.325c.016.093.036.306.02.472c-.18 1.898-.962 6.502-1.36 8.627c-.168.9-.499 1.201-.82 1.23c-.696.065-1.225-.46-1.9-.902c-1.056-.693-1.653-1.124-2.678-1.8c-1.185-.78-.417-1.21.258-1.91c.177-.184 3.247-2.977 3.307-3.23c.007-.032.014-.15-.056-.212s-.174-.041-.249-.024q-.159.037-5.061 3.345q-.72.495-1.302.48c-.428-.008-1.252-.241-1.865-.44c-.752-.245-1.349-.374-1.297-.789q.04-.324.893-.663q5.247-2.286 6.998-3.014c3.332-1.386 4.025-1.627 4.476-1.635"/></symbol>
  <symbol id="icon-simple-icons-tencentqq" viewBox="0 0 24 24"><path fill="currentColor" d="M21.395 15.035a40 40 0 0 0-.803-2.264l-1.079-2.695c.001-.032.014-.562.014-.836C19.526 4.632 17.351 0 12 0S4.474 4.632 4.474 9.241c0 .274.013.804.014.836l-1.08 2.695a39 39 0 0 0-.802 2.264c-1.021 3.283-.69 4.643-.438 4.673c.54.065 2.103-2.472 2.103-2.472c0 1.469.756 3.387 2.394 4.771c-.612.188-1.363.479-1.845.835c-.434.32-.379.646-.301.778c.343.578 5.883.369 7.482.189c1.6.18 7.14.389 7.483-.189c.078-.132.132-.458-.301-.778c-.483-.356-1.233-.646-1.846-.836c1.637-1.384 2.393-3.302 2.393-4.771c0 0 1.563 2.537 2.103 2.472c.251-.03.581-1.39-.438-4.673"/></symbol>
  <symbol id="icon-simple-icons-wechat" viewBox="0 0 24 24"><path fill="currentColor" d="M8.691 2.188C3.891 2.188 0 5.476 0 9.53c0 2.212 1.17 4.203 3.002 5.55a.59.59 0 0 1 .213.665l-.39 1.48c-.019.07-.048.141-.048.213c0 .163.13.295.29.295a.33.33 0 0 0 .167-.054l1.903-1.114a.86.86 0 0 1 .717-.098a10.2 10.2 0 0 0 2.837.403c.276 0 .543-.027.811-.05c-.857-2.578.157-4.972 1.932-6.446c1.703-1.415 3.882-1.98 5.853-1.838c-.576-3.583-4.196-6.348-8.596-6.348M5.785 5.991c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178A1.17 1.17 0 0 1 4.623 7.17c0-.651.52-1.18 1.162-1.18zm5.813 0c.642 0 1.162.529 1.162 1.18a1.17 1.17 0 0 1-1.162 1.178a1.17 1.17 0 0 1-1.162-1.178c0-.651.52-1.18 1.162-1.18m5.34 2.867c-1.797-.052-3.746.512-5.28 1.786c-1.72 1.428-2.687 3.72-1.78 6.22c.942 2.453 3.666 4.229 6.884 4.229c.826 0 1.622-.12 2.361-.336a.72.72 0 0 1 .598.082l1.584.926a.3.3 0 0 0 .14.047c.134 0 .24-.111.24-.247c0-.06-.023-.12-.038-.177l-.327-1.233a.6.6 0 0 1-.023-.156a.49.49 0 0 1 .201-.398C23.024 18.48 24 16.82 24 14.98c0-3.21-2.931-5.837-6.656-6.088V8.89c-.135-.01-.27-.027-.407-.03zm-2.53 3.274c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983a.976.976 0 0 1-.969-.983c0-.542.434-.982.97-.982zm4.844 0c.535 0 .969.44.969.982a.976.976 0 0 1-.969.983a.976.976 0 0 1-.969-.983c0-.542.434-.982.969-.982"/></symbol>
  <symbol id="icon-simple-icons-x" viewBox="0 0 24 24"><path fill="currentColor" d="M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z"/></symbol>
</svg>
<!-- 第三方库：代码高亮 + 图片放大 + OwO 表情（defer 异步加载）-->
<script src="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.10.0/build/highlight.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/medium-zoom@1.1.0/dist/medium-zoom.min.js" defer></script>
<script src="https://zhangwenbao.com/usr/themes/zhangwenbao-v2/assets/js/OwO.min.js" defer></script>
<!-- 主题 JS — 用 main.js 文件 mtime 做缓存破除 query，防浏览器持有旧版 -->
<script src="https://zhangwenbao.com/usr/themes/zhangwenbao-v2/assets/js/main.js?v=1779180697" defer></script>
<!-- Editorial v3.1: ⌘K 命令面板 + View Transitions (主题切换圆形遮罩) -->
<script src="https://zhangwenbao.com/usr/themes/zhangwenbao-v2/assets/js/editorial.js?v=1779123415" defer></script>
<!-- 主题选项 footerScript（管理后台粘贴的自定义 script 注入到此）-->
</body>
</html>