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 #关闭评论 复制代码
文章底部作者的相关信息
比较麻烦，需要更改源代码，同时还要增加对应的组件
这里嫌麻烦就没有处理了，有需要后续再进行整理
修改头像
- 修改
/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 automatically which is very helpful for SEO. baidu_push: true 复制代码
重新部署网站之后，点击验证即可
- 最后记得开启百度推送：
baidu_push: true - 百度站长的页面：ziyuan.baidu.com/dashboard/i…
SEO 谷歌优化
个人不满足国内网站的seo收录，这里也想要让谷歌收录我的网站
- 前提条件
- 自备科学上网工具
- 登陆谷歌，进入下面的网址
- 这里选择
网站前缀验证（和百度的类似） - 选择
HTML验证
- 将html 中的
content验证码复制一下
- 打开
next/_config.yml文件
- 找到如下内容
# Google Webmaster tools verification. # See: https://www.google.com/webmasters google_site_verification: ZyC1bd11DZ5XV3P11yBfvTIuaPZzFxxkUEnAhZ6zQSA 复制代码
- 重新部署一下你的网站
- 这一步不能少，否则验证失败
- 返回谷歌验证网站，点击
验证 - 等待返回结果，进入到管理界面，新建立的站点需要一天左右收集信息
添加百度和谷歌的站点地图
- 执行如下两个命令
npm install hexo-generator-sitemap --savenpm 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的链接粘贴到黏贴框内
- 提交，查看是否成功
- 百度主动推送
- ziyuan.baidu.com/college/cou…
- 主动推送百度官方建议php的方式进行推送
新增蜘蛛协议
这里直接给出一份robots文件做参考
# hexo robots.txt User-agent: * Allow: / Allow: /archives/ Disallow: /vendors/ Disallow: /js/ Disallow: /css/ Disallow: /fonts/ Disallow: /vendors/ Disallow: /fancybox/ Sitemap: http://lazytime.site/sitemap.xml Sitemap: http://lazytime.site/baidusitemap.xml 复制代码
前置准备：
- 在
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
