博客中加入统计、codepen

作者 Simmin 日期 2017-12-07
博客中加入统计、codepen

今天终于给博客加上了百度统计和codepen。之前有增加多说评论,但是多说停止服务了,所以以后再给博客增加其他评论插件吧。

过程虽然非常简单,但是希望对初次进行配置的小伙伴有一点点帮助~

百度统计

首先,注册一个百度统计的账号。

添加要统计的网站域名及网站首页URL。

百度统计1

获取代码

百度统计2

当前是hexo搭建的博客,在配置文件中.config.yml配置一下百度统计的id(上图红框中部分)

百度统计3

最后点击一下代码安装检查,测试是否安装成功,20分钟就可以看到统计结果了。

codepen

想在博客中展示demo,除了之前写过的GitHub 下增加项目主页,还有就是引入常见的codepen或者JSFiddler了。这里介绍codepen的引入方式。

首先,注册一个codepen的账号。

新建一个pen(+ new pen),编辑好代码后,点击右下角的embed
嵌入codepen

drag to resize是调节嵌入到文章中时的高度。

嵌入codepen

这里提供了三种嵌入方式(wordpress、iframe、html),将下面的代码直接写到.md中,就OK了~

html方式会在文章中产生一段文本链接。

嵌入codepen

iframe方式会将codepen嵌入在文章中。

嵌入codepen

嵌入codepen