配置

基本按照使用文档 | Artitalk.js 里的步骤来配置（我这里没有配置说说头像）。不过呢，源文档里建议使用国际版的 LeanCloud，这在国内会被墙，不可取！还得是改为国内版 LeanCloud。

将 Artitalk 的 JS 从 ArtitalkJS/Artitalk: 通过 leancloud 实现的可实时发布说说的 js (github.com) 加载到本地来使用，便于调整也防止被墙。

使用方法：使用如下 HTML 语句（我调整了这里的 CSS，隐藏了一些被墙的内容，同时使用本地加载的方式引用 Artitalk.js）：

<style>
    #artitalk_main ul#maina>li {
        margin: 0;
    }
    .delete_right>svg {
        transform: translateX(-8px);
    }
    #shuoshuo-modal>center, #userinfo>center,  #chanshu>center, #shanchur>center {
        margin: 10px 0;
    }
    #artitalk_main .cbp_tmtimeline>li .cbp_tmlabel {
        margin: 0 0 20px 90px;
    }
    #artitalk_main .cbp_tmtimeline>li:before, #uploadSource, #loadEmoji {
        display: none !important;
    }
    #artitalk_main .cbp_tmtimeline>li .cbp_tmlabel>div>p, span.cbp_tmlabel>p, .shuoshuo_time {
        color: white;
    }
    .cbp_tmlabel>div>p{
        margin-right: 25px;
    }
    .c2>center>p {
        margin : 10px 0;
    }
    #shuoshuo_edit {
        display: flex;
    }
    #artitalk_main .shuoshuo_text {
        margin: 0 auto;
        width: 95%;
    }
</style>

<center>居然被你找到了神秘的说说页！</center>

---

<!-- 引用 artitalk -->
<!--<script src="https://unpkg.com/artitalk"></script>--> 

<script src="Artitalk/dist/js/artitalk.js"></script>

<!-- 存放说说的容器 -->
<div id="artitalk_main"></div>
<script>
new Artitalk({
    appId: 'XXX', // Your LeanCloud appId
    appKey: 'XXX', // Your LeanCloud appKey
    serverURL: 'XXX',
})
</script>

appId、appKey、serverURL 都可以分别从 LeanCloud 设置 - 应用凭证 的 AppID、AppKey 和 REST API 服务器地址 里得到。

接下来编辑 Artitalk.js 里的内容，由于 jsdelivr 在国内被墙，而里面的表情图片又是从这里获得的，只好把它们加载到本地并修改 url。同时把 Artitalk 的 logo 改成自己头像嘻嘻嘻~

还有一些被墙了的不好用的功能，删之~