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

image

前言

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

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

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


搜索服务

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

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

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

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

页面效果
image


站点管理

先确认博客是否被收录

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

1
site:zhangblog.com

创建站点地图文件

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

安装插件

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
[root@iZ28xbsfvc4Z hexo]# pwd  # 站点目录
/app/softinsall/hexo
[root@iZ28xbsfvc4Z hexo]# npm install hexo-generator-sitemap --save
[root@iZ28xbsfvc4Z hexo]# npm install hexo-generator-baidu-sitemap --save
[root@iZ28xbsfvc4Z hexo]# vim _config.yml # 添加如下信息
# 站点地图
Plugins:
- hexo-generator-baidu-sitemap
- hexo-generator-sitemap

baidusitemap:
path: baidusitemap.xml
sitemap:
path: sitemap.xml
[root@iZ28xbsfvc4Z hexo]# hexo g # 生成静态文件,可见有 baidusitemap.xml 和 sitemap.xml 文件生成
INFO Start processing
INFO Files loaded in 1.25 s
INFO Generated: baidusitemap.xml # 生成的文件
INFO Generated: sitemap.xml # 生成的文件
INFO 2 files generated in 1.26 s

百度站点地图

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

image

谷歌站点地图

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

image

百度收录我们的博客

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

添加站点

image

这里推荐使用文件验证。下载文件放到 hexo\public 目录下即可。
image

数据引入 ==> 链接提交

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

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

将复制的 JS 代码,添加到如下文件:

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

代码来源
image

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

得到结果
image

如何选择链接提交方式

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

谷歌收录我们的博客

谷歌操作比较简单,就是向 Google 站长工具提交 sitemap 就可以了。

谷歌资源地址:https://search.google.com/search-console?hl=zh-CN

image

得到结果
image

总结

上述这些完成后,搜索引擎不会马上就收录完成。得等一两天后才会完成收录。在站点管理页面中才有数据。

谷歌收录会快些最长几天,百度的话可能要等半个月左右吧。


推荐阅读

Linux下使用 github+hexo 搭建个人博客01-hexo搭建

Linux下使用 github+hexo 搭建个人博客02-hexo部署到Github Pages

Linux下使用 github+hexo 搭建个人博客03-hexo配置优化

Linux下使用 github+hexo 搭建个人博客04-next主题优化

Linux下使用 github+hexo 搭建个人博客05-next主题接入评论系统

Linux下使用 github+hexo 搭建个人博客06-next主题接入数据统计

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


<-------------the end------------->
lightzhang wechat
欢迎扫一扫,订阅我的微信公众号!
坚持原创分享,你的支持就是我最大的动力!