Hexo博客添加SEO-评论系统-阅读统计-站长统计

news/2024/5/15 16:19:46/文章来源:https://blog.csdn.net/weixin_33872566/article/details/94605412

丹霞山

原文地址:→传送门

写在前面

在五月出捣腾了一把个人博客,但是刚开始只做了一些基础设置,套路也没摸清,基础安装篇请看hexo从零开始到搭建完整,里面讲到了基础工具的安装及blog项目的文件夹含义,以及RSS添加、域名的绑定等操作,后来想着加点功能,但是奈何我选的主题集成的东西比较少,需要一比一步自己添加,于是摸索了一番。。。现在真是发现了next主题的好处,不仅持续更新,而且作者已经在主题中集成了各种功能,简直爽歪歪,不过我还是默默的接着摸索吧!下面介绍几种好用的东西。

  1. 推荐七牛云
  2. 添加百度SEO
  3. 添加谷歌SEO
  4. 添加评论系统来必力
  5. 百度统计
  6. 文章统计leanCloud
  7. 引入站长统计不蒜子

七牛云

先给大兄弟们极力推荐个好用的图床工具七牛云。么么
七牛云
注:上传后的图片尽量不要修改和删除额,不然之前添加的链接就会失效啦

添加百度SEO

为了增加文章的曝光率,让别人更容易搜到你的文章,那就添加SEO吧,不过好像要下面介绍下加入百度SEO的步骤:

在百度中输入site:yourwebsite,好像要绑定了域名的网址才可以额,直接github.io的好像不行,百度站长平台。
检验你的网址

填写要提交的网址:
提交网址

选择站点的相关属性:
选择站点属性

验证你的网站(这里有三种方法,你任选一种就好了,我试了后面两种,操作简单方便。我最后使用的是第三种添加一条解析):
文件验证
HTML验证网站

CNAME验证网站

CNAME验证方式如下,记录类型选CNAME,主机记录就填百度给的,记录值为zz.baidu.com。
CNAME验证

接下来要让你的网站生成网站地图,及生产sitemap,将sitemap提交到百度,先安装地图生成插件:

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

然后查看是否在根目录的_config.xml配置文件下添加了你的url:
添加url
重新部署后即可在public文件下看到sitemap.xml和baidusitemap.xml文件,在浏览器中输入你的网址/sitemap.xml即可看到所生成的地图文件,表示安装成功。
sitemap

接着是提交你的sitemap到百度,点击链接提交进行提交。分为自动提交和手动提交。自动提交提供了3中方式,可以都使用,也可以只使用其中的一种:
提交sitemap
根据提示操作即可。建议采用自动提交额,手动提交会累死人

然后进行死链提交:
死链提交
提交完了等着就好了,可能要很久才生效。。。

添加谷歌SEO

作为程序boy,google是少不了的,所以也把你的网站加到谷歌SEO吧,添加到谷歌的话很快就能生效的额,大概只要几分钟吧,添加起来也是比较简单滴。当然要先自备天梯。。。

敲黑板!首先得有个谷歌账号,自由发挥吧,然后到这里添加地址去添加你的网址。

也可以现在google总共输入如下内容,然后进入到添加网站的地址:
验证网址

点击添加属性后即可添加你的博客地址。
添加属性

添加完成之后进行网站验证,我使用的貌似是备用方法,比较便捷。
网站验证
备用方法

添加好之后稍等一会儿再Google中输入关键字,就可以看到效果啦
查看你的博客

添加评论系统来必力

评论系统真是个令我伤心的东西,我用的hueman主题也是集成了几种评论系统的,但是都是坑啊,disqus是国外的额。畅言是要备案的,友言的感觉不是很好看,之前很强大多说在6月1号关了,转战云更贴,结果宣布在8月1号正式停用。嗯!就是今天,八一建军节九十周年!此处比心~

其实后面才知道有来必力这玩意儿的,第一眼看它还有点不顺眼,原因你懂的,后来发现用的人还挺多的,于是最后还是被它征服了

