Apr 26 2016

Add adsense in hexo blog

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

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

adsense.ejs

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

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

_config.yml

widgets:
- search
- recent_posts
- adsense
- tagcloud

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

原理：

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

sidebar.ejs

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

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

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

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

即可。

hexo