googlelogo_color_284x96dp.png

I. 让网站搜索更容易

通过 Google 自定义搜索,您可以将搜索框添加到您的首页上,从而帮助他人在您的网站上找到需要的信息。

II. 主理人推荐

预览

https://limbopro.xyz/search.html 大家可以先体验一下;

将我们喜欢的网站凑成一堆(目前最多可放入10个,
并配置进谷歌自定义搜索,
最终实现一站式搜索;

*如果你没有网站?那么部署自定义搜索引擎建议使用免费的gitpages

III. 详细步骤

在你的HTML页面中加入一串代码,即可为该页面引入自定义搜索引擎;

第一步 新建搜索引擎

P.S 希望你有谷歌账号;

0.进入谷歌自定义搜索引擎网站
1.登录并,新建搜索引擎(New search engine):
2.填写域名(后期可修改;

第二步 设置范围

**新建好搜索引擎后,编辑搜索引擎;

谷歌自定义搜索引擎设置.png

0.点击Setup,必要的基础设置;
1.设置是否支持图片搜索
2.设置地区与语言
3.设置安全搜索

谷歌自定义搜索引擎面板.png

4.找到 Sites to search
5.点击Add按钮添加网站(目前最多支持10个;

第三步 设置分类

图书馆书籍分类,经管的一类,小说的一类,能更方便找到(索引;网站也是;假设你添加的网站均为一类,例如只有视频网站,则可不必设置分类;具体视具体情况自行选择;

谷歌自定义搜索引擎网站分类.png

Refinements //分类
操作路径: Edit search engine >>Search features
*务必选择 Search only the sites with this label.

第四步 匹配分类

分类设置好后,进入

Sites to search //搜索范围 页面;
1.找到你刚刚添加的网站,编辑,分配到相应网站分类;

Sites to search

2.设置完毕后,可以在页面右侧进行搜索预览测试;

第六步 部署到网页

找到你的Search engine ID
Sites to search //搜索范围
操作路径: Edit search engine >>Setup


以毒奶搜索举例:进入网站根目录,新建一个html页面,粘贴以下HTML代码,保存为search.html;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 网站的名称,会显示在浏览器的 Tab 中,根据你自己的需要进行修改 -->
    <title>万能搜索丨TG 毒奶博主丨limboPro.xyz</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
    <script defer src="https://use.fontawesome.com/releases/v5.1.0/js/all.js"></script>
 <base target="_blank">

 <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-140019039-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-140019039-1');
</script>

 <script>
function AddFavorite() {
    var title = '万能搜索丨TG 毒奶丨limboPro.xyz';
    var url = 'https://limbopro.xyz/search.html';
    try {
        window.external.addFavorite(url, title);
    }
    catch (e) {
        try {
            window.sidebar.addPanel(title, url, "");
        }
        catch (e) {
            alert("抱歉,您所使用的浏览器无法完成此操作。\n\n加入收藏失败,请使用Ctrl+D进行添加");
        }
    }
}
</script>

 </head>
  <body>

  <section class="section">
    <div class="container">
      <div class="has-text-centered">
        <!-- 图片地址替换为你自己的 Logo 的地址 -->
        <img src="https://limbopro.xyz/Search.png" alt="Logo" width="180">
        <!-- 页面的 Title -->
        <h1 class="title" style="padding:20px;">
        毒奶博主の万能搜索引擎
        </h1>
        <!-- 页面的描述 -->
        <p class="subtitle "> 本站丨电影丨韩剧丨美剧丨英剧丨日剧丨大陆剧丨动漫丨追番丨演员丨番号丨电报
        </p>

        <!-- 页面导航 -->
        <p class="subtitle ">
        >><a href='https://limbopro.xyz'>首页</a>>><a href='https://t.me/limboprossr'>频道</a>>><a href='https://limbopro.xyz/865.html'>机场</a>>><a href='https://limbopro.xyz/6.html'>联系</a>>><a href="javascript:void(0);" onclick="AddFavorite()">收藏本页</a>>>
        </p>
        <!-- 页面导航 -->

        <script>
          (function() {
            // 下方的 cx 的值替换为你的搜索引擎 ID ,可以在搜索引擎-设置-基本设置中获取。
            var cx = '011828234062176881129:0m3tfod8nnu';
            var gcse = document.createElement('script');
            gcse.type = 'text/javascript';
            gcse.async = true;
            gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
            var s = document.getElementsByTagName('script')[0];
            s.parentNode.insertBefore(gcse, s);
          })();
        </script>
        <!-- 搜索引擎的输入框 -->
        <gcse:searchbox></gcse:searchbox>
      </div>
      <div>
        <!-- 搜索引擎结果框 -->
        <gcse:searchresults></gcse:searchresults>
        <p>
        </p>
     </div>
    </div>
  </section>
  </body>
</html>

IV. 总结

需要一些HTML知识,用起来会很舒服;
也可以很快的帮助小伙伴找到需要的优质资源,信息,结果等;
你们也快一点试试吧;

V. 附注

1.站在Google 巨人的肩膀上,打造一个信息搜集的利器- 少数派
2.自定义搜索引擎 - Google

最后修改:2020 年 03 月 20 日 12 : 24 AM