GitBook Entrance

Plugin

以設定「plugin-ga(Google Analytics)」為例。

編輯設定檔

編輯「book.json」。

$ vi book.json

原來的

{
    "gitbook": ">=2.0.0",
    "title": "demo book",
    "description": "learn gitbook"
}

加入

{
    "plugins": [
        "ga"
    ],
    "pluginsConfig": {
        "ga": {
            "token": "UA-XXXX-Y"
        }
    }
}

最後變成

{
    "gitbook": ">=2.0.0",
    "title": "demo book",
    "description": "learn gitbook",
    "plugins": [
        "ga"
    ],
    "pluginsConfig": {
        "ga": {
            "token": "UA-XXXX-Y"
        }
    }
}

注意:"token": "UA-XXXX-Y",最後要改成你實際的數值。

安裝「Plugin」

執行

$ gitbook install

顯示

info: 1 plugins to install 
info: No version specified, resolve plugin ga 
info: install plugin ga from npm (gitbook-plugin-ga) with version 0.2.1 
gitbook-plugin-ga@0.2.1 node_modules/gitbook-plugin-ga
info: >> plugin ga installed with success 

Done, without error

檢視網頁原始碼

啟動「server」。

$ gitbook serve

觀看網頁原始碼,最下面會看到。

<script>
require(["gitbook"], function(gitbook) {
    var config = {"fontSettings":{"theme":null,"family":"sans","size":2},"ga":{"token":"UA-XXXX-Y"}};
    gitbook.start(config);
});
</script>

        <script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');ga('create', 'UA-XXXX-Y', 'auto');ga('send', 'pageview');</script>

更多參考