Hexo博客maupassant主题添加Google Adsense广告
2024-08-27 13:28:46
自从在 Github Page 落户以后,很长一段时间使用的是极简且有点艺术范儿的 fexo 主题,而不是大名鼎鼎的 next 主题。后来偶然发现了符合我审美的Hexo博客 maupassant 主题,准备好好经营,但是更新博客的动力不足。新的一年开始,我终于决定引入 Google Adsense ,让自己的博客显得主流一点,如果能够顺便赚些零花钱当然更好了。本文默认读者已经注册了 Adsense 账号,下面仅仅分享一下具体的设置步骤,方便自己以后备查。
从 Adsense 中下载具体广告模块代码,需要注意的是你下载的是 JavaScript 代码,而我们的 maupassant 使用的是 Jade ,不需要自己写,使用在线转换器就好:html2jade。最新版的已经改用 pug 了,但是其实 pug 和 jade 是同一件事情。
打开主题目录下的 maupassant/_config.yml 文件,添加个广告控制开关:
|
|
在 maupassant/lay 大专栏 Hexo博客maupassant主题添加Google Adsense广告out/_partial/head.pug 里添加代码:
|
|
这段代码是从你申请的 Adsense 账户中复制下来的,其中 ca-pub-XXXXX 替换成自己的账号就行了。但是这样的设置完全让 Google 为我们决定广告的位置,有时候显得页面比较乱,博客的可读性比较差。可以考虑在 Adsense 中创建广告位,然后在特定位置加上代码就好了,我的选择是在文章结束,评论上方加上一条的广告。
本站就是用第一种方法部署了广告,还请大家多多关照!
最新文章
- Redis百亿级Key存储方案(转)
- EntityFramework 事务处理
- Node.js之NPM工具使用
- iOS开发——高级篇——iOS中如何选择delegate、通知、KVO(以及三者的区别)
- [javaSE] 反射-动态加载类
- poj 3126
- 【转】微软MVP攻略 (如何成为MVP?一个SQL Server MVP的经验之谈)
- [转]2-SAT问题及其算法
- Codeforces 706D Vasiliy's Multiset(可持久化字典树)
- “玲珑杯”ACM比赛 Round #1 题解
- maven配置全局的jdk和配置局部的jdk
- UVA - 11624 多点bfs [kuangbin带你飞]专题一
- windows下 python3.5+tensorflow 安装
- java--Iterator迭代问题:集合并发访问异常
- JavaSE学习总结(十九)—— Java Web 综合应用(JSP、Servlet、IDEA、MySQL、JUnit、AJAX、JSON)
- 线程:主线程、子线程 同步线程、异步线程 单线程、多线程 System.Threading与System.Windows.Threading
- innerHTML与jquery里的html()区别介绍
- 旋转链表(所有元素往右移) rotate list
- 【NOIP2013】货车运输 最大生成树+倍增
- uboot中fb实现
热门文章
- 解决DIV超出样式长度自动换行
- Microsoft .NET Framework 4.5.2 (Offline Installer)
- 迅为-IMX6开发板Android Eclipse 导入Led应用程序工程
- 17.3.15---关于GPIO控制流水灯的信息
- vue slot插槽v-show不控制显示隐藏
- Linux系统cp:ommiting directory xxx问题解决
- linux操作提示:“Can't open file for writing”或“operation not permitted”的解决办法
- 计量经济与时间序列_ADF单位根检验步骤
- Pwn-Gcc编译命令
- VMware-workstation虚拟机安装及配置