评论
分享
打赏
利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒

阅读
分享
打赏

これこそが,人间の感情の极み,希望よりも热く,绝望よりも深いもの——爱よ!

——「魔法少女まどか☆マギカ」

共计 24 条评论

人机验证

取消
  1. 头像
    @
    纳兹 N

    新朋友

    拿下!

  2. 头像
    @
    美男子 N

    新朋友

    谢谢!

  3. 头像
    @
    故兮 N

    新朋友

    博主的博客好好看 顶一下 顺便看看能不能偷学点

    1. 头像
      @
      火喵酱
      故兮
      MR

      博主

      SVIP

      嘿嘿,谢谢夸奖表情

      1. 头像
        @
        彭于晏
        火喵酱
        N

        新朋友

        哈哈哈,博主真可爱。

  4. 头像
    @
    夕阳 SR

    新朋友

    VIP2

    收下了!嘿嘿表情

  5. 头像
    @
    迷失 R

    新朋友

    好好看呀!

  6. 头像
    @
    小赵同学 R

    新朋友

    好家伙,解决了,上次来看教程没实现原来是组件库引入错误,解决啦,谢谢火喵啦

    1. 头像
      @
      火喵酱
      小赵同学
      MR

      博主

      SVIP

      噗,之前粘错了的hhhh

  7. 头像
    @
    小赵同学 R

    新朋友

    这个教程我设置我博客,好像没办法实现,是不是教程资源引用错了了,没有的话,就是我的问题了

  8. 头像
    @
    ZMR SR

    新朋友

    支持博主

  9. 头像
    @
    noionion SP

    小可爱

    啊好奇怪,我早上来的时候点一次加载2%,再点一次4%,一直点到100才可以
    现在来就两次就行了
    全局的菜单指的是那种跳转到其他分类页功能的菜单,比如跳转到友链啥的,跟整个站点相关的。你的左上角的第一个就是全局的,还有右下角跳转的评论页也是全局的功能
    而目录和单独的页面评论就只在页面中生效,这些只用于当前页面的小功能统一放一起可能感觉更好一点
    随时随地评论倒是个挺不错的思路,挺支持的,我在想我的小菜单的按钮要不要也这样子(实现出来效果应该不一样就是)
    另外我的小菜单魔改好了,在测试站里边(blogdev.noionion.top)

    1. 头像
      @
      火喵酱
      noionion
      MR

      博主

      SVIP

      原来你说的是手机版,我一直以为说的电脑表情

      本来下面是固定的五个链接,上面的菜单和评论都是后加的(正好那里有空位)而且上面的都是遮罩层,不会跳转,要是遮罩层和链接放一起不太好吧,不过布局确实有些乱,手机没仔细规划,都是考虑电脑,手机没显示奇怪的东西就没再管,等有时间的我把手机布局整一下

      前几天看你的测试站还是没变换呢,今天一下子壁纸也换了hhhhh

      1. 头像
        @
        noionion
        火喵酱
        SP

        小可爱

        (原来回复是点头像啊)表情

        测试站壁纸换了有些天了,但右下角(手机是正下)小功能前天才刚弄好的,咕了好一阵子了

        1. 头像
          @
          火喵酱
          noionion
          MR

          博主

          SVIP

          我看好多双侧的评论样式回复都是点头像所以我也(pc上会有小提示的,手机上因为没鼠标所以表情

          1. 头像
            @
            noionion
            火喵酱
            SP

            小可爱

            哎,这教程好像hexo不太能直接用(

            1. 头像
              @
              火喵酱
              noionion
              MR

              博主

              SVIP

              你可以看看官方文档相应的改改
              https://element.faas.ele.me/#/zh-CN/component/notification

              1. 头像
                @
                noionion
                火喵酱
                SP

                小可爱

                笨蛋火喵!组件库引入的cdn写错了啦!

                1. 头像
                  @
                  火喵酱
                  noionion
                  MR

                  博主

                  SVIP

                  woc,竟然写错了!

  10. 头像
    @
    noionion SP

    小可爱

    侧边评论这个属实不习惯,差点没找到按钮在哪

    我感觉一般习惯是上面全局菜单下面页面功能菜单吧(逃)

    还有这个人机验证点50下好累啊(虽然感觉防广告很有用的亚子)

    留言在这其实顺便想白嫖js(针不戳)

    1. 头像
      @
      火喵酱
      noionion
      MR

      博主

      SVIP

      因为在想可以在浏览文章时随时的写评论,就不用上下来回翻位置这样想的,但是大部分网站都是评论在下面,就会习惯性的翻到下面去找,可是也有人反馈说很难关注到评论内容,在线要不就换回去,还是在最下面加一个展开评论的按钮qaq,要不加上个按钮先看看咋样

      验证不用点呀,pc端只要左右移动鼠标就好啦,移动端是点一两下就好了的。本来也想接第三方的验证但是感觉也没太必要简单点就好了。另外那个,全局菜单和功能菜单都是干啥的




引用

利用element显示Notification通知,复制提醒,禁用F12或右键菜单提醒

火喵酱
博客博客美化通知样式elementNotification
2021年11月21日 24 评论 178 阅读 正在检测是否收录...

前言

之前博客默认的是Qmsg,虽然很简单但是不容易看到,因此全站都换成了Notification通知。今天刚改好就被朋友催,因为很简单就记一下作为备忘了,具体效果可见图,本博客也用的这个方法,可查看实际效果。

dyhtrekgjkgher.webp

引用cdn资源
<!-- 引入VUE -->
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.min.js"></script>
<!-- 引入样式 -->
<script src="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入组件库 -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/element-ui@2.15.6/packages/theme-chalk/lib/index.css">

代码放在头部(比如header.php)就可以了

代码
复制提醒

在任意引用全局js的文件内添加:

禁用右键菜单并提醒

在任意引用全局js的文件内添加:

禁用F12按键并提醒

在任意引用全局js的文件内添加:

相关扩展
禁用左键选择
//禁用左键选择
      document.onselectstart = function () {
        return false;
      }
禁用复制
//禁用复制
      document.oncopy = function () {
        return false;
     }
禁用Ctrl+Shift+I
//禁用Ctrl+Shift+I
        if ((event.ctrlKey) && (event.shiftKey) && (event.keyCode == 73)) {
          return false;
        }
- - - The END - - -

- - - 打 赏 - - -
版权属于: 火喵 ©
最后更新: 2021 年 11 月 30 日 20 时
解压密码: ✽✽✽✽✽✽
阅读时间: 本文共 268 个字数,平均阅读时长 ≈ 1分钟