一、前言
之前有寫一篇文章是如何在個人網站配置手寫說說頁面，這是我從drew叔
那搬運過來的，大家一直催問可不可以在線發佈，終於drew叔動手了。
我看着他從leadcloud後臺鼓搗到gtalk後臺，再到leadcloud國際版後臺，我按兵不動，他費力的造輪子，“伸手主義”的快樂。
今天，我 mark 了一個好東西 artitalk.js.org ，這意味穩定並開源啦， 趕快get起來！
先展示一張目前的效果圖：
快速門：
-
說說心情頁，開源項目： artitalk.js.org
-
我再貼個我的： cungudafa的說說頁面
二、我設置的記錄參考
1.申請leancloud國際版賬號
- 前往leancloud國際版，註冊賬號。(需要驗證郵箱)
- 創建應用
![在這裏插入圖片描述]()
驗證手機號在右上角，方便消息管理跟之後信息找回。
![在這裏插入圖片描述]()
2.後臺配置
-
可以收藏這個網址在書籤欄，方便以後配置。
https://console.leancloud.app/applist.html#/apps
![在這裏插入圖片描述]()
-
添加用戶（
存儲->結構化數據->_User）,添加行
![在這裏插入圖片描述]()
![在這裏插入圖片描述]()
-
權限設置（
存儲->結構化數據->_User-》權限）
![在這裏插入圖片描述]()
前4個都設置爲指定的指定用戶、用戶名
![在這裏插入圖片描述]()
![在這裏插入圖片描述]()
完成之後：
![在這裏插入圖片描述]()
-
獲得 應用祕鑰
AppID和Appkey
![在這裏插入圖片描述]()
-
可以設置你的域名，如果有的話（
這隻->安全中心->下滑找到Web安全域名）
![在這裏插入圖片描述]()
3.博客配置
我這裏是butterfly主題
-
配置主題目錄作爲導航
source\_data\butterfly.yml
![在這裏插入圖片描述]()
menu: 主頁: / || fa fa-home 生活||fa fa-diamond: - 說說 || /artitalk/ || fa fa-comments-o -
創建頁面
source\artitalk\index.md根據使用文檔中的設置：Artitalk使用文檔
發佈後的效果是這樣的：
![在這裏插入圖片描述]()
這裏貼出我的說說心情頁面（關閉評論）- 必須：
修改img、appID、appKey、username - 選做：
還可以修改placeholder提示和url圖片地址
動圖參考，右鍵複製地址替換就行，整理不易，留言點贊呀！！
--- title: artitalk type: artitalk noDate: 'true' comments: 'false' top_img: https://cdn.jsdelivr.net/gh/cungudafa/img/images/food.jpg --- <head> <script src="https://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> </head> <body> <script> var img = "https://cdn.jsdelivr.net/gh/cungudafa/cdn/img/custom/cungudafa.jpg"; //說說旁邊顯示的頭像 var appID = "CiSXX5nyVSt0RIztkC1oLL9P-MdYXbMMI"; var appKEY = "vrfkqkuHou88MuRKfF3OeExc"; var per = "5"; //每頁顯示說說的數量 var username = "cungudafa"; //Leancloud中設置的用戶名 var placeholder1="只有cungudafa才能評論哦"; //在編輯說說的輸入框中的佔位符 var placeholder2="沒有密碼，不能評論！"; //在編輯密碼的輸入框中的佔位符 var lazy = 1; //是否開啓懶加載動畫 var bgimg = "https://gitee.com/cungudafa/source/raw/master/img/gif/Sitich/Sitich16.gif"; //背景動畫 </script> <div id="lazy"></div> <div id="artitalk"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/drew233/artitalk/source/v1.0.0/artitalk.js"></script> </body> - 必須：
三、使用方法
1. 輸入內容
- 文字評論可~
- html格式評論，可！
（你會一點點基礎知識的話就可以顯示圖像和視頻了） - Markdown，可！（5.6更新）
- 其他自定義
當然這裏是最花哨的地方了，是否支持表情包，LateX數學公式，拖拽上傳等等等，開發中啦
2.輸入密碼
在身份驗證的輸入框中填入Leancloud設置的用戶密碼。
3.發佈說說、心情
點biu,即可成功發佈說說。
有圖片的話，也可以預覽再發布喲~
4.功能暢想
- 對說說在線管理（主人：在線修改和刪除）
- 說說點贊功能
人有多大膽，。。。。。
四、更多
5.5日記，因爲Artitalk還在起步階段，如果後序有更新，我也會補充的。
5.6日記，花了一中午重構代碼，優化了Artitalk界面小細節、還適配了黑夜模式
歡迎大家來吃螃蟹，提issue，爲開源項目打call。
