Linux下使用 github+hexo 搭建个人博客07-next主题接入搜索和站点管理

这是搭建个人博客系统系列文章的最后一篇，如果你是从第一篇一路跟下来的，那么恭喜你，即将完成整个博客网站的搭建。OK，话不多说，开始我们的收官之战。

不知你想过没有，如果我们的文章少，一眼看完整个目录，那么还好。但是如果日积月累几年下来，我们的文章增加到 100 以上，那么不管是你博主，还是访问用户，如何去快速找到所需的文章呢。这时我们就需要用到搜索了。

还有就是我们的文章最终是要让其他人看的，而不是我们自娱自乐。除了到各大平台引流到自己的博客系统外，最好让搜索引擎也收录我们的文章。常用的搜索引擎有百度和谷歌，因此本文会针对这两者进行讲解。

搜索服务

Local Search

添加百度/谷歌/本地自定义站点内容搜索。

代码语言：javascript复制

 1 [root@iZ28xbsfvc4Z hexo]# pwd  # 站点目录
 2 /app/softinsall/hexo
 3 [root@iZ28xbsfvc4Z hexo]# npm install hexo-generator-searchdb --save 
 4 [root@iZ28xbsfvc4Z hexo]# vim _config.yml  # 站点配置文件，追加信息
 5 # Local Search
 6 search:
 7   path: search.xml
 8   field: post
 9   format: html
10   limit: 10000
11 [root@iZ28xbsfvc4Z hexo]# cd themes/next/   # 到主题目录
12 [root@iZ28xbsfvc4Z next]# vim _config.yml   # 修改主题配置文件
13 # Local search
14 # Dependencies: https://github.com/flashlab/hexo-generator-search
15 local_search:
16   enable: true   # 从 false 改为 true

然后进入站点目录，清除静态文件和缓存，重新生成，之后再启动服务即可

hexo clean ==> hexo g ==> hexo s -p 80

页面效果

站点管理

先确认博客是否被收录

在百度或者谷歌上面输入下面格式来判断，如果能搜索到就说明被收录，否则就没有。

site:zhangblog.com

创建站点地图文件

站点地图是一种文件，您可以通过该文件列出您网站上的网页，从而将您网站内容的组织架构告知Google和其他搜索引擎。搜索引擎网页抓取工具会读取此文件，以便更加智能地抓取您的网站。

安装插件

在站点目录安装插件，并修改站点配置文件。

代码语言：javascript复制

 1 [root@iZ28xbsfvc4Z hexo]# pwd  # 站点目录
 2 /app/softinsall/hexo
 3 [root@iZ28xbsfvc4Z hexo]# npm install hexo-generator-sitemap --save 
 4 [root@iZ28xbsfvc4Z hexo]# npm install hexo-generator-baidu-sitemap --save 
 5 [root@iZ28xbsfvc4Z hexo]# vim _config.yml # 添加如下信息
 6 # 站点地图
 7 Plugins:
 8   - hexo-generator-baidu-sitemap
 9   - hexo-generator-sitemap
10 
11 baidusitemap:
12   path: baidusitemap.xml
13 sitemap:
14   path: sitemap.xml
15 [root@iZ28xbsfvc4Z hexo]# hexo g   # 生成静态文件，可见有 baidusitemap.xml 和 sitemap.xml 文件生成
16 INFO  Start processing
17 INFO  Files loaded in 1.25 s
18 INFO  Generated: baidusitemap.xml # 生成的文件
19 INFO  Generated: sitemap.xml      # 生成的文件
20 INFO  2 files generated in 1.26 s

百度站点地图

http://www.zhangblog.com/baidusitemap.xml

谷歌站点地图

http://www.zhangblog.com/sitemap.xml

百度收录我们的博客

百度资源平台：https://ziyuan.baidu.com/dashboard/index

添加站点

这里推荐使用文件验证。下载文件放到 hexopublic 目录下即可。

数据引入 ==> 链接提交

为了方便我们使用「自动提交」下的「自动推送」和「sitemap」。

自动推送 自动推送很简单，就是在你代码里面嵌入自动推送JS代码，在页面被访问时，页面URL将立即被推送给百度。

将复制的 JS 代码，添加到如下文件：

代码语言：javascript复制

 1 [root@iZ28xbsfvc4Z next]# pwd  #主题目录
 2 /app/softinsall/hexo/themes/next
 3 [root@iZ28xbsfvc4Z next]# vim layout/_partials/footer.swig  # 在文件最后面追加
 4 <!-- 百度自动推送 -->
 5 <script>
 6 (function(){
 7     var bp = document.createElement('script');
 8     var curProtocol = window.location.protocol.split(':')[0];
 9     if (curProtocol === 'https') {
10         bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
11     }
12     else {
13         bp.src = 'http://push.zhanzhang.baidu.com/push.js';
14     }
15     var s = document.getElementsByTagName("script")[0];
16     s.parentNode.insertBefore(bp, s);
17 })();
18 </script>

代码来源

sitemap提交 这个直接提交就行。

得到结果

如何选择链接提交方式

1、主动推送：最为快速的提交方式，推荐你将站点当天新产出链接立即通过此方式推送给百度，以保证新链接可以及时被百度收录。 2、自动推送：最为便捷的提交方式，请将自动推送的JS代码部署在站点的每一个页面源代码中，部署代码的页面在每次被浏览时，链接会被自动推送给百度。可以与主动推送配合使用。 3、sitemap：您可以定期将网站链接放到sitemap中，然后将sitemap提交给百度。百度会周期性的抓取检查您提交的sitemap，对其中的链接进行处理，但收录速度慢于主动推送。 4、手动提交：一次性提交链接给百度，可以使用此种方式。