这里我们要求使用leancloud国际版注册,因为国际版不需要绑定备案的域名 注册结束后首先找到账号设置,绑定邮箱和手机号。这一步是必须的,否则无法创建应用。邮箱和手机号都有临时的,所以也不难。
绑定成功之后,点击创建应用,并将应用名字设置为shuoshuo
创建之后点击应用跳转到控制台
在设置中找到应用keys中的appId和appKey
这个后面会用到。
然后这里有一个可选的步骤,推荐做一下。 在leancloud的存储中添加class,命名为shuoshuo。
这里即使你不添加,后面的js中也会自动添加,但是似乎会出现以些奇妙的(我解释不了的)bug,所以还是手动添加以下,也浪费不了多长时间23333。
关于js和css去GitHub下载:Hexo-shuoshuo 引用jquery和av-min
<script src="https://cdn.jsdelivr.net/npm/leancloud-storage@4.5.3/dist/av-min.js"></script> <script src="https://cdn.jsdelivr.net/gh/drew233/cdn/js/jquery-3.3.1.min.js"></script> <!-- 如果之前引用过就不需要重复引用了 -->将js和css分别放入主题中对应的文件夹,然后在主题对应的模板文件中调用css,js一会用
然后在根目录的source文件夹下新建一个shuoshuo文件夹,并在文件夹中新建index.md
在index.md中除了font-matter之外写上以下内容
<script> var img=""; var appID=""; var appKEY=""; var passw=""; </script> <script type="text/javascript" src="/js/shuo.js"></script> <body> <div id="primary" class="content-area" style=""> <main id="main" class="site-main" role="main"> <div id="shuoshuo_content"> <ul class="cbp_tmtimeline" id="maina"> </ul> </div> <textarea id="neirong" placeholder="本页面仅支持站长发表说说,由于特殊原因关闭本页面评论功能" style="width:100%;height:150px;background-image: url(https://cdn.jsdelivr.net/gh/drew233/cdn/20200409110727.webp);background-size: contain;background-repeat: no-repeat;background-position: right;"></textarea> <button onclick="savecontent()" style="float :right;">biu~</button> <input type="text" id="key" value="" class="mytxt" placeholder="是时候验证你的身份了!" /> </div> </body>img(头像的url),appid(leancloud的appid),appkey(leancloud的appkey)根据自己需要填入即可。 但是密码这个得多说两句 因为这是说说页面,当然不需要除了自己之外的人随意发布说说,所以有了密码。我们毕竟是静态的网站,如果直接判断原文与输入的密码是否一致,直接查看源码就看到了,所以这里我采取了md5加密。虽然不能说保证绝对安全,但是安全性肯定比直接用原文高。当然,这里说出来是md5加密,本来就没准备藏着掖着,如果有的人真的闲的慌,来暴力破解密码,那我只能说你赢了。 获取md5加密专属密码,很简单的一个页面,在输入框填入你想用的密码,然后点击获取即可。 因为加密次数较多,所以推荐使用我的链接获取加密后的密码 当你获得了密码之后,也填入上面即可。
至此就添加完毕了。访问yoursite.com/shuoshuo就能看到你的动态说说界面了。 每次发说说填上加密前的密码验证,再也不会有人可能冒充你发说说了呢。 效果图
与valine的一些冲突说说页面无法开启valine评论 如果你的博客添加了valine并且正在使用,那么将av-min.js放在head中引用即可。 如果不可以,请联系我或者在GitHub提交issues
结语本教程使用hexo默认主题做的示范,理论上任何主题均支持。 静态页面诸多不便,加上我只是一个小白,还请大家见谅,轻喷。
---来自腾讯云社区的---用户5295887
微信扫一扫打赏
支付宝扫一扫打赏