gengine_doc/index.html at master · rencalo770/gengine_doc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>gengine</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="Description">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify/lib/themes/vue.css">
    <script src="https://cdn.bootcss.com/viz.js/1.8.0/viz.js"></script>
    <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

</head>
<body>
  <div id="app"></div>

  <script>
    window.$docsify = {
      loadNavbar: true, //导航栏
        loadSidebar: true,
        subMaxLevel: 4,  //是否显示次级目录
        coverpage: true,  //首页
        onlyCover: true,
        markdown:{
            smartypants: true,
        }
    }
  </script>
  <script src="https://cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script>
</body>
<script src="//unpkg.com/docsify/lib/plugins/gitalk.min.js"></script>
<script src="//unpkg.com/gitalk/dist/gitalk.min.js"></script>
<script>
    const gitalk = new Gitalk({
        clientID: '0814dc5e73530d2cf6e0', // GitHub Application Client ID
        clientSecret: '559e821068a562e0bcece6dc64bcc66967b979aa', // GitHub Application Client Secret
        repo: 'gengine_doc',      // 存放评论的仓库
        owner: 'rencalo770',          // 仓库的创建者,
        admin: ['rencalo770'],        // 如果仓库有多个人可以操作,那么在这里以数组形式写出
        title: location.hash.match(/#(.*?)([?]|$)/)[1],// 用于标记评论是哪个页面的,确保唯一,并且长度小于50
        id: location.hash.match(/#(.*?)([?]|$)/)[1],
    });
    /**
     * 1、由于docsify的链接URL使用的是hash的方式,导致切换页面的时候不会刷新页面,导致整个网站的Gitalk评论使用的是一个评论,因此做了监听hash事件,来刷新页面,这样就能每次切换页面刷新,然后加载对应的评论.
     2、关于Gitalk参数id的值,由于点击二级标题后,二级标题会以参数的形式出现在url上,导致长度有事超过了50,所以过滤掉URL中的参数,此外还能解决评论定位不到问题(二级标题会在URL上).
     *
     */
    window.onhashchange = function(event){
        if(event.newURL.split('?')[0] !== event.oldURL .split('?')[0]) {
            location.reload()
        }
    };
    // 由于docsify/lib/plugins/gitalk.min.js文件中已经有下面代码了,所以不需要在写一次了
     //gitalk.render('gitalk-container')
</script>
<script src="https://cdn.jsdelivr.net/npm/docsify-prism@latest/dist/docsify-prism.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.21.0/components/prism-go.js"></script>

</html>