使用statcounter统计Hexo博客访问量



title: 使用statcounter统计Hexo博客访问量
date: 2019-05-30 20:55:29
tags: 配置
---

介绍

statcounter是一个提供网站访问统计服务的网站:

StatCounter is a simple but powerful real-time web analytics service that helps you track, analyse and understand your visitors so you can make good decisions ...

本文将介绍如何在hexo博客中配置statcounter服务,以material主题为例

准备工作

开始配置

  1. https://statcounter.com 中新建Project,项目名称建议与网站域名一致
  2. 按照指示填写Recipients,Project URL
  3. 选择自定义Visible Counter,然后选择Text Counter,Text Color和Background Color要根据你所放的位置以及你的主题进行选择
  4. 按指示进入下一步:Insert the Code on Your Website,复制所给的HTML代码
  5. 打开hexo主题文件夹中的“layout/_partial/”,可以看到这里有许多ejs文件,这些文件是hexo用来渲染HTML页面的模板,打开其中的footer.ejs
  6. 把我们之前复制的代码粘贴到合适的地方,并进行修改,以使统计数据不那么突兀。如果你使用的是Material主题,可以参考我的配置:
    html <div> <div class="footer-develop-div">Powered by <a href="https://hexo.io" target="_blank" class="footer-develop-a">Hexo</a></div> <div class="footer-develop-div">Theme - <a href="https://github.com/viosey/hexo-theme-material" target="_blank" class="footer-develop-a">Material</a></div> <div class="footer-develop-div">Counter = <a href="https://statcounter.com/p12017931/summary/" target="_blank" class="footer-develop-a"> <script type="text/javascript"> var sc_project=你自己的信息; var sc_invisible=0; var sc_security="你自己的信息"; var sc_text=5; var scJsHost = "https://"; document.write("<sc"+"ript type=‘text/javascript‘ src=‘" + scJsHost+ "statcounter.com/counter/counter.js‘></"+"script>"); </script> </a> </div> </div>
  7. 最终效果可于:https://songwonderful.github.io/ 查看

原文地址:https://www.cnblogs.com/justsong/p/10952876.html

时间: 2024-11-09 09:55:10

使用statcounter统计Hexo博客访问量的相关文章

为Hexo博客添加评论模块

1. 登录多说网站http://duoshuo.com/,创建站点: 123 可以使用常用的社交账号进行登录,无需注册选择`我要安装`来创建一个站点录入基本的创建信息,点击`创建`按钮来创建一个站点 2. 修改主题配置文件: 我用的主题是freemind,主题地址https://github.com/wzpan/hexo-theme-freemind.git,修改主题的步骤请参考”修改Hexo博客主题”1.打开当前主题路径/_config.yml,找到duoshuo_shortname标签,设置

使用python爬取csdn博客访问量

最近学习了python和爬虫,想写一个程序练练手,所以我就想到了大家都比较关心的自己的博客访问量,使用python来获取自己博客的访问量,这也是后边我将要进行的项目的一部分,后边我会对博客的访问量进行分析,以折线图和饼图等可视化的方式展示自己博客被访问的情况,使自己能更加清楚自己的哪些博客更受关注,博客专家请勿喷,因为我不是专家,我听他们说专家本身就有这个功能. 一.网址分析 进入自己的博客页面,网址为:http://blog.csdn.net/xingjiarong 网址还是非常清晰的就是cs

Hexo博客迁移到Coding

Coding是一个面向开发者的云端开发平台,目前提供代码托管,运行空间,质量控制,项目管理等功能. Coding提供社会化协作功能,包含了社交元素,为开发者提供技术讨论和协作平台. 一.创建项目 注:选择公开 点击创建之后 获取页面HTTPS或SSH地址 二.Clone项目到本地 $ git clone https://coding.net/itmyhome/blog.git blog 三.推送代码 如果已有hexo博客代码 放在blog目录下(.deploy .git除外),其他不变 修改根目

搭建hexo博客

安装Git 下载 msysgit 并执行即可完成安装. 安装Node.js 在 Windows 环境下安装 Node.js 非常简单,仅须下载安装文件并执行即可完成安装. 安装hexo 利用 npm 命令即可安装.(在任意位置点击鼠标右键,选择Git bash) npm install -g hexo 安装完成后,在你喜爱的文件夹下(如E:\hexo),执行以下指令(在H:\hexo内点击鼠标右键,选择Git bash),Hexo 即会自动在目标文件夹建立网站所需要的所有文件.创建hexo文件夹

ubuntu安装hexo博客

ubuntu下安装hexo博客 一 安装git sudo apt-get install git 二 安装nodejs 官网下载linux安装包.tar.gz文件 解压 tar zxvf 这样变可以切到该文件下执行node npm 如果要在任意目录可以访问的话,需要将node 所在的目录,添加PATH环境变量里面,或者通过软连接的形式将node和npm链接到系统默认的PATH目录下的一个,软链接方式如下 ln -s /home/kun/mysofltware/node-v0.10.26-linu

linux 搭建hexo博客

搭建环境: CentOS 6.5 1.安装git的编译包 yum -y install gcc zlib-devel openssl-devel perl cpio expat-devel gettext-devel curl autoconf 2.下载和安装Git 这里我们需要单独下载官方版本的较为新的Git安装包,即便很多人说直接在线yum install git也可以安装Git,但是默认的版本即便安装上了,以后我们需要提交版本是无法提交的.这里我下载到当前最新的2.4.6版本Git安装.

python爬虫设计刷博客访问量(刷访问量,赞,爬取图片)

需要准备的工具: 安装python软件,下载地址:https://www.python.org/ Fiddler抓包软件:http://blog.csdn.net/qq_21792169/article/details/51628123 刷博客访问量的原理是:打开一次网页博客访问量就增加一次.(新浪,搜狐等博客满足这个要求) count.py <span style="font-size:18px;">import webbrowser as web import time

Hexo 博客 之 腾讯云部署过程

写在前面 Hexo 博客搭好了有差不多两周时间了,这期间走了很多弯路,跳了很多坑.一些坑自己 bing 到了答案,找到了解决方法,一些坑则是自己摸索出来的解决方法.现在准备写几篇关于搭建流程.搭建过程中遇到的问题和解决方法.俗话说得好,好记性不如烂键盘嘛. 暂时准备写三篇关于 Hexo 博客搭建的博文: 关于 Hexo 博客 腾讯云部署过程 关于 Hexo 博客 NexT 主题的美化插件设置 点击这里 关于 Hexo 博客 添加域名映射和 https 点击这里 本文介绍 本博客是关于 Hexo

迈出第一步,Hexo博客搭建

很早之前看到别人的博客就总想着自己之后也要搭一个,最近突然来了干劲,就开始搭起了博客.不过搭博客还真是一个累活,失败了不下十次,用了好几天的时间,感觉自己在浪费时间,但是看到现在博客终于能用了,非常开心!这里将通过这篇文章来记录搭建过程. 环境及准备 windows.git.Node.js 一.Git1.1 安装git 链接 https://desktop.github.com/ 下载后一路默认安装就行了. 1.2 配置Git 当安装完Git应该做的第一件事情就是设置用户名称和邮件地址.这样做很