Jekyll网站设置谷歌分析

谷歌分析提供免费网络分析服务，用于跟踪和报告网站流量，将谷歌分析添加到Jekyll网站十分简单。

首先登录谷歌分析并新建一个媒体资源， 以获取网站的跟踪ID，可以在管理 > 媒体资源 > 跟踪信息 > 跟踪代码下找到跟踪ID。

然后在_includes文件夹新建名为google-analytics.html的文件,并写入以下代码：

<script>
    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
    ga('create', '{{ site.google_analytics }}', 'auto');
    ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>

JavaScript in Markdown

Step 1, create a new file named YourScript.js in the site directory.

Step 2, write the following code in the YAML of the Markdown document.

---
title: YourTitle
customjs:
 - https://yoursite/yourscript.js
---

Step 3, introduce JavaScript into Markdown.

{% for js in page.customjs %}
<script src="{{ js }}"></script>
{% endfor %}

本年倒计时

EXPIRED

MarkDown 目录树锚定位

• 点击跳到二级标题
  • 点击跳到三级标题
  • 点击跳到另一个三级标题

我是二级标题

Markdown table自动修剪溢出

Jekyll网页中，使用Markdown table会产生一个问题：当table超过一定宽度， 会在手机端或窄屏产生整个网页的横向滚动条，打破了整体页面布局。

解决办法：在Markdown table外围加一层div,然后写相应的CSS,实现table父节点自动修剪溢出并显示滚动条。

注意：div与table之间需要有空行

Markdown

<div class="table-wrapper" markdown="block">

Title 1 | Title 2 | Title 3
--- | --- | --- 
lorem | lorem ipsum | lorem ipsum dolor 
lorem ipsum dolor sit amet | lorem ipsum dolor sit amet consectetur | lorem ipsum dolor sit amet 
lorem ipsum dolor | lorem ipsum | lorem 
lorem ipsum dolor | lorem ipsum dolor sit | lorem ipsum dolor sit amet 

</div>  

CSS

.table-wrapper {
  overflow-x: auto;
}