「Jekyll开发美化」:如何添加访客次数 II（以翻页钟样式为例）

<!--
   - FlipClock design
   -    @link { https://github.com/objectivehtml/FlipClock }
-->
<link rel="stylesheet" href="/assets/flipclock/flipclock.css">
<script src="/assets/flipclock/flipclock.js"></script>
<script>
    $(document).ready(function() {
        // Instantiate a counter
        clock_counts = 1
        clock = new FlipClock($('.clock'), clock_counts , {
            clockFace: 'Counter'
        });
</script>

<script>
    function getGAJson() {
        let counts = null
        $.ajax({
            url: 'your Public Endpoint URL',
            dataType: 'json', // for cross-origin access
            timeout: 1000 * 10, // 10 secs
            async: false,
            success: function(data) { counts = displayPageviews(data.rows); },
            error: function() { console.log('Failed to load Pageviews!'); }
        });
        return counts;
    }
    function displayPageviews(rows) {
        if (rows === undefined) { return; }
        var curPath = window.location.pathname;
        var curFile = curPath.slice(curPath.lastIndexOf('/') + 1); // Sometimes posts will be moved.
        var len = rows.length;
        var cnt = 0;

        for (var i = 0; i < len; ++i) {
            var gaPath = rows[i][0];
            var gaFile = gaPath.slice(gaPath.lastIndexOf('/') + 1);

            if (gaPath === curPath || gaFile === curFile) {
                cnt += parseInt(rows[i][1]);
            }
        }
        return setInitialCount(cnt);
        // ref @link
        //      - { https://cotes.page/posts/fetch-pageviews-from-google-analytics/#web-%E7%AB%AF%E5%A4%84%E7%90%86-ga-%E6%95%B0%E6%8D%AE }
        //      - { https://taoalpha.github.io/blog/2015/06/07/tech-add-google-analytics-pageviews-to-jekyll-blog/ }
    }
    // <!-- @link { https://profile-counter.glitch.me/bin4xin.github.io/count.svg } -->
    function setInitialCount(num) {
        // var init_SiteOffset = 66749;
        // _value_site_pv = parseInt(num)
        // all_counts = init_SiteOffset + _value_site_pv
        // return all_counts
        // 如果您不从0开始计次，使用上面的代码，并注释掉下面的return
        return num
    }
</script>

<script>
    let All_Counts = getGAJson()
    $(document).ready(function() {
        // Instantiate a counter
        clock = new FlipClock($('.clock'), All_Counts , {
            clockFace: 'Counter'
        });
</script>