mkdocs 搭建的静态博客如何添加广告

wordpress是php开发的动态博客,有不少人喜欢静态类型博客,比如hexo,hugo等,但是如果要搭建一个教程主题或者文档主题的博客,最好的选择当然是mkdocs。

mkdocs搭建好博客之后直接发布非常的方便,当教程或者文档有了大量的访问之后,很多人都希望能够加入广告比如google或者百度广告,mkdocs加入广告的方式要修改代码。

mkdocs的主题下载后是在python目录下的LIB/site-packages中,比如我用的material主题,就在安装目录下(我的python安装目录在E:/software/python)python/LIB/site-packages下面的material目录中,进入之后,再进入partial目录,编辑footer.html文件,在

{#-
  This file was automatically generated - do not edit
-#}
{% import "partials/language.html" as lang with context %}
<footer class="md-footer">

下面加上google广告的js即可。

比如我的添加完如下:

{#-
  This file was automatically generated - do not edit
-#}
{% import "partials/language.html" as lang with context %}
<footer class="md-footer">
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <ins class="adsbygoogle"
      style="display:block; text-align:center;"
      data-ad-layout="in-article"
      data-ad-format="fluid"
      data-ad-client="ca-pub-14245158450834584"
      data-ad-slot="1803467689"></ins>
  <script>
      (adsbygoogle = window.adsbygoogle || []).push({});
  </script>

然后隔一个小时左右,刷新网页就能看到广告了。

本文遵从CC3.0协议转载请注明:转自凌风技术站

本文标题:mkdocs 搭建的静态博客如何添加广告

本文链接地址:https://www.iaccepted.net/web/243.html

相关文章