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-gray 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-red 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 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-blue 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-gray 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 vc-l-red 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 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 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-violet 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-red 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/4875.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/4875.html" target="_blank" class="list-title text-md overflowClip_2">
微软 Word 增强 Draft AI 功能：改写、扩写内容，自动优化排版等 </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>1.4K</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/5020.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/5020.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>610</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/3950.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/3950.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>1K</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/3848.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/3848.html" target="_blank" class="list-title text-md overflowClip_2">
在WordPress中找到附件ID。 </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>1.3K</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/4320.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/4320.html" target="_blank" class="list-title text-md overflowClip_2">
谷歌 CEO 皮查伊：未来几年的 AI 可能会给人一种“具备意识”的假象 </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>950</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/3743.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/3743.html" target="_blank" class="list-title text-md overflowClip_2">
在中导入Word文件。docx格式到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>1.4K</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="bd71e18140" /><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">1966</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">3.3M</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/5089.html" title="一张图即可 0.5 秒生成三维建模，Stability AI 推出“Stable Fast 3D”模型" 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/5089.html" class="list-title overflowClip_2" rel="bookmark">一张图即可 0.5 秒生成三维建模，Stability AI 推出“Stable Fast 3D”模型</a>
</div>
<div class="list-footer">
<div class="d-flex flex-fill text-muted text-xs">
<time class="d-inline-block">4个月前</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/5088.html" title="极越 07 外观细节公布：35.6 英寸一体大屏、自动升降尾翼，定位 C 级纯电 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/5088.html" class="list-title overflowClip_2" rel="bookmark">极越 07 外观细节公布：35.6 英寸一体大屏、自动升降尾翼，定位 C 级纯电 AI 智驾轿车</a>
</div>
<div class="list-footer">
<div class="d-flex flex-fill text-muted text-xs">
<time class="d-inline-block">4个月前</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/5082.html" title="Stable Diffusion 原班人马新公司官宣！新模型一夜刷新 AI 绘画格局，已获 3200 万美元融资" 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/5082.html" class="list-title overflowClip_2" rel="bookmark">Stable Diffusion 原班人马新公司官宣！新模型一夜刷新 AI 绘画格局，已获 3200 万美元融资</a>
</div>
<div class="list-footer">
<div class="d-flex flex-fill text-muted text-xs">
<time class="d-inline-block">4个月前</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/5079.html" title="大疆 Neo 无人机再曝光：135 克、支持 AI 视觉追踪和 4K 视频录制，预估本月底发布" 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/5079.html" class="list-title overflowClip_2" rel="bookmark">大疆 Neo 无人机再曝光：135 克、支持 AI 视觉追踪和 4K 视频录制，预估本月底发布</a>
</div>
<div class="list-footer">
<div class="d-flex flex-fill text-muted text-xs">
<time class="d-inline-block">4个月前</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/5076.html" title="谷歌 Pixel 9 Pro Fold 手机宣传视频曝光：主打 Gemini AI、可 180 度展开" 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/5076.html" class="list-title overflowClip_2" rel="bookmark">谷歌 Pixel 9 Pro Fold 手机宣传视频曝光：主打 Gemini AI、可 180 度展开</a>
</div>
<div class="list-footer">
<div class="d-flex flex-fill text-muted text-xs">
<time class="d-inline-block">4个月前</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/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/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 = '18.226.187.210'
var baiduseo_nonce = '1eb8562ab3'
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 ='37a1ef130f61f74c9df3aba8573a5612';
var baiduseo_time = '1732241535';
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("数据库查询：19次 | 页面生成耗时：0.336789s");
</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 检索了 3463 个对象 (985 KB)。
-->