官网传送门,注册的时候会出现点韩语,不过莫慌,该看懂的还是看的懂额,嗯就酱。

注册好后到管理页面去:
点击管理页面

代码管理中获取安装代码:
安装代码
(此处针对的是hueman主题,其他的应该类似)获取安装代码后,在主题的comment下新建一个文件放入刚刚那段代码,再找到article文件,找到如下代码,若没有则直接在footer后面添加即可。livebe即为刚刚所创文件名称。

<%- partial('comment/livebe') %>

完成上面步骤之后可选择性进行一些相关配置,如下:
相关配置

重新部署博客后即可看到效果:
效果图

添加百度统计

百度统计也是个好东西,因为可以看到一些很详细的信息!

百度统计传送门

在管理这一栏先把要统计的网站添加进来:
添加网站

然后找到代码获取,进行代码安装:
代码安装

代码安装好后重新部署,再回到百度统计中进行代码安装检查,安装正确即可。

差不多等个半小时吧,再进入到报告这一栏即可查看相关数据了。

文章阅读量统计leanCloud

对于文章数量的统计,leanCloud是个好东西,官网传送门,leanCloud功能繁多,你可以好好的利用一番,这里主要讲文章阅读数量。

乖乖注册好账号之后去添加一个应用:
创建应用

点击你的应用右上角的齿轮,进入到配置页面:
设置页面

在存储这一栏中创建一个新的Class Name:
新建Class Name

新的Class Name为Counter:
Counter

然后在设置页面的应用Key可查看到你的App ID及App Key:
查看信息

在主题的配置文件下添加如下:

//若主题已集成则只需要加此段
leancloud_visitors:enable: trueapp_id: 你的idapp_key: 你的key

在article中适当的位置添加如下(取决于你要将它显示在何处):

阅读数量:<span id="<%= url_for(post.path) %>" class="leancloud_visitors" data-flag-title="<%- post.title %>"></span>次

在footer的最后添加如下代码:

<script src="//cdn1.lncld.net/static/js/2.5.0/av-min.js"></script>
<script>var APP_ID = '你的app id';var APP_KEY = '你的app key';AV.init({appId: APP_ID,appKey: APP_KEY});// 显示次数function showTime(Counter) {var query = new AV.Query("Counter");if($(".leancloud_visitors").length > 0){var url = $(".leancloud_visitors").attr('id').trim();// where fieldquery.equalTo("words", url);// countquery.count().then(function (number) {// There are number instances of MyClass where words equals url.$(document.getElementById(url)).text(number?  number : '--');}, function (error) {// error is an instance of AVError.});}}// 追加pvfunction addCount(Counter) {var url = $(".leancloud_visitors").length > 0 ? $(".leancloud_visitors").attr('id').trim() : 'icafebolger.com';var Counter = AV.Object.extend("Counter");var query = new Counter;query.save({words: url}).then(function (object) {})}$(function () {var Counter = AV.Object.extend("Counter");addCount(Counter);showTime(Counter);});
</script>

重启之后即可看到效果。

引入站长统计不蒜子

文章阅读量可以用leanCloud,那么整站统计用不蒜子还是比较方便的,只需要在footer中适当的位置添加如下代码不蒜子传送门,重新部署即可:

<script async src="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script><span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>

不蒜子可自行DIY~

小结

  1. 搞完这些之后你会发现满满的都是账号,/(ㄒoㄒ)/~~

  2. 这些可自行选择用一些,不需要都用上额

  3. 终于要告一段落了,有的时候为了这个东东,也是很费时啊,不过弄完之后也是挺开心的,加油吧少年!

转载于:https://www.cnblogs.com/visugar/p/7270581.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_849414.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

如何一步一步用DDD设计一个电商网站(六)—— 给购物车加点料,集成售价上下文...

本系列所有文章 如何一步一步用DDD设计一个电商网站&#xff08;一&#xff09;—— 先理解核心概念 如何一步一步用DDD设计一个电商网站&#xff08;二&#xff09;—— 项目架构 如何一步一步用DDD设计一个电商网站&#xff08;三&#xff09;—— 初涉核心域 如何一步一步用…

