Add adsense in hexo blog

首先,找到现在正在使用的主题所在目录,如:themes/light/。如果不确定,可查看 _config.yml 中 theme 的值。

在主题目录的 layout/_widget 下,放着所有右边栏的小工具。在这个目录下新建文件 adsense.ejs,并在其中填入:

adsense.ejs
1
2
3
<div class="widget tag">
把从 AdSense 里获得的代码全部复制到这里
</div>

最后,在主题根目录的 _config.yml 里,在 widgets 里面加入一项 - adsense 即可,如:

_config.yml
1
2
3
4
5
widgets:
- search
- recent_posts
- adsense
- tagcloud

这样就可以在右侧边栏里显示 Adsense 广告了。

原理:

可以看到 /layout/_partial/sidebar.ejs 里的内容:

sidebar.ejs
1
2
3
<% theme.widgets.forEach(function(widget){ %>
<%- partial('../_widget/' + widget) %>
<% }); %>

也就是从配置文件里,把 widget 里所有的东西渲染出来,放到 sidebar 上。

如果不想放到右边栏里,也可以放到其他想放的地方,原理是类似的。可以在 /layout/_partial/ 中新建一个 ejs 文件,如 adsense.ejs,然后在其中粘贴上 Adsense 的代码。然后在需要显示广告的 layout 的 ejs 里,加入

1
<%- partial('_partial/adsense') %>

即可。