喵喵小站・博客志 云想衣裳花想容,春风拂槛露华浓。 (唐·李白·清平调)

萌ICP备20210005号

辽ICP备2021005644号

已运行 17 年 64 天 7 小时 49 分

Powered by Typecho & Sunny

昨天 22:15在线 · 6 人活跃 · 约 749 ms

作者
绯色之喵

我想给prismjs代码高亮加上行数,不知道为啥就是不显示数字,好迷啊,不知道问题在哪里,有大佬帮我瞅瞅么:

33次阅读

0

评论:共11条
发表
  1. 板凳
    头像

    好友

    冰墩墩
    咦,我记得Highlighjs或者prismjs不是自带支持显示代码行数的功能嘛:
    天津

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      我试了没效果
      大连

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
  2. 沙发
    头像

    好友

    Vinking
    高亮的行数可以用 CSS 来实现吧:
    东莞

    👍

    💖

    💯

    💦

    😄

    🪙

    👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
    1. 头像
      有自带的插件,但是没效果
      大连

      👍

      💖

      💯

      💦

      😄

      🪙

      👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
      1. 头像
        是不是下载 js 跟 css 的时候没有勾选 Line Numbers 这个插件啊,我在本地试过有显示的呀,或者是 pre 标签没有加上 class="line-numbers"。

        没有的话看看 code 标签的最后有没有 class="line-numbers-rows" 的 span 标签
        东莞

        👍

        💖

        💯

        💦

        😄

        🪙

        👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
        1. 头像
          都没问题,我本地也正常显示,就是线上没有,线上的标签都是有的,行号的位置也预留出来了,但是就是没数字。你可以点任一个有代码的网页就能看到,比如[这里](/ceshi.html)
          大连

          👍

          💖

          💯

          💦

          😄

          🪙

          👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
          1. 头像
            哈哈哈哈,解决了就好
            东莞

            👍

            💖

            💯

            💦

            😄

            🪙

            👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
          2. 头像
            已经改完了,就这样啦:
            大连

            👍

            💖

            💯

            💦

            😄

            🪙

            👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
          3. 头像
            刚才看一看,还有一个更简单的方法就是给 pre 标签来一个 overflow: auto; 然后给 code 标签来一个 overflow: unset; 就好了。只不过那个复制按钮的样式可能要重新调一下,不然会跟着页面一起动
            东莞

            👍

            💖

            💯

            💦

            😄

            🪙

            👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
          4. 头像
            woccccccccccccccccccccccccc你是怎么想到的!可以了!!!!!!!!!!太厉害了!!!!!!!!!!:
            大连

            👍

            💖

            💯

            💦

            😄

            🪙

            👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
          5. 头像
            噢噢,看到了,可以这样解决:
            · F12 选中 pre 标签,将 pre[class*=language-].line-numbers 这个样式里面的 padding-left 改成 unset;
            · 再选中 pre 标签里面的 code 标签,给它一个 padding-left: 3.8em; 样式。
            · 最后选中 code 标签里面的 class="line-numbers-rows" 标签(就是那个行号的标签),在它的 .line-numbers .line-numbers-rows 样式里面添加一个 left: 0em;

            :这样就可以了
            东莞

            👍

            💖

            💯

            💦

            😄

            🪙

            👍 0 💖 0 💯 0 💦 0 😄 0 🪙 0
功能 探索 消息

足迹

你还不曾留下足迹..

音乐单

随机文章

夜晚

💬
你还不曾留言过
博主 不再显示
博主
未知作品 歌曲封面
app