码教授告诉你SEO如何维护友情链接

友情链接是网站的一种营销策略&#xff0c;是指互相在自己的网站上放对方网站的链接&#xff0c;通过和权重相当的网站交换友情链接来提升自己网站的权重&#xff0c;也能为网站带来意向客户。和其他网站交换友情链接是免费的&#xff0c;但是交换过程中需要注意几个问题。一:最…

Python爬虫获取招聘网站职位信息

Python爬虫获取招聘网站职位信息 摘要 本文介绍使用Python编写爬虫&#xff0c;获取招聘网站中感兴趣的职位信息。 好的开始&#xff0c;成功一半。另一半呢&#xff1f;知己知彼&#xff0c;百战百胜。 0. 环境 0.1 Python解释器安装 推荐使用Anaconda发行版&#xff0c;其包含…

Redis简单案例(二) 网站最近的访问用户

Redis简单案例(二) 网站最近的访问用户 原文:Redis简单案例(二) 网站最近的访问用户我们有时会在网站中看到最后的访问用户、最近的活跃用户等等诸如此类的一些信息。本文就以最后的访问用户为例&#xff0c; 用Redis来实现这个小功能。在这之前&#xff0c;我们可以先简单了解…

NW.js将网站打包成桌面应用

需求&#xff1a;已有一个网站&#xff0c;因为浏览器兼容性等问题&#xff0c;想自己封装一个浏览器&#xff0c;打开时固定打开这个网站&#xff0c;通过这样的封装&#xff0c;将网站变成桌面应用程序。 1. 下载并安装NW.js的最新稳定版本&#xff08;NW.js&#xff09; 2. …

phpcms网站漏洞修复 远程代码写入缓存漏洞利用

SINE安全公司在对phpcms2008网站代码进行安全检测与审计的时候发现该phpcms存在远程代码写入缓存文件的一个SQL注入漏洞&#xff0c;该phpcms漏洞危害较大&#xff0c;可以导致网站被黑&#xff0c;以及服务器遭受黑客的攻击&#xff0c;关于这次发现的phpcms漏洞细节以及如何利…

python 网站的结构

用python怎么做一个网站。 维基百科对网站有如下描述&#xff1a; 网站&#xff08;英文&#xff1a;Website&#xff09;是指在互联网上&#xff0c;根据一定的规则&#xff0c;使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说&#xff0c;网站是一种通信工具…

ASP.NET MVC 实现页落网资源分享网站+充值管理+后台管理(14)之会员中心管理

源码下载地址&#xff1a;http://www.yealuo.com/Sccnn/Detail?KeyValuec891ffae-7441-4afb-9a75-c5fe000e3d1c 会员中心&#xff0c;主要包含了会员的基本信息维护、充值管理&#xff0c;以及下载充值的日志管理和收藏等功能 首先我们需要在MemberCenterModule区域下的Contro…

中国农产品信息网站scrapy-redis分布式爬取数据

---恢复内容开始--- 基于scrapy_redis和mongodb的分布式爬虫 项目需求&#xff1a; 1&#xff1a;自动抓取每一个农产品的详细数据 2&#xff1a;对抓取的数据进行存储 第一步&#xff1a; 创建scrapy项目 创建爬虫文件 在items.py里面定义我们要爬取的数据 # -*- coding: utf-…

怎么让你的网站快如飞?

服务器、VPS、空间的介绍 服务器是真实存在的物理设备.无论是性能还是安全方面都是最强大的.VPS是虚拟服务器的意思.它的功能与服务器一模一样.但不同的是它是虚拟的.在同等配置的情况下.性能不如服务器.云主机则是VPS的升级版.相对VPS来讲更稳定.更安全一些.空间和虚拟主机是同…

keepalived + lvs 网站高可用集群

