Hexo博客功能扩展 - 菜单，SEO以及作者信息

目前hexo博客的基本图床已经搭建，现在需要让我们的博客扩散出去，Hexo V7 之后，将seo优化整合到了内部，目前优化的方式比较多，可以使用下面几种方式：

• 百度站长

• 主动推送
• 自动推送
• sitemap

• 谷歌search

• sitemap

• robot.txt 蜘蛛协议
• 友链

• 因为a链接的缘故，加快搜索引擎的收录

• 使用博客网站附上个人博客链接的方式，增加爬虫抓取

添加菜单项：

• 添加“分类”
• 添加“标签”

后续操作之前，先修改theme/next/_config.yml文件

配置具体如下：

menu:
  home: / || home
  about: /about/ || user
  tags: /tags/ || tags
  categories: /categories/ || th
  archives: /archives/ || archive
  #schedule: /schedule/ || calendar
  #sitemap: /sitemap.xml || sitemap
  #commonweal: /404/ || heartbeat
复制代码

添加分类菜单

• 进入hexo根目录，运行git bash
• 输入命令 hexo new page categories

• 生成一个categories页面，里面存在index.md文件

• 编辑index.md，添加如下内容

title: 分类
date: 2020-01-29 14:35:32
type: "categories"
comments: false #关闭评论
复制代码

添加标签信息

• 进入hexo根目录，运行git bash
• 输入命令 hexo new page tags

• 生成一个categories页面，里面存在index.md文件

• 编辑index.md，添加如下内容

title: 标签
date: 2020-01-29 14:35:32
type: "tags"
comments: false #关闭评论
复制代码

文章底部作者的相关信息

比较麻烦，需要更改源代码，同时还要增加对应的组件

blog.csdn.net/u011236348/…

这里嫌麻烦就没有处理了，有需要后续再进行整理

修改头像

• 修改/theme/next/_coonfig.yml

# Sidebar Avatar
avatar:
  # Replace the default image and set the url here.
  url: /images/avatar1.jpg
  # If true, the avatar would be dispalyed in circle.
  rounded: true
  # If true, the avatar would be rotated with the cursor.
  rotated: false
复制代码

• rotated 是经过的时候旋转图片，个人决定花眼还毫无意义，就关闭了

SEO百度优化（重点）

• theme-next.org/docs/theme-… 上面是官方网站的seo优化教程
  
• www.jianshu.com/p/5b4c98490… seo优化简书
  
• ziyuan.baidu.com/site/ 百度搜索资源平台
  

next 7 之后的版本可以更为快捷，使用HTML验证模式

在配置文件党政加入如下内容

# See: https://ziyuan.baidu.com/site
baidu_site_verification: MBold0Egj9
# Enable baidu push so that the blog will push the url to baidu auto
matically which is very helpful for SEO.
baidu_push: true
复制代码

重新部署网站之后，点击验证即可

• 最后记得开启百度推送：baidu_push: true
• 百度站长的页面：ziyuan.baidu.com/dashboard/i…

SEO 谷歌优化

个人不满足国内网站的seo收录，这里也想要让谷歌收录我的网站

• 前提条件
  
• 自备科学上网工具
  
• 登陆谷歌，进入下面的网址

• search.google.com/search-cons…

• 这里选择网站前缀验证（和百度的类似）
  
• 选择HTML验证

• 将html 中的content 验证码复制一下

• 打开next/_config.yml文件

• 找到如下内容

# Google Webmaster tools verification.
# See: https://www.google.com/webmasters
google_site_verification: ZyC1bd11DZ5XV3P11yBfvTIuaPZzFxxkUEnAhZ6zQSA
复制代码

• 重新部署一下你的网站

• 这一步不能少，否则验证失败

• 返回谷歌验证网站，点击验证
  
• 等待返回结果，进入到管理界面，新建立的站点需要一天左右收集信息

• search.google.com/search-cons…

添加百度和谷歌的站点地图

参考：tengj.top/2016/03/14/…

• 执行如下两个命令

• npm install hexo-generator-sitemap --save
• npm install hexo-generator-baidu-sitemap --save

• 如果你在你的博客根目录的public下面发现生成了sitemap.xml以及baidusitemap.xml就表示成功了
  
• 谷歌设置sitemap

• 进入管理页面：search.google.com/search-cons…
• 在域名后面接入sitenap.xml
• 提交，查看返回结果是否正确，如果正确表示isitemap设置成功

• 百度设置stemap

• 访问：ziyuan.baidu.com/linksubmit/…
  
• 下拉，切换到sitemap，在自动提交的下面最右边选项
  
• 将自己的博客地址+baidusitemap.xml的链接粘贴到黏贴框内

• 比如个人的：lazytime.site/baidusitema…

• 提交，查看是否成功
  

• 百度主动推送
  

• ziyuan.baidu.com/college/cou…
  
• 主动推送百度官方建议php的方式进行推送

新增蜘蛛协议

前置准备：

• 在hexo/_config.yml下面增加如下配置：

# 自动生成sitemap
sitemap: 
  path: sitemap.xml
baidusitemap: 
  path: baidusitemap.xml
复制代码

开始

为了让网站更好的抓取我们的博客，提高我们博客的排名，这里在hexo/source下面增加了一个robots.txt文件，用于配置蜘蛛协议的相关信息

# hexo robots.txt
User-agent: * Allow: /
Allow: /archives/
Disallow: /vendors/
Disallow: /js/
Disallow: /css/
Disallow: /fonts/
Disallow: /vendors/
Disallow: /fancybox/
Sitemap: http://网站域名/sitemap.xml
Sitemap: http://网站域名/baidusitemap.xml
复制代码

• 注意更改一下sitemap为自己的
• 重新部署即可生效

hexo文章模板的配置参考

为了更好的让后续的文章被收录，这里我修改了下默认的文字模板配置

• 修改D:\interllinjIdea\hexo\scaffolds\posts.md 打开

title: {{ title }}
subtitle: '这个人很懒，不想写副标题'
author: lazytime
date: {{ date }}
tags:
- 无
categories:
- 未分类
keywords: 请输入关键字（英文逗号分隔多个关键字）
description: 请输入描述信息
复制代码

• 这里我关掉了description会替换掉我们的介绍信息的设置，我只是让他作为一个简短介绍使用

# Automatically excerpt description in homepage as preamble text.
excerpt_description: false