V变量—建站日记 - search
type: channel
link: https://www.vvars.com/tag/search/
items: 替换typecho博客joe主题搜索框为google搜索框

替换typecho博客joe主题搜索框为google搜索框
type: item
date: 2025-02-14T21:08:00+08:00
description: 之前把typecho的首页生成静态后，经常出现搜索框输入关键词但搜索不正常的问题，于是想着用google搜索代替默认搜索框，网上没找到教程，于是自己动手，这里记录一下。1 获取google搜索代码1 有adsense推广账号的情况可以访问官网1.登录您的 AdSense 账号。 2.点击广告。 3.点击“按广告单元”。 4.点击搜索引擎。 注意：如果您没有看到“搜索引擎”选项，则表示您目前不符合相关条件。 为您的搜索引擎命名。 5.选择您搜索引擎的搜索范围：是搜索整个网络，还是仅搜索您列出的特定网站。 6.如果您想通过展示搜索广告获得收入，请启用通过放置在搜索结果中的广告获得收入。 7.点击创建。 8.复制代码并将其粘贴到您希望显示搜索框的网页的 与 标记之间。 9.点击完成。2 无adsense推广账号的情况如果您想为自己的搜索引擎使用更多自定义选项，可以采用可编程搜索引擎提供的高级功能。例如，您可以使用这些选项来更改搜索引擎的外观风格。详细了解可编程搜索引擎的高级功能。添加搜索引擎后点获取代码即可，最终获取到如下的搜索代码（86fa94bde97ca4363需要改为你获取到的代码） 2 找到JOE定义搜索的代码一般在usr/themes/Joe/public/header.php，有两个form地方替换：1 第一处替换 <form class="joe_header__above-search" method="post" action="<?php $this->options->siteUrl(); ?>"> <input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="s" value="<?php echo $this->is('search') ? $this->archiveTitle(' » ', '', '') : '' ?>" class="input" type="text" /> Search <?php $this->widget('Widget_Contents_Hot@Search', 'pageSize=5')->to($item); ?> <?php $index = 1; ?> <?php while ($item->next()) : ?> <a href="<?php $item->permalink(); ?>" title="<?php $item->title(); ?>" class="item"> <?php echo $index; ?> <?php $item->title(); ?> <?php echo number_format($item->views); ?> 阅读 <?php $index++; ?> <?php endwhile; ?> 2 第2处替换<form class="search" method="post" action="<?php $this->options->siteUrl(); ?>"> <input maxlength="16" autocomplete="off" placeholder="请输入关键字..." name="s" value="<?php echo $this->is('search') ? $this->archiveTitle(' » ', '', '') : '' ?>" class="input" type="text" /> Search 将上述代码替换成 3 不出意外的话可以马上看到搜索框变为google搜索框了演示地址