一 &#xff0c;四台服务器 master 端 &#xff1a; 192.168.206.3 backup 端&#xff1a; 192.168.206.4 REserver1 端 &#xff1a; 192.168.206.5 REserver2 端&#xff1a; 192.168.206.6 二、 开始部署 1> 配置 REserver1 端 REserver2 端 &#xff08; 在回环地址配…

部署网站

1&#xff0c;下载tomcat 2 网站内容copy到tomcat classes 文件为编译后代码3将webapp copy 到 C:\apache-tomcat-7.0.85\webapps 修改 webapp 为easy即可 访问地址为 http://10.0.0.96:8080/easy/index.jsp 3 tomcat 修改如果出现有参数的接口请求不到The valid characters a…

大型网站系统架构演化之路

前言 一个成熟的大型网站&#xff08;如淘宝、天猫、腾讯等&#xff09;的系统架构并不是一开始设计时就具备完整的高性能、高可用、高伸缩等特性的&#xff0c;它是随着用户量的增加&#xff0c;业务功能的扩展逐渐演变完善的&#xff0c;在这个过程中&#xff0c;开发模式、技…

谈谈个人网站的建立(一)——建站历史和技术架构

首先&#xff0c;帮忙点击一下我的网站http://www.wenzhihuai.com/。谢谢啊&#xff0c;如果可以&#xff0c;GitHub上麻烦给个star&#xff0c;以后面试能讲讲这个项目&#xff0c;GitHub地址https://github.com/Zephery/newblog 大学的时候萌生的一个想法&#xff0c;就是建立…

MacOS网页自动化教程(下)- PySeTest网站自动登录到下单测试手脚架#Python3 + Selenium3+ HTMLTestRunner#工欲善其事

PySeTest网站自动登录到下单测试手脚架#Python3 Selenium3 HTMLTestRunner系统说明如何使用功能说明实现步骤测试路径测试脚本代码实现常用方法封装Selenium基础用法Selenium 中文文档Selenium3 定位方法Selenium的等待自动生成Html测试报告HTMLTestRunner 兼容Python3如何使用…

大型网站架构改进历程:存储的瓶颈(四)

摘要&#xff1a;什么是大型网站&#xff0c;从网站的技术角度考虑这个问题人们很容易犯一个毛病就是认为网站的访问量是衡量的指标&#xff0c;懂点行的人也许会认为是网站在单位时间里的并发量的大小来作为指标&#xff0c;如果按这些标准那么像hao123网站就是了。 本文转自博…

律师所网站建设及律师事务所网站模板整理

律师网站建设的内部系统可以分为很多&#xff0c;根据栏目页的设定可以有不同的系统&#xff0c;而且随着时代的发展以及互联网技术的不断更新&#xff0c;各方面系统管理也在升级&#xff0c;网站建设者或是管理者需要不断的对网站进行优化&#xff0c;使得符合时代发展的要求…

做网站用企业网站模板好不好

现在很过公司企业做网站都一般有两种途径&#xff0c;一种找人量身定制&#xff0c;一种选择现成的企业网站模板&#xff0c;目前来说&#xff0c;这两种网站建设方式价格差异也不大&#xff0c;那么到底是定制好&#xff1f;还是企业网站模板好呢&#xff1f; 其实这个问题没有…

响应式网站建设的优缺点

首先要明白响应式网站概念&#xff0c;响应式网站是国外最先流行的一种网站布局理念&#xff0c;其理念是&#xff1a;集中创建页面的图片排版大小&#xff0c;可以智能地根据用户行为以及使用的设备环境进行相对应的布局&#xff0c;说简单点就是可以在pc和手机及各种浏览设备…

网站建设需要注意的几个重要因素

在互联网发达的时代&#xff0c;网站已经是生活当中必不可少的一个事物了&#xff0c;许许多多的企业都熟悉了网站建设的流程&#xff0c;企业可以通过网站可以自由的发布信息、更新产品、还能够为客户提供一些在线的服务等。成功的网站建设能为企业带来一定的业务和收益&#…