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

最新推荐文章于 2021-04-25 14:47:26 发布

LightZhang666

最新推荐文章于 2021-04-25 14:47:26 发布

阅读量298

点赞数

分类专栏： hexo hexo 搭建个人博客文章标签： hexo

本文链接：https://blog.csdn.net/woshizhangliang999/article/details/97641505

版权

hexo 同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

hexo 搭建个人博客

7 篇文章 0 订阅

订阅专栏

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

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

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

搜索服务

Local Search

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

[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

页面效果
在这里插入图片描述

站点管理

先确认博客是否被收录

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

site:zhangblog.com

创建站点地图文件

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

安装插件

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

[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

在这里插入图片描述

谷歌站点地图

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

在这里插入图片描述

百度收录我们的博客

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

添加站点

在这里插入图片描述

这里推荐使用文件验证。下载文件放到 hexo\public 目录下即可。
在这里插入图片描述

数据引入 ==> 链接提交

为了方便我们使用「自动提交」下的「自动推送」和「sitemap」。
在这里插入图片描述

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

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

[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>

代码来源
[外链图片转存失败(img-zYDA07YQ-1564382247991)(/uploads/hexo/27-07.png)]

sitemap提交
这个直接提交就行。
在这里插入图片描述

得到结果
在这里插入图片描述

如何选择链接提交方式

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