QQ 爹の博客 QQ 爹の博客

多说 css 的本地化教程

in 实用技巧 文章转载请注明来源!

为什么要本地化 css?
因为我发现在某些网络下,https 渠道的多说的 css 无法加载,所以我就本地化了多说的 css。

多说 js 本地化的教程大家都很熟悉了吧,其实本地化 css 也很类似。

步骤一

首先让自己的网站不再加载多说的 css,需要将多说代码中的var duoshuoQuery = {short_name:"多说缩略名"};改为var duoshuoQuery = {short_name:"多说缩略名",theme:"none"};
这样你的网站的多说就不会加载多说的默认主题了,不影响多说的自定义 css 哦。

步骤二


下载多说的 css,首先去多说后台找到设置→外观,看一下自己用的是哪个 主题外观 ,对应的下载下面的链接地址。
默认主题 http://static.duoshuo.com/styles/embed.default.css
暗色线框主题 http://static.duoshuo.com/styles/embed.dark.css
BlueBoxhttp://static.duoshuo.com/styles/embed.bluebox.css

步骤三

将多说自定义 css 里面的 css剪切 步骤二 下载好的 css 的后面,然后你将得到一份完整的的属于自己的 css。
将这个 css 传到自己的主机,然后让网站引用该 css 即可。

补充说明

多说 css 里面有很多的多说相关的图片,这个根据需要也可以将图片下载下来,然后传到主机,再将原本 css 里引用的图片改成自己的图片地址,不去依赖多说。因为图片很多这里就不一一说明了。

jrotty WeChat Pay

微信打赏

jrotty Alipay

支付宝打赏

文章二维码

扫描二维码,在手机上阅读!

本文基于《署名 - 非商业性使用 - 相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权
文章链接:https://qqdie.com/archives/duoshuo-css-jx.html (转载时请注明本文出处及文章链接)

多说 css 本地化
发表新评论
已有 10 条评论
  1. 思绪的空中生活
    思绪的空中生活Windows 10谷歌浏览器
    回复

    按照你的步骤,显示不正常了

  2. 临时工阿k
    临时工阿kWindows 10谷歌浏览器
    回复

    吓得我不敢用https了。。

    1. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @临时工阿k 实际上就是把多说的js放自己本地,然后css也是按这个文章说的放到本地就没啥问题了

    2. 临时工阿k
      临时工阿kWindows 10谷歌浏览器
      回复

      @临时工阿k 我要泽泽来优化网站。

    3. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @临时工阿k 大多数时候没啥问题的(づ ̄ ³ ̄)づ

  3. 落叶大大
    落叶大大Windows 10谷歌浏览器
    回复

    多说最近老是出问题

  4. CAISIDUO
    CAISIDUOWindows 10谷歌浏览器
    回复

    吓得我把https关了(`・ω・´)

    1. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @CAISIDUO [大笑]抓住那只猫,问一问啊

    2. CAISIDUO
      CAISIDUOWindows 10谷歌浏览器
      回复

      @CAISIDUO 我的多说是被某只龙猫重新封装过得 想改下源码都看不懂 就没用了#[狗]

    3. Jrotty
      JrottyWindows 10谷歌浏览器
      回复

      @CAISIDUO 你没用多说好不?#[狗]

PREVIOUS NEXT
雷姆
拉姆