使用标题标签作为WordPress文章图片的替换(WordPress原始标签插件)

Wordpress2个月前更新 SUYEONE
370 0 0

WordPress site owners often neglect to add alt attributes to their images when publishing posts, which negatively impacts seo.幸亏,网络上有许多教程教如何自动为文章和图片添加ALT属性。这里提供一个国外的方法,你可以在你的主题功能模板functions.php中加入以下代码:

“`php
function add_alt_attribute($buffer) {
// Modify the buffer and return the updated code
$title = ”;
preg_match(‘/(.*?)/’, $buffer, $title_matches);</p> <p> if (!empty($title_matches)) {<br /> // Clean the title: r<a href="https://daohang.syekeji.com/tag/emo"><b style="color:#4ec3f7">EMO</b></a>ve EOL and excess whitespace<br /> $title = preg_replace(‘/\s+/’, ‘ ‘, $title_matches[1]);<br /> $title = trim($title);</p> <p> preg_match_all(‘/<img>/’, $buffer, $images);</p> <p> if (!empty($images)) {<br /> foreach ($images[1] as $index => $value) {<br /> preg_match(‘/alt=”(.*?)”/’, $value, $img);<br /> preg_match(‘/alt=\'(.*?)\’/’, $value, $img2);</p> <p> if (empty($img) || empty($img[1]) || empty($img2) || empty($img2[1])) {<br /> $new_img = str_replace(‘<img ', '<img alt="'.$title.'" ', $images[0][$index]);<br /> $buffer = str_replace($images[0][$index], $new_img, $buffer);<br /> }<br /> }<br /> }<br /> }</p> <p> return $buffer;<br /> }</p> <p>function start_buffer() {<br /> ob_start();<br /> }<br /> function end_buffer() {<br /> echo apply_filters('add_alt_attribute', ob_get_clean());<br /> }</p> <p>add_<a href="https://daohang.syekeji.com/tag/action"><b style="color:#4ec3f7">Action</b></a>('wp_head', 'start_buffer', 0);<br /> add_action('wp_footer', 'end_buffer');<br /> “`<br /> 尽管代码中使用了缓冲区,但这可能会略微<a class="external" href="https://daohang.syekeji.com/tag/%e5%bd%b1%e5%93%8d" title="查看与 影响 相关的文章" target="_blank">影响</a>性能。因此,建议安装静态缓存插件以提高效率。</p> <p>另外一种方法如下:</p> <p>“`php<br /> function auto_img_alt($content) {<br /> global $post;</p> <p> preg_match_all('/<img>/’, $content, $images);</p> <p> if (!empty($images)) {<br /> foreach ($images[1] as $index => $value) {<br /> $new_img = str_replace(‘<img ', '<img alt="'.get_the_title().'-'.get_bloginfo('name'), '" src=', '" src=', $images[0][$index]);<br /> $content = str_replace($images[0][$index], $new_img, $content);<br /> }<br /> }</p> <p> return $content;<br /> }<br /> add_filter('the_content', 'auto_img_alt', 99999);<br /> “`</p> <p>以上两种方法都可以帮助你自动为<a href="https://daohang.syekeji.com/tag/wordpress"><b style="color:#4ec3f7">WordPress</b></a>文章中的图片添加ALT属性,从而提升SEO<a class="external" href="https://daohang.syekeji.com/tag/%e6%95%88%e6%9e%9c" title="查看与 效果 相关的文章" target="_blank">效果</a>。</p> </div> <div class="post-tags my-3"><i class="iconfont icon-tags mr-2"></i><a href="https://daohang.syekeji.com/wordprssjiaoc" class="btn vc-l-violet btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># Wordpress</a><a href="https://daohang.syekeji.com/tag/action" class="btn vc-l-blue btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># Action</a><a href="https://daohang.syekeji.com/tag/emo" class="btn vc-l-red btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># EMO</a><a href="https://daohang.syekeji.com/tag/php" class="btn vc-l-violet btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># php</a><a href="https://daohang.syekeji.com/tag/seo" class="btn vc-l-violet btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># seo</a><a href="https://daohang.syekeji.com/tag/wordpress" class="btn vc-l-cyan btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># WordPress</a><a href="https://daohang.syekeji.com/tag/wordpress%e5%ad%a6%e4%b9%a0" class="btn btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># WordPress学习</a><a href="https://daohang.syekeji.com/tag/%e4%b8%bb%e9%a2%98" class="btn vc-l-cyan btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># 主题</a><a href="https://daohang.syekeji.com/tag/%e5%8a%9f%e8%83%bd" class="btn vc-l-red btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># 功能</a><a href="https://daohang.syekeji.com/tag/%e5%bd%b1%e5%93%8d" class="btn vc-l-red btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># 影响</a><a href="https://daohang.syekeji.com/tag/%e6%95%88%e6%9e%9c" class="btn vc-l-blue btn-sm text-xs text-height-xs m-1 rounded-pill" rel="tag" title="查看更多文章"># 效果</a></div><div class="text-xs text-muted"><div><span>©</span> 版权声明</div><div class="posts-copyright">文章版权归作者所有,未经允许请勿转载。</div></div> </div> </div> <div class="near-navigation rounded mt-4 py-2"> <div class="nav previous border-right border-color"> <a class="near-permalink" href="https://daohang.syekeji.com/3684.html"> <span>上一篇</span> <h4 class="near-title">如何安装wordpress?详细安装教程(图文)(wordpress教程菜鸟教程)</h4> </a> </div> <div class="nav next border-left border-color"> <a class="near-permalink" href="https://daohang.syekeji.com/3682.html"> <span>下一篇</span> <h4 class="near-title">后置复制器插件& # 8211;快速将WordPress文章复制到新草稿中。</h4> </a> </div> </div> <h4 class="text-gray text-lg my-4"><i class="site-tag iconfont icon-book icon-lg mr-1" ></i>相关文章</h4> <div class="row mb-n4"> <div class="col-6 col-md-4"> <div class="card-post list-item"> <div class="media media-4x3 p-0 rounded"> <a class="media-content" href="https://daohang.syekeji.com/4937.html" target="_blank" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content"> <div class="list-body"> <a href="https://daohang.syekeji.com/4937.html" target="_blank" class="list-title text-md overflowClip_2"> <span class="badge vc-red text-ss mr-1" title="新">N</span>美国科学家使用 AI 探索癌症治疗方案,患者体内免疫细胞将可“杀死”癌细胞 – IT之家 </a> </div> <div class="list-footer"> <div class="d-flex flex-fill align-items-center"> <a href="https://daohang.syekeji.com/author/2" class="flex-avatar mr-1" target="_blank"> <img alt='' src='//daohang.syekeji.com/wp-content/uploads/avatars/2.jpg?_=1692633997' class=' avatar avatar-20 photo' height='20' width='20' /> </a> <a href="https://daohang.syekeji.com/author/2" class="d-none d-md-inline-block text-xs" target="_blank">SUYEONE</a> <div class="flex-fill"></div> <div class="text-muted text-xs"> <span class="views mr-1"><i class="iconfont icon-chakan mr-1"></i>95</span> </div> </div> </div> </div> </div> </div> <div class="col-6 col-md-4"> <div class="card-post list-item"> <div class="media media-4x3 p-0 rounded"> <a class="media-content" href="https://daohang.syekeji.com/3532.html" target="_blank" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content"> <div class="list-body"> <a href="https://daohang.syekeji.com/3532.html" target="_blank" class="list-title text-md overflowClip_2"> 如何开发一个自动生成seo优化相关内容的WordPress插件(自动SEO网站源代码) </a> </div> <div class="list-footer"> <div class="d-flex flex-fill align-items-center"> <a href="https://daohang.syekeji.com/author/2" class="flex-avatar mr-1" target="_blank"> <img alt='' src='//daohang.syekeji.com/wp-content/uploads/avatars/2.jpg?_=1692633997' class=' avatar avatar-20 photo' height='20' width='20' /> </a> <a href="https://daohang.syekeji.com/author/2" class="d-none d-md-inline-block text-xs" target="_blank">SUYEONE</a> <div class="flex-fill"></div> <div class="text-muted text-xs"> <span class="views mr-1"><i class="iconfont icon-chakan mr-1"></i>460</span> </div> </div> </div> </div> </div> </div> <div class="col-6 col-md-4"> <div class="card-post list-item"> <div class="media media-4x3 p-0 rounded"> <a class="media-content" href="https://daohang.syekeji.com/3348.html" target="_blank" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content"> <div class="list-body"> <a href="https://daohang.syekeji.com/3348.html" target="_blank" class="list-title text-md overflowClip_2"> WordPress不会跳转到设置详细的教程,这使您可以轻松操作!(wordpress如何设置页面) </a> </div> <div class="list-footer"> <div class="d-flex flex-fill align-items-center"> <a href="https://daohang.syekeji.com/author/2" class="flex-avatar mr-1" target="_blank"> <img alt='' src='//daohang.syekeji.com/wp-content/uploads/avatars/2.jpg?_=1692633997' class=' avatar avatar-20 photo' height='20' width='20' /> </a> <a href="https://daohang.syekeji.com/author/2" class="d-none d-md-inline-block text-xs" target="_blank">SUYEONE</a> <div class="flex-fill"></div> <div class="text-muted text-xs"> <span class="views mr-1"><i class="iconfont icon-chakan mr-1"></i>495</span> </div> </div> </div> </div> </div> </div> <div class="col-6 col-md-4"> <div class="card-post list-item"> <div class="media media-4x3 p-0 rounded"> <a class="media-content" href="https://daohang.syekeji.com/4217.html" target="_blank" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content"> <div class="list-body"> <a href="https://daohang.syekeji.com/4217.html" target="_blank" class="list-title text-md overflowClip_2"> WordPress的开发语言解析及其适用网站类型探析 </a> </div> <div class="list-footer"> <div class="d-flex flex-fill align-items-center"> <a href="https://daohang.syekeji.com/author/2" class="flex-avatar mr-1" target="_blank"> <img alt='' src='//daohang.syekeji.com/wp-content/uploads/avatars/2.jpg?_=1692633997' class=' avatar avatar-20 photo' height='20' width='20' /> </a> <a href="https://daohang.syekeji.com/author/2" class="d-none d-md-inline-block text-xs" target="_blank">SUYEONE</a> <div class="flex-fill"></div> <div class="text-muted text-xs"> <span class="views mr-1"><i class="iconfont icon-chakan mr-1"></i>355</span> </div> </div> </div> </div> </div> </div> <div class="col-6 col-md-4"> <div class="card-post list-item"> <div class="media media-4x3 p-0 rounded"> <a class="media-content" href="https://daohang.syekeji.com/4181.html" target="_blank" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content"> <div class="list-body"> <a href="https://daohang.syekeji.com/4181.html" target="_blank" class="list-title text-md overflowClip_2"> 网易天音 AI 工具已开放使用:词、曲、编、唱、混等音乐创作辅助 – IT之家 </a> </div> <div class="list-footer"> <div class="d-flex flex-fill align-items-center"> <a href="https://daohang.syekeji.com/author/2" class="flex-avatar mr-1" target="_blank"> <img alt='' src='//daohang.syekeji.com/wp-content/uploads/avatars/2.jpg?_=1692633997' class=' avatar avatar-20 photo' height='20' width='20' /> </a> <a href="https://daohang.syekeji.com/author/2" class="d-none d-md-inline-block text-xs" target="_blank">SUYEONE</a> <div class="flex-fill"></div> <div class="text-muted text-xs"> <span class="views mr-1"><i class="iconfont icon-chakan mr-1"></i>730</span> </div> </div> </div> </div> </div> </div> <div class="col-6 col-md-4"> <div class="card-post list-item"> <div class="media media-4x3 p-0 rounded"> <a class="media-content" href="https://daohang.syekeji.com/3867.html" target="_blank" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content"> <div class="list-body"> <a href="https://daohang.syekeji.com/3867.html" target="_blank" class="list-title text-md overflowClip_2"> WPS 被指套娃式收费,内部人士称“会员使用 AI 功能福利期已到” – IT之家 </a> </div> <div class="list-footer"> <div class="d-flex flex-fill align-items-center"> <a href="https://daohang.syekeji.com/author/2" class="flex-avatar mr-1" target="_blank"> <img alt='' src='//daohang.syekeji.com/wp-content/uploads/avatars/2.jpg?_=1692633997' class=' avatar avatar-20 photo' height='20' width='20' /> </a> <a href="https://daohang.syekeji.com/author/2" class="d-none d-md-inline-block text-xs" target="_blank">SUYEONE</a> <div class="flex-fill"></div> <div class="text-muted text-xs"> <span class="views mr-1"><i class="iconfont icon-chakan mr-1"></i>500</span> </div> </div> </div> </div> </div> </div> </div> <!-- comments --> <div id="comments" class="comments"> <h2 id="comments-list-title" class="comments-title h5 mx-1 my-4"> <i class="iconfont icon-comment"></i> <span class="noticom"> <a href="https://daohang.syekeji.com/3683.html#respond" class="comments-title" >暂无评论</a> </span> </h2> <div class="card"> <div class="card-body"> <div id="respond_box"> <div id="respond" class="comment-respond"> <form id="commentform" class="text-sm mb-4"> <div class="visitor-avatar d-flex flex-fill mb-2"> <img class="v-avatar rounded-circle" src="https://daohang.syekeji.com/wp-content/themes/onenav/images/gravatar.jpg"> </div> <div class="comment-textarea mb-3"> <textarea name="comment" id="comment" class="form-control" placeholder="输入评论内容..." tabindex="4" cols="50" rows="3"></textarea> </div> <div id="comment-author-info" class="row row-sm"> <div class="col-12 col-md-6 mb-3"><input type="text" name="author" id="author" class="form-control" value="" size="22" placeholder="昵称" tabindex="2"/></div> <div class="col-12 col-md-6 mb-3"><input type="text" name="email" id="email" class="form-control" value="" size="22" placeholder="邮箱" tabindex="3" /></div> </div> <div class="com-footer d-flex justify-content-end flex-wrap"> <input type="hidden" id="_wpnonce" name="_wpnonce" value="9e67bb67c4" /><input type="hidden" name="_wp_http_referer" value="/3683.html" /> <a rel="nofollow" id="cancel-comment-reply-link" style="display: none;" href="javascript:;" class="btn btn-light custom_btn-outline mx-2">再想想</a> <input captcha-type="slider" type="hidden" name="captcha_type" value="slider" slider-id=""> <button class="btn btn-dark custom_btn-d ml-2" type="submit" id="submit">发表评论</button> <input type="hidden" name="action" value="ajax_comment"/> <input type='hidden' name='comment_post_ID' value='3683' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </div> </form> <div class="clear"></div> </div> </div> <div id="loading-comments"><span></span></div> <div class="not-comment card"><div class="card-body nothing text-center color-d">暂无评论...</div></div> </div> </div> </div><!-- comments end --> </div> </div> <div class="sidebar sidebar-tools d-none d-lg-block"> <div id="about_author-3" class="card io-sidebar-widget about_author"> <div class="widget-author-cover"> <div class="media media-2x1"> <div class="media-content" data-src="//gitee.com/iowen/ioimg/raw/master/banner/wHoOcfQGhqvlUkd.jpg"></div> </div> <div class="widget-author-avatar"> <div class="flex-avatar"> <img alt='' src='//daohang.syekeji.com/wp-content/uploads/avatars/2.jpg?_=1692633997' class=' avatar avatar-80 photo' height='80' width='80' /> </div> </div> </div> <div class="widget-author-meta text-center p-4"> <div class="h6 mb-3">SUYEONE<small class="d-block"> <span class="badge vc-violet2 btn-outline mt-2"> 管理员 </span></small> </div> <div class="desc text-xs mb-3 overflowClip_2"></div> <div class="row no-gutters text-center"> <a href="https://daohang.syekeji.com/author/2" target="_blank" class="col"> <span class="font-theme font-weight-bold text-md">1814</span><small class="d-block text-xs text-muted">文章</small> </a> <a href="https://daohang.syekeji.com/author/2" target="_blank" class="col"> <span class="font-theme font-weight-bold text-md">0</span><small class="d-block text-xs text-muted">评论</small> </a> <a href="https://daohang.syekeji.com/author/2" target="_blank" class="col"> <span class="font-theme font-weight-bold text-md">1.2M</span><small class="d-block text-xs text-muted">浏览</small> </a> <a href="https://daohang.syekeji.com/author/2" target="_blank" class="col"> <span class="font-theme font-weight-bold text-md">5.2K</span><small class="d-block text-xs text-muted">获赞</small> </a> </div> </div> </div><div id="related_post-2" class="card io-sidebar-widget related_post"><div class="card-header widget-header"><h3 class="text-md mb-0"><i class="mr-2 iconfont icon-related"></i>相关文章</h3></div> <div class="card-body"> <div class="list-grid list-rounded my-n2"> <div class="list-item py-2"> <div class="media media-3x2 rounded col-4 mr-3"> <a class="media-content" href="https://daohang.syekeji.com/4937.html" title="美国科学家使用 AI 探索癌症治疗方案,患者体内免疫细胞将可“杀死”癌细胞 – IT之家" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content py-0"> <div class="list-body"> <a href="https://daohang.syekeji.com/4937.html" class="list-title overflowClip_2" rel="bookmark">美国科学家使用 AI 探索癌症治疗方案,患者体内免疫细胞将可“杀死”癌细胞 – IT之家</a> </div> <div class="list-footer"> <div class="d-flex flex-fill text-muted text-xs"> <time class="d-inline-block">7小时前</time> <div class="flex-fill"></div> <span class="discuss"><i class="iconfont icon-comment"></i> 0</span> </div> </div> </div> </div> <div class="list-item py-2"> <div class="media media-3x2 rounded col-4 mr-3"> <a class="media-content" href="https://daohang.syekeji.com/4931.html" title="智云推出 ENSTANT 即弹 AI 吉他:镂空设计、自带“多级模式”,2999 元" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content py-0"> <div class="list-body"> <a href="https://daohang.syekeji.com/4931.html" class="list-title overflowClip_2" rel="bookmark">智云推出 ENSTANT 即弹 AI 吉他:镂空设计、自带“多级模式”,2999 元</a> </div> <div class="list-footer"> <div class="d-flex flex-fill text-muted text-xs"> <time class="d-inline-block">16小时前</time> <div class="flex-fill"></div> <span class="discuss"><i class="iconfont icon-comment"></i> 0</span> </div> </div> </div> </div> <div class="list-item py-2"> <div class="media media-3x2 rounded col-4 mr-3"> <a class="media-content" href="https://daohang.syekeji.com/4929.html" title="Figma 解释其 AI 工具生成设计太像苹果天气 App 原因:缺乏审查导致" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content py-0"> <div class="list-body"> <a href="https://daohang.syekeji.com/4929.html" class="list-title overflowClip_2" rel="bookmark">Figma 解释其 AI 工具生成设计太像苹果天气 App 原因:缺乏审查导致</a> </div> <div class="list-footer"> <div class="d-flex flex-fill text-muted text-xs"> <time class="d-inline-block">18小时前</time> <div class="flex-fill"></div> <span class="discuss"><i class="iconfont icon-comment"></i> 0</span> </div> </div> </div> </div> <div class="list-item py-2"> <div class="media media-3x2 rounded col-4 mr-3"> <a class="media-content" href="https://daohang.syekeji.com/4925.html" title="本地或服务器端运行均可,Proton 推出 AI 电子邮件写作助手 – IT之家" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content py-0"> <div class="list-body"> <a href="https://daohang.syekeji.com/4925.html" class="list-title overflowClip_2" rel="bookmark">本地或服务器端运行均可,Proton 推出 AI 电子邮件写作助手 – IT之家</a> </div> <div class="list-footer"> <div class="d-flex flex-fill text-muted text-xs"> <time class="d-inline-block">1天前</time> <div class="flex-fill"></div> <span class="discuss"><i class="iconfont icon-comment"></i> 0</span> </div> </div> </div> </div> <div class="list-item py-2"> <div class="media media-3x2 rounded col-4 mr-3"> <a class="media-content" href="https://daohang.syekeji.com/4921.html" title="1999 元起,中国电信麦芒 30 开售:8mm 厚度内电池最大手机、内置 AI 星辰大模型" data-src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业导航.png"></a> </div> <div class="list-content py-0"> <div class="list-body"> <a href="https://daohang.syekeji.com/4921.html" class="list-title overflowClip_2" rel="bookmark">1999 元起,中国电信麦芒 30 开售:8mm 厚度内电池最大手机、内置 AI 星辰大模型</a> </div> <div class="list-footer"> <div class="d-flex flex-fill text-muted text-xs"> <time class="d-inline-block">2天前</time> <div class="flex-fill"></div> <span class="discuss"><i class="iconfont icon-comment"></i> 0</span> </div> </div> </div> </div> </div> </div> </div> </div> </main> </div> <style> .nav-bar-container { position: fixed; bottom: 5px; left: 0; right: 0; width: 95%; z-index: 99; background: var(--header-bg)); backdrop-filter: saturate(10) blur(20px) !important; height: 54px; display: flex; flex-direction: row; justify-content: space-between; padding: 0px; box-shadow: 0 -3px 20px -5px rgb(108 108 108 / 20%); transition: all .3s; border-radius:12px; margin:auto; } body.io-black-mode .nav-bar-container { background: var(--header-bg); backdrop-filter: saturate(5) blur(20px) !important; } .nav-bar-container .nav-bar-item { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #5a5a5a; flex: 1; } .nav-bar-container .nav-bar-item.active { color: } .io-black-mode .nav-bar-container .nav-bar-item{ color:#c6c9cf; } .nav-bar-container .nav-bar-item>i { font-size: 24px; } .nav-bar-container .nav-bar-item>span { font-size: 12px; margin-top: 2px; } .nav-bar-container .nav-bar-search { display: block; background: ; color: #fff!important; border-radius: 50%; padding: 5px 10px; margin-top: -23px; font-size: 20px !important; } .nav-bar-container .nav-bar-search>span { font-size: 12px; margin-top: 2px; color: #121212; font-weight: bold; } .nav-bar-container .nav-bar-item { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #5a5a5a; flex: 1; } .nav-bar-container .nav-bar-search>i { font-size: 18px; } .open-nav-bar { transform: translateY(100%); } .nav-bar-container .dropdown-menu.show { opacity: 1; transform: scale(1); display: block; pointer-events: auto; } .nav-bar-container .dropdown-menu { display: block; border: unset; box-shadow: 0 5px 20px 0px rgb(0 0 0 / 15%); border-radius: 0.25rem; overflow: hidden; opacity: 0; transform-origin: 100% 0 0; pointer-events: none; transform: scale(0); transition: all 500ms cubic-bezier(0, .5, .2, 1); } .user-ico2 img { width: 18px; height: 18px; border-radius: 100%; } @media (max-width: 768px){ #footer-tools { position: fixed; bottom: 100px; }} </style> <div class="nav-bar-container col-12 col-sm-12 d-md-none d-lg-none d-xl-none"> <a class="nav-bar-item " href=""> <i class=""></i> <span>首页</span> </a> <a class="nav-bar-item " href="https://daohang.syekeji.com/hotnews/"> <i class=""></i> <span>热点</span> </a> <div class="nav-bar-item " style="width:24%;display:flex;justify-content: center;align-items: center;"> <a class="nav-bar-search" data-toggle="modal" data-target="#search-modal"> <i class=""></i> </a> </div> <a class="nav-bar-item " href="javascript:void(0)" onClick="goto_bookmark()"> <i class=""></i> <span>书签</span> </a> <li class="nav-bar-item "> <a class="nav-bar-item " href="https://daohang.syekeji.com/login/?redirect_to=https://daohang.syekeji.com/3683.html" > <i class=""></i> <span>我的</span> </a> </a></li> <div class="login-tipss"><a href="/login/" style="position: absolute; display:block; top: -30px; right: 0; width: 100px; height: 30px; background: linear-gradient(90deg,#e400ffc7,#007bffa8); margin: auto; border-radius: 7px; text-align: center; line-height: 30px; color: #FFF; box-shadow: 0 0 14px 0px rgba(0,0,0,.4); font-size: 13px;"onclick="closeLoginTipsDom(this)">登录订阅更多资讯</a></div> <!--<a href="" style="position: absolute; display:block; top: -42px; left: 0; right: 0; width: 100px; height: 30px; background: #2c6bff; margin: auto; border-radius: 100px; text-align: center; line-height: 30px; color: #FFF; box-shadow: 0 0 14px 0px #2c6bff59; font-size: 14px;">快到碗里来!</a>--> </div> <script> function goto_bookmark() { location.href = "/login/"; } function goto_fenlei() { alert('暂未开启用户模块!') } var t, p, timer; $(window).scroll(function(e) { if (!timer) { timer = setTimeout(function() { p = $(this).scrollTop(); if (t <= p) { /*下滚*/ if (!$('.nav-bar-container').hasClass("open-nav-bar")) { $('.nav-bar-container').addClass("open-nav-bar"); } } else { /*上滚*/ if ($('.nav-bar-container').hasClass("open-nav-bar")) { $('.nav-bar-container').removeClass("open-nav-bar"); } } t = p; timer = null; }, 250) } }); </script> <script type="text/javascript"> $(function () { if (document.body.classList.contains('logged-in')) { $('.login-tips').addClass('harry-hide'); resizeLoginTips(); } else { $('.login-tips').removeClass('harry-hide'); $("footer.main-footer").css("margin-bottom", "80px"); } }) function resizeLoginTips(){ $("footer.main-footer").css("margin-bottom", "0"); $("#footer-tools").css("bottom", '80px'); } function closeLoginTipsDom(t) { $(t).parents('.login-tips').addClass('harry-hide'); resizeLoginTips(); } </script> <div class="main-footer footer-stick container container-fluid customize-width pt-4 pb-3 footer-type-big"> <div class="footer-inner card rounded-xl m-0"> <div class="footer-text card-body text-muted text-center text-md-left"> <div class="row my-4"> <div class="col-12 col-md-4 mb-4 mb-md-0"> <a class="footer-logo" href="https://daohang.syekeji.com" title="SUYE ONE"> <img src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业黑字1-2.png" class="logo-light mb-3" alt="SUYE ONE" height="40"> <img src="https://daohang.syekeji.com/wp-content/uploads/2023/08/速业白字-1.png" class="logo-dark d-none mb-3" alt="SUYE ONE" height="40"> </a> <div class="text-sm">SUYE ONE-速业导航 收集国内外优秀设计网站、UI设计资源网站、AI资源网站、AI导航、灵感创意网站、素材资源网站,各种优质互联网项目资源,定时更新分享优质产品设计书签。</div> </div> <div class="col-12 col-md-5 mb-4 mb-md-0"> <p class="footer-links text-sm mb-3"><a href="https://daohang.syekeji.com/contribute">友链申请</a> <a href="https://daohang.syekeji.com/privacy-policy">免责声明</a> <a href="https://daohang.syekeji.com/contribute">广告合作</a> <a href="https://daohang.syekeji.com/about">关于我们</a></p> <div class="footer-social"> <a class="rounded-circle bg-light" href="https://daohang.syekeji.com/user/settings" target="_blank" data-toggle="tooltip" data-placement="top" title="用户中心" rel="external noopener nofollow"> <i class="io io-caisejisuan"></i> </a><a class="rounded-circle bg-light qr-img" href="javascript:;" data-toggle="tooltip" data-placement="top" data-html="true" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/09/微信图片_20230411205255.jpg' height='100' width='100'>"> <i class="io io-weixinfang"></i> </a><a class="rounded-circle bg-light qr-img" href="javascript:;" data-toggle="tooltip" data-placement="top" data-html="true" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/08/QQ.png' height='100' width='100'>"> <i class="io io-QQ"></i> </a><a class="rounded-circle bg-light qr-img" href="javascript:;" data-toggle="tooltip" data-placement="top" data-html="true" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/08/QQ群.png' height='100' width='100'>"> <i class="io io-QQ"></i> </a><a class="rounded-circle bg-light" href="https://weibo.com/u/7732320015" target="_blank" data-toggle="tooltip" data-placement="top" title="微博" rel="external noopener nofollow"> <i class="io io-weibo"></i> </a><a class="rounded-circle bg-light" href="mailto:550088200@qq.com" target="_blank" data-toggle="tooltip" data-placement="top" title="Email" rel="external noopener nofollow"> <i class="io io-youxiang"></i> </a><a class="rounded-circle bg-light" href="https://v.douyin.com/iJtjoG1m/" target="_blank" data-toggle="tooltip" data-placement="top" title="抖音号" rel="external noopener nofollow"> <i class="io io-douyin"></i> </a><a class="rounded-circle bg-light qr-img" href="javascript:;" data-toggle="tooltip" data-placement="top" data-html="true" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/08/base_646640711c1b3.jpg' height='100' width='100'>"> <i class="io io-gongzhonghao"></i> </a><a class="rounded-circle bg-light qr-img" href="javascript:;" data-toggle="tooltip" data-placement="top" data-html="true" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/09/qrcode_for_gh_fc39921b0975_258.jpg' height='100' width='100'>"> <i class="io io-gongzhonghao"></i> </a> </div> </div> <div class="col-12 col-md-3 text-md-right mb-4 mb-md-0"> <div class="footer-mini-img" data-toggle="tooltip" title="扫码加QQ群"> <p class="bg-light rounded-lg p-1"> <img class=" " src="https://daohang.syekeji.com/wp-content/uploads/2023/09/QQqun.png" alt="扫码加QQ群SUYE ONE"> </p> <span class="text-muted text-ss mt-2">扫码加QQ群</span> </div> <div class="footer-mini-img" data-toggle="tooltip" title="扫码加微信"> <p class="bg-light rounded-lg p-1"> <img class=" " src="https://daohang.syekeji.com/wp-content/uploads/2023/09/微信图片_20230411205255.jpg" alt="扫码加微信SUYE ONE"> </p> <span class="text-muted text-ss mt-2">扫码加微信</span> </div> </div> </div> <div class="footer-copyright text-xs"> Copyright © 2024 <a href="https://daohang.syekeji.com" title="SUYE ONE" class="" rel="home">SUYE ONE</a> <a href="https://beian.miit.gov.cn/" target="_blank" class="" rel="link noopener">粤ICP备2021127587号-3</a>  </div> </div> </div> </div> </div><!-- main-content end --> <footer> <div id="footer-tools" class="d-flex flex-column"> <a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top"> <i class="iconfont icon-to-up"></i> </a> <a class="btn rounded-circle custom-tool0 m-1" href="https://daohang.syekeji.com/user/settings" target="_blank" data-toggle="tooltip" data-placement="left" title="用户中心" rel="external noopener nofollow"> <i class="io io-caisejisuan"></i> </a><a class="btn rounded-circle custom-tool1 m-1 qr-img" href="javascript:;" data-toggle="tooltip" data-html="true" data-placement="left" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/09/微信图片_20230411205255.jpg' height='100' width='100'>"> <i class="io io-weixinfang"></i> </a><a class="btn rounded-circle custom-tool2 m-1 qr-img" href="javascript:;" data-toggle="tooltip" data-html="true" data-placement="left" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/08/QQ.png' height='100' width='100'>"> <i class="io io-QQ"></i> </a><a class="btn rounded-circle custom-tool3 m-1 qr-img" href="javascript:;" data-toggle="tooltip" data-html="true" data-placement="left" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/08/QQ群.png' height='100' width='100'>"> <i class="io io-QQ"></i> </a><a class="btn rounded-circle custom-tool7 m-1 qr-img" href="javascript:;" data-toggle="tooltip" data-html="true" data-placement="left" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/08/base_646640711c1b3.jpg' height='100' width='100'>"> <i class="io io-gongzhonghao"></i> </a><a class="btn rounded-circle custom-tool8 m-1 qr-img" href="javascript:;" data-toggle="tooltip" data-html="true" data-placement="left" title="<img src='https://daohang.syekeji.com/wp-content/uploads/2023/09/qrcode_for_gh_fc39921b0975_258.jpg' height='100' width='100'>"> <i class="io io-gongzhonghao"></i> </a> <a href="https://daohang.syekeji.com/bookmark/" class="btn rounded-circle m-1 bookmark-home" data-toggle="tooltip" data-placement="left" title="mini 书签"> <i class="iconfont icon-minipanel"></i> </a> </div> </footer> <div class="modal fade search-modal" id="search-modal"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-body"> <div id="search" class="s-search mx-auto my-4"> <div id="search-list" class="hide-type-list"> <div class="s-type"> <span></span> <div class="s-type-list"> <label for="m_type-baidu" data-page="home" data-id="group-a">常用</label><label for="m_type-baidu1" data-page="home" data-id="group-b">搜索</label><label for="m_type-br" data-page="home" data-id="group-c">工具</label><label for="m_type-zhihu" data-page="home" data-id="group-d">社区</label><label for="m_type-taobao1" data-page="home" data-id="group-e">生活</label> </div> </div> <div class="search-group group-a"><span class="type-text text-muted">常用</span><ul class="search-type"><li><input checked="checked" hidden type="radio" name="type2" data-page="home" id="m_type-baidu" value="https://www.baidu.com/s?wd=%s%" data-placeholder="百度一下"><label for="m_type-baidu"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/baidu.svg" style="width: 28px;height:28px"><div style="font-weight: 700">百度</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-google" value="https://www.google.com/search?q=%s%" data-placeholder="谷歌两下"><label for="m_type-google"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/google.svg" style="width: 28px;height:28px"><div style="font-weight: 700">Google</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-zhannei" value="https://daohang.syekeji.com/?post_type=sites&s=%s%" data-placeholder="站内搜索"><label for="m_type-zhannei"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/1234.jpg" style="width: 28px;height:28px"><div style="font-weight: 700">站内</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-taobao" value="https://s.taobao.com/search?q=%s%" data-placeholder="淘宝"><label for="m_type-taobao"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/taobao.jpg" style="width: 28px;height:28px"><div style="font-weight: 700">淘宝</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-bing" value="https://cn.bing.com/search?q=%s%" data-placeholder="微软Bing搜索"><label for="m_type-bing"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/bing.svg" style="width: 28px;height:28px"><div style="font-weight: 700">bing</div></span></label></li></ul></div><div class="search-group group-b"><span class="type-text text-muted">搜索</span><ul class="search-type"><li><input hidden type="radio" name="type2" data-page="home" id="m_type-baidu1" value="https://www.baidu.com/s?wd=%s%" data-placeholder="百度一下"><label for="m_type-baidu1"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/baidu.svg" style="width: 28px;height:28px"><div style="font-weight: 700">百度</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-google1" value="https://www.google.com/search?q=%s%" data-placeholder="谷歌两下"><label for="m_type-google1"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/google.svg" style="width: 28px;height:28px"><div style="font-weight: 700">Google</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-360" value="https://www.so.com/s?q=%s%" data-placeholder="360好搜"><label for="m_type-360"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/360.svg" style="width: 28px;height:28px"><div style="font-weight: 700">360</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-sogo" value="https://www.sogou.com/web?query=%s%" data-placeholder="搜狗搜索"><label for="m_type-sogo"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/sougou.svg" style="width: 28px;height:28px"><div style="font-weight: 700">搜狗</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-bing1" value="https://cn.bing.com/search?q=%s%" data-placeholder="微软Bing搜索"><label for="m_type-bing1"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/bing.svg" style="width: 28px;height:28px"><div style="font-weight: 700">bing</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-sm" value="https://yz.m.sm.cn/s?q=%s%" data-placeholder="UC移动端搜索"><label for="m_type-sm"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/zhanzhang.sm.cn.png" style="width: 28px;height:28px"><div style="font-weight: 700">神马</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-tt" value="https://so.toutiao.com/search?dvpf=pc&source=input&keyword=%s%" data-placeholder="头条搜索"><label for="m_type-tt"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/toutiao.svg" style="width: 28px;height:28px"><div style="font-weight: 700">头条</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-douying" value="https://www.douyin.com/search/%s%" data-placeholder="抖音搜索"><label for="m_type-douying"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/tiktok.svg" style="width: 28px;height:28px"><div style="font-weight: 700">抖音</div></span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-zhihuh" value="https://www.zhihu.com/search?type=content&q=%s%" data-placeholder="知乎搜索"><label for="m_type-zhihuh"><span class="text-muted"><img src="https://daohang.syekeji.com/wp-content/themes/onnav-child-harry/icon/zhihu.svg" style="width: 28px;height:28px"><div style="font-weight: 700">知乎</div></span></label></li></ul></div><div class="search-group group-c"><span class="type-text text-muted">工具</span><ul class="search-type"><li><input hidden type="radio" name="type2" data-page="home" id="m_type-br" value="https://seo.5118.com/%s%?t=ydm" data-placeholder="请输入网址(不带https://)"><label for="m_type-br"><span class="text-muted">权重查询</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-links" value="https://ahrefs.5118.com/%s%?t=ydm" data-placeholder="请输入网址(不带https://)"><label for="m_type-links"><span class="text-muted">友链检测</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-icp" value="https://icp.5118.com/domain/%s%?t=ydm" data-placeholder="请输入网址(不带https://)"><label for="m_type-icp"><span class="text-muted">备案查询</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-seo" value="https://seo.5118.com/%s%?t=ydm" data-placeholder="请输入网址(不带https://)"><label for="m_type-seo"><span class="text-muted">SEO查询</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-ciku" value="https://www.5118.com/seo/newrelated/%s%?t=ydm" data-placeholder="请输入关键词"><label for="m_type-ciku"><span class="text-muted">关键词挖掘</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-51key" value="https://so.5118.com/all/%s%?t=ydm" data-placeholder="请输入关键词"><label for="m_type-51key"><span class="text-muted">素材搜索</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-51kt" value="https://www.kt1.com/wordfrequency/yuliao/%s%?t=ydm" data-placeholder="请输入关键词"><label for="m_type-51kt"><span class="text-muted">大数据词云</span></label></li></ul></div><div class="search-group group-d"><span class="type-text text-muted">社区</span><ul class="search-type"><li><input hidden type="radio" name="type2" data-page="home" id="m_type-zhihu" value="https://www.zhihu.com/search?type=content&q=%s%" data-placeholder="知乎"><label for="m_type-zhihu"><span class="text-muted">知乎</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-wechat" value="https://weixin.sogou.com/weixin?type=2&query=%s%" data-placeholder="微信"><label for="m_type-wechat"><span class="text-muted">微信</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-weibo" value="https://s.weibo.com/weibo/%s%" data-placeholder="微博"><label for="m_type-weibo"><span class="text-muted">微博</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-douban" value="https://www.douban.com/search?q=%s%" data-placeholder="豆瓣"><label for="m_type-douban"><span class="text-muted">豆瓣</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-why" value="https://ask.seowhy.com/search/?q=%s%" data-placeholder="SEO问答社区"><label for="m_type-why"><span class="text-muted">搜外问答</span></label></li></ul></div><div class="search-group group-e"><span class="type-text text-muted">生活</span><ul class="search-type"><li><input hidden type="radio" name="type2" data-page="home" id="m_type-taobao1" value="https://s.taobao.com/search?q=%s%" data-placeholder="淘宝"><label for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-jd" value="https://search.jd.com/Search?keyword=%s%" data-placeholder="京东"><label for="m_type-jd"><span class="text-muted">京东</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-xiachufang" value="https://www.xiachufang.com/search/?keyword=%s%" data-placeholder="下厨房"><label for="m_type-xiachufang"><span class="text-muted">下厨房</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-xiangha" value="https://www.xiangha.com/so/?q=caipu&s=%s%" data-placeholder="香哈菜谱"><label for="m_type-xiangha"><span class="text-muted">香哈菜谱</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-12306" value="https://www.12306.cn/?%s%" data-placeholder="12306"><label for="m_type-12306"><span class="text-muted">12306</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-kd100" value="https://www.kuaidi100.com/?%s%" data-placeholder="快递100"><label for="m_type-kd100"><span class="text-muted">快递100</span></label></li><li><input hidden type="radio" name="type2" data-page="home" id="m_type-qunar" value="https://www.qunar.com/?%s%" data-placeholder="去哪儿"><label for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li></ul></div> </div> <form action="https://daohang.syekeji.com?s=" method="get" target="_blank" class="super-search-fm"> <input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei="" autocomplete="off" placeholder="输入关键字搜索" style="outline:0" data-status="true"> <button type="submit" id="btn_search"><i class="iconfont icon-search"></i></button> </form> <div class="card search-smart-tips" style="display: none"> <ul></ul> </div> </div> <div class="px-1 mb-3"><i class="text-xl iconfont icon-hot mr-1" style="color:#f1404b;"></i><span class="h6">热门推荐: </span></div> <div class="mb-3"> <li id="menu-item-947" class="menu-item menu-item-type-taxonomy menu-item-object-sitetag menu-item-947"><a href="https://daohang.syekeji.com/sitetag/%e9%80%9f%e4%b8%9a"> <i class="iconfont icon-tags icon-fw icon-lg"></i> <span>速业</span></a></li> </div> </div> <div style="position: absolute;bottom: -40px;width: 100%;text-align: center;"><a href="javascript:" data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a></div> </div> </div> </div> <style> #footer-tools [data-v-db6ccf64][data-v-41ba7e2c] { top: unset!important; bottom: 0!important; right: 44px!important } @media (max-width: 767.98px) { footer.main-footer .footer-text { text-align:center; float: none } #footer-tools { bottom: 65px; right: 5px } } footer.main-footer { margin-top: 0; margin-bottom: 80px; } #footer-tools { position: fixed; bottom: 80px; } @media (max-width: 768px) { .login-tips { left: 0; } footer.main-footer { margin-top: 0; margin-bottom: 110px ; } #footer-tools { position: fixed; bottom: 100px ; } } @media (min-width: 768px) { .login-tips { left: 0; } .sidebar-nav.mini-sidebar~.main-content .login-tips { left: 60px !important; } } .login-tips { position: fixed; bottom: -2px; right: 0; z-index: 22; background: rgba(255,255,255,0.8); color : rgba(0,0,0,0.6); backdrop-filter: blur(10px); text-align: center; padding: 10px 0; transition: all 0.3s; } .login-tips .go-icon { color: rgba(0,0,0,0.6); font-size: 22px; vertical-align: middle; } .login-tips .login-btn { display: inline-block; vertical-align: baseline; height: 32px; padding: 0 20px; background-color: #409CED; color: #ffffff; vertical-align: middle; margin-left: 16px; border-radius: 4px; line-height: 32px; text-align: center; font-size: 14px; margin: 8px 8px; } } .io-black-mode .login-tips { color: #c6c9cf; background: #2C2E2F; box-shadow: 0 0 25px 5px rgba(10,10,10,.25); } .login-tips .guide-ac { position: absolute; bottom: 0; left: 180px; width: 330px; height: 145px; } @media screen and (max-width: 768px) { .login-tips .none { display:none; } } @media screen and (max-width: 768px) { .login-tips { display:none; } } @media screen and (max-width: 1530px) { .login-tips img { display:none; } } </style> <div class="xgrr"> <div class="login-tips"> <center> <img class="guide-ac" src="https://daohang.syekeji.com/wp-content/uploads/2023/12/a03232cd00685a71a3d87132c16b953_317661.png" alt=""> <i class="go-icon none"></i> <span style="margin-left:20px;vertical-align: baseline;/*display: inline-block;*/font-size: 20px;font-weight: 750;vertical-align: middle;margin-left: 10px;" class="none">☺一键登录开启个人书签等功能!</span> <a href="https://daohang.syekeji.com/wp-login.php" class="login-btn" title="立即登录" rel="nofollow" class="openlogin-qq-a"> <i class=""></i> 立即登录 </a> <a href="https://daohang.syekeji.com/wp-content/themes/onenav/inc/auth/qq.php?loginurl=https://daohang.syekeji.com" class="login-btn" title="" rel="nofollow" class="openlogin-qq-a"> <i class="io io-QQ"></i> </a> <a href="https://daohang.syekeji.com/wp-content/themes/onenav/inc/auth/sina.php?loginurl=https://daohang.syekeji.com" class="login-btn" title="" rel="nofollow" class="openlogin-qq-a"> <i class="io io-weibo"></i> </a> <a href="https://daohang.syekeji.com/wp-login.php" class="login-btn" title="" rel="nofollow" class="openlogin-qq-a"> <i class="io io-weixinfang"></i> </a> <a href="http://qm.qq.com/cgi-bin/qm/qr?_wv=1027&k=ZvW6a1mD0My7kMkPiOQsyf_sVY51e4rO&authKey=6KxvuL2SMpgFsyjac3DJvafy%2BZ%2BXu1sGR0pF3rMrsyUaRwtyUImES5h4NFPWiOQC&noverify=0&group_code=162109357" class="login-btn" title="官方群聊" rel="nofollow" class="openlogin-qq-a"> <i class=""></i> 官方群聊 </a> </center> <div style="position:absolute;top:10px;right:10px;/*background-color:rgba(255,255,255,0.61);*/width:20px;height:20px;cursor: pointer;border-radius: 20px;" onclick="closeLoginTipsDom(this)"> <i style="font-size: 12px;line-height: 20px;vertical-align: middle;margin-bottom: 8px;color:#f1404b" class="iconfont icon-close"></i> </div> </div> </div> <script type="text/javascript"> $(function () { if (document.body.classList.contains('logged-in')) { $('.login-tips').addClass('harry-hide'); resizeLoginTips(); } else { $('.login-tips').removeClass('harry-hide'); $("footer.main-footer").css("margin-bottom", "80px"); } }) function resizeLoginTips(){ $("footer.main-footer").css("margin-bottom", "0"); $("#footer-tools").css("bottom", '80px'); } function closeLoginTipsDom(t) { $(t).parents('.login-tips').addClass('harry-hide'); resizeLoginTips(); } </script> <script> function baiduseo_getBrowserType() { // 获取浏览器 userAgent var ua = navigator.userAgent // 是否为 Opera var isOpera = ua.indexOf('Opera') > -1 // 返回结果 if (isOpera) { return 'Opera' } // 是否为 IE var isIE = (ua.indexOf('compatible') > -1) && (ua.indexOf('MSIE') > -1) && !isOpera var isIE11 = (ua.indexOf('Trident') > -1) && (ua.indexOf("rv:11.0") > -1) // 返回结果 if (isIE11) { return 'IE11' } else if (isIE) { // 检测是否匹配 var re = new RegExp('MSIE (\\d+\\.\\d+);') re.test(ua) // 获取版本 var ver = parseFloat(RegExp["$1"]) // 返回结果 if (ver == 7) { return 'IE7' } else if (ver == 8) { return 'IE8' } else if (ver == 9) { return 'IE9' } else if (ver == 10) { return 'IE10' } else { return "IE" } } // 是否为 Edge var isEdge = ua.indexOf("Edge") > -1 // 返回结果 if (isEdge) { return 'Edge' } // 是否为 Firefox var isFirefox = ua.indexOf("Firefox") > -1 // 返回结果 if (isFirefox) { return 'Firefox' } // 是否为 Safari var isSafari = (ua.indexOf("Safari") > -1) && (ua.indexOf("Chrome") == -1) // 返回结果 if (isSafari) { return "Safari" } // 是否为 Chrome var isChrome = (ua.indexOf("Chrome") > -1) && (ua.indexOf("Safari") > -1) && (ua.indexOf("Edge") == -1) // 返回结果 if (isChrome) { return 'Chrome' } // 是否为 UC var isUC= ua.indexOf("UBrowser") > -1 // 返回结果 if (isUC) { return 'UC' } // 是否为 QQ var isQQ= ua.indexOf("QQBrowser") > -1 // 返回结果 if (isUC) { return 'QQ' } // 都不是 return '' } function baiduseo_getUserOsInfo() { const userAgent = navigator.userAgent; if (userAgent.indexOf("Windows NT 10.0") !== -1) return "Windows 10"; if (userAgent.indexOf("Windows NT 6.2") !== -1) return "Windows 8"; if (userAgent.indexOf("Windows NT 6.1") !== -1) return "Windows 7"; if (userAgent.indexOf("Windows NT 6.0") !== -1) return "Windows Vista"; if (userAgent.indexOf("Windows NT 5.1") !== -1) return "Windows XP"; if (userAgent.indexOf("Windows NT 5.0") !== -1) return "Windows 2000"; if (userAgent.indexOf("Mac") !== -1) return "Mac/iOS"; if (userAgent.indexOf("X11") !== -1) return "UNIX"; if (userAgent.indexOf("Linux") !== -1) return "Linux"; return "Other"; } // 定义发送请求的函数 function baiduseo_sendRequest() { var baiduseo_ip = '44.213.60.33' var baiduseo_nonce = 'f38f792df9' var baiduseo_action = 'baiduseo_liuliang_log' var baiduseo_userAgent = navigator.userAgent var baiduseo_referrer = document.referrer; var baiduseo_currentUrl = window.location.href; var baiduseo_allCookies = document.cookie; var baiduseo_session ='b47d0d312ac07521e258482f9a296da2'; var baiduseo_time = '1721500120'; var baiduseo_language = navigator.language || navigator.userLanguage; var baiduseo_pla = baiduseo_getUserOsInfo(); var baiduseo_liulanqi = baiduseo_getBrowserType(); if(/mobile/i.test(baiduseo_userAgent)){ var baiduseo_type =2; }else{ var baiduseo_type =1; } var xhr = new XMLHttpRequest(); xhr.open('POST', 'https://daohang.syekeji.com/wp-admin/admin-ajax.php', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.onreadystatechange = function () { }; var requestData = 'ip=' + baiduseo_ip + '&userAgent=' + baiduseo_userAgent + '&referrer=' + baiduseo_referrer + '¤tUrl=' + baiduseo_currentUrl + '&allCookies=' + baiduseo_allCookies + '&nonce=' + baiduseo_nonce + '&action=' + baiduseo_action+'&baiduseo_time='+baiduseo_time+'&session='+baiduseo_session+'&baiduseo_type='+baiduseo_type+'&baiduseo_language='+baiduseo_language+'&baiduseo_pla='+baiduseo_pla+'&baiduseo_liulanqi='+baiduseo_liulanqi; xhr.send(requestData); } // 每5秒执行一次请求 baiduseo_sendRequest(); setInterval(baiduseo_sendRequest, 6000); </script> <script type="text/javascript" src="/wp-content/plugins/onenav_Add_ons_kkok/js/clos.js"></script> <script> $('footer').before('<span id="bottomtime"></span>'); function NewDate(str) { str = str.split('-'); var date = new Date(); date.setUTCFullYear(str[0], str[1] - 1, str[2]); date.setUTCHours(0, 0, 0, 0); return date;} function momxc() { var birthDay =NewDate("2021-10-1"); var today=new Date(); var timeold=today.getTime()-birthDay.getTime(); var sectimeold=timeold/1000 var secondsold=Math.floor(sectimeold); var msPerDay=24*60*60*1000; var e_daysold=timeold/msPerDay; var daysold=Math.floor(e_daysold); var e_hrsold=(daysold-e_daysold)*-24; var hrsold=Math.floor(e_hrsold); var e_minsold=(hrsold-e_hrsold)*-60; var minsold=Math.floor((hrsold-e_hrsold)*-60); var seconds=Math.floor((minsold-e_minsold)*-60).toString(); seconds=seconds>9?seconds:"0"+seconds; minsold=minsold>9?minsold:"0"+minsold; hrsold=hrsold>9?hrsold:"0"+hrsold; document.getElementById("bottomtime").innerHTML = "本站已安全运行"+daysold+"天 "+hrsold+"时 "+minsold+"分 "+seconds+"秒"; setTimeout(momxc, 1000);}momxc(); $(document).ready(function(){ if(window.screen.width < window.screen.height){ $("#bottomtime").hide();} else{ $("#bottomtime").show(); }}) </script> <style> #bottomtime{ z-index:99999;animation:change 10s infinite;font-size:14px;font-weight: bold; color:cornflowerblue;display:block;bottom:7px;left:34%;width:250px;margin: auto;background-image: -webkit-linear-gradient(30deg,#32c5ff 25%, #b620e0 50%, #f7b500 75%, #20e050 100%); -webkit-text-fill-color: transparent;-webkit-background-clip: text;-webkit-background-size: 200% 100%; -webkit-animation: maskedAnimation 4s infinite linear; } @keyframes maskedAnimation { 0% {background-position: 0 0 }100% {background-position: -100% 0}}} </style> <style> .navbar .navbar-nav li>a { font-weight: 650; } </style> <script src="/wp-content/plugins/onenav_Add_ons_kkok/js/fps.js"></script> <script src="/wp-content/plugins/onenav_Add_ons_kkok/js/copyone.js"></script> <script> document.body.oncopy = function() { Swal.fire( { allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处!',showConfirmButton: false,timer: 2000 } ); } ; </script> <script> document.ondragstart = function() { return false } ; </script> <script> document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.keyCode = 0; event.returnValue = false; new Vue( { data:function() { this.$notify( { title:"嘿!别瞎按", message:"坏孩子!别想扒站", position: 'bottom-right', offset: 50, showClose: false, type:"error" } ); return { visible:false } } } ) return false; } } ; </script> <div class="modal fade search-modal resources-down-modal" id="siterefer"> <div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-content"> <div class="modal-body down_body" style="padding-top: 1.5rem;"> <div style="position: absolute;right: 5px;top: 5px"><a href="javascript:" data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x"></i></a></div> <div style="border-radius: 5px;"> <div class="text-sm mt-2"> <span style="font-family: 微软雅黑;"> <p><i class="iconfont icon-statement"></i> 注意:使用标题标签作为WordPress文章图片的替换(WordPress原始标签插件)的链接来源于网络,在收录时,使用标题标签作为WordPress文章图片的替换(WordPress原始标签插件)的内容,都属于合规合法,后期网页的内容如出现违规,可以直接联系网站管理员进行删除,本站不承担任何责任!</p> </span> </div> </div> <h3 class="h4" style="text-align: center;margin-top:10px;">使用标题标签作为WordPress文章图片的替换(WordPress原始标签插件)</h3> <div style="display: flex;"> <!--弹窗广告主体--> </div><div style="text-align: center;"> <a href="https://daohang.syekeji.com/go/?url=" target="_blank" class="btn btn-gg" style="background-color:var(--mainColor);margin-left:0px;">同意并进入<i class="iconfont icon-arrow-r-m"></i></a> </div> </div> </div> </div><script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/popper.min.js?ver=4.0510' id='popper-js'></script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/bootstrap.min.js?ver=4.0510' id='bootstrap-js'></script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/theia-sticky-sidebar.js?ver=4.0510' id='sidebar-js'></script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/lazyload.min.js?ver=4.0510' id='lazyload-js'></script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/jquery.fancybox.min.js?ver=4.0510' id='lightbox-js-js'></script> <script type='text/javascript' id='appjs-js-extra'> /* <![CDATA[ */ var theme = {"ajaxurl":"https:\/\/daohang.syekeji.com\/wp-admin\/admin-ajax.php","uri":"https:\/\/daohang.syekeji.com\/wp-content\/themes\/onenav","loginurl":"https:\/\/daohang.syekeji.com\/login\/?redirect_to=https:\/\/daohang.syekeji.com\/3683.html","sitesName":"SUYE ONE","addico":"https:\/\/daohang.syekeji.com\/wp-content\/themes\/onenav\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":"1","icourl":"https:\/\/api.iowen.cn\/favicon\/","icopng":".png","urlformat":"1","customizemax":"10","newWindow":"1","lazyload":"1","minNav":"1","loading":"0","hotWords":"baidu","classColumns":" col-2a col-sm-2a col-md-2a col-lg-3a col-xl-6a col-xxl-6a ","apikey":"TWpBeU1USTJNemd4TWpZM0d6RS9oYnpWNGIzZHdTRlZuVVRJd2VYRXdiakZwT0ROR1lXVm1hMjlwZUVWeQ==","isHome":"","version":"4.0510"}; var localize = {"liked":"\u60a8\u5df2\u7ecf\u8d5e\u8fc7\u4e86!","like":"\u8c22\u8c22\u70b9\u8d5e!","networkerror":"\u7f51\u7edc\u9519\u8bef --.","selectCategory":"\u4e3a\u4ec0\u4e48\u4e0d\u9009\u5206\u7c7b\u3002","addSuccess":"\u6dfb\u52a0\u6210\u529f\u3002","timeout":"\u8bbf\u95ee\u8d85\u65f6\uff0c\u8bf7\u518d\u8bd5\u8bd5\uff0c\u6216\u8005\u624b\u52a8\u586b\u5199\u3002","lightMode":"\u65e5\u95f4\u6a21\u5f0f","nightMode":"\u591c\u95f4\u6a21\u5f0f","editBtn":"\u7f16\u8f91","okBtn":"\u786e\u5b9a","urlExist":"\u8be5\u7f51\u5740\u5df2\u7ecf\u5b58\u5728\u4e86 --.","cancelBtn":"\u53d6\u6d88","successAlert":"\u6210\u529f","infoAlert":"\u4fe1\u606f","warningAlert":"\u8b66\u544a","errorAlert":"\u9519\u8bef","extractionCode":"\u7f51\u76d8\u63d0\u53d6\u7801\u5df2\u590d\u5236\uff0c\u70b9\u201c\u786e\u5b9a\u201d\u8fdb\u5165\u4e0b\u8f7d\u9875\u9762\u3002","wait":"\u8bf7\u7a0d\u5019","loading":"\u6b63\u5728\u5904\u7406\u8bf7\u7a0d\u540e...","userAgreement":"\u8bf7\u5148\u9605\u8bfb\u5e76\u540c\u610f\u7528\u6237\u534f\u8bae","reSend":"\u79d2\u540e\u91cd\u65b0\u53d1\u9001","weChatPay":"\u5fae\u4fe1\u652f\u4ed8","alipay":"\u652f\u4ed8\u5b9d","scanQRPay":"\u8bf7\u626b\u7801\u652f\u4ed8","payGoto":"\u652f\u4ed8\u6210\u529f\uff0c\u9875\u9762\u8df3\u8f6c\u4e2d"}; var slidercaptcha = {"loading":"\u52a0\u8f7d\u4e2d...","retry":"\u518d\u8bd5\u4e00\u6b21","slider":"\u5411\u53f3\u6ed1\u52a8\u586b\u5145\u62fc\u56fe","failed":"\u52a0\u8f7d\u5931\u8d25"}; /* ]]> */ </script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/app.min.js?ver=4.0510' id='appjs-js'></script> <script id="appjs-js-after" type="text/javascript"> /* <![CDATA[ */ $(document).ready(function(){if($("#search-text")[0]){$("#search-text").focus();}}); /* ]]> */ </script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-includes/js/comment-reply.min.js?ver=6.3' id='comment-reply-js'></script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/comments-ajax.js?ver=4.0510' id='comments-ajax-js'></script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/longbow.slidercaptcha.min.js?ver=4.0510' id='captcha-007-js'></script> <script type='text/javascript' src='https://daohang.syekeji.com/wp-content/themes/onenav/js/captcha.js?ver=4.0510' id='captcha-js'></script> <script type="text/javascript"> console.log("数据库查询:25次 | 页面生成耗时:0.465930s"); </script> <!-- 自定义代码 --> <script type="text/javascript"> document.getElementById("search-text").blur(); </script> <script type="text/javascript"> $(function () { if (document.body.classList.contains('logged-in')) { $('.login-tips').addClass('harry-hide'); resizeLoginTips(); } else { $('.login-tips').removeClass('harry-hide'); $("footer.main-footer").css("margin-bottom", "80px"); } }) function resizeLoginTips(){ $("footer.main-footer").css("margin-bottom", "0"); $("#footer-tools").css("bottom", '80px'); } function closeLoginTipsDom(t) { $(t).parents('.login-tips').addClass('harry-hide'); resizeLoginTips(); } </script> <style> body { cursor: url(//blog.kkok.cc/usr/plugins/QuietBeautify/assets/img/b1.cur), default; } a,button,img { cursor: url(//blog.kkok.cc/usr/plugins/QuietBeautify/assets/img/b2.cur), pointer !important; } </style> <!-- end 自定义代码 --> <script type="text/javascript"> document.onkeydown = function () { if (window.event && window.event.keyCode == 123) { event.keyCode = 0; event.returnValue = false; return false; } }; </script> <!-- end 自定义代码 --> </body> </html><!-- Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com 使用 PhpRedis (v5.3.7) 从 Redis 检索了 3501 个对象 (929 KB)。 -->