小计 -- 在hexo的next 主题中插入带广告的图片链接

最近,阿里云的T5 ECS 云服务器推得很火。1C/2G/40G 3年只要297,很便宜。帮着推广一下,还可以最多多用36个月,所以就有了在自己的hexo blog上插个广告的想法。具体操作中,还是碰到了一个问题,做一下记录。

Next主题下添加版权声明模块及广告图片

首先定位到Next Theme文件夹下的layout/_marco/post.swig文件,找到post-body所在的标签,并在其后加上如下代码增加广告图片和链接。这里有一点是要注意的,就是图片不能用\标签,而是要用\标签,要把图片当做\标签的背景插进去。不然的话,当你点击链接时,是不会跳转到相应的广告页面的,而是会报一个“the requested content cannot be loaded”的错误。原因是,fancybox会自动在你的图片链接上加一个 fancybox的class,这样,你的跳转链接就被当成一个图片来显示,当然是无法load的。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<div>    
{# 表示如果不在索引列表中加入后续的HTML代码 #}
{% if not is_index %}
<ul class="post-copyright">
<li class="post-copyright-author">
<strong>本文作者:</strong>{{ theme.author }}
</li>
<li>
<strong>阿里云广告链接:</strong>
<a href="https://promotion.aliyun.com/ntms/act/group/team.html?group=lavbAek0So" title="阿里云云主机1CPU/2G/40G/2973">
<div style="background:url(/images/aliyun_ecs.jpg); width:611px;height:209px;"> </div> </a>
</li>
<li class="post-copyright-link">
<strong>本文链接:</strong>
<a href="{{ url_for(page.path) }}" title="{{ page.title }}">{{ page.path }}</a>
</li>
<li class="post-copyright-license">
<strong>版权声明: </strong>
本博客所有文章除特别声明外,均采用 <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/cn/" rel="external nofollow" target="_blank">CC BY-NC-SA 3.0 CN</a> 许可协议。转载请注明出处!
</li>
</ul>
{% endif %}
</div>

坚持原创技术分享,您的支持将鼓励我继续创作!