您的位置 首页 > 腾讯云社区

为你的hexo博客添加动态的(可直接发布说说的)说说页面---用户5295887

关于Leancloud

这里我们要求使用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

关于作者: 瞎采新闻

这里可以显示个人介绍!这里可以显示个人介绍!

热门文章

留言与评论(共有 0 条评论)
   
验证码: