本站主题分享 — Bug侠

分享, 折腾 2018/06/30

其实我啥也不会,准确的说,应该是啥也不精。

如您所见,这套主题也只是东拼西凑做出来的东西,CSS框架用的是amazeui,所以整体的风格也是参照它的示例。

因为本来就是我自己用的,功能上没有什么设计方向,简单就好,所以也没有做后台的主题设置页面。

能注释的,我都在代码里注释了,有能力的话可以二次修改,有问题欢迎留言评论。

一些亮点

1.简洁,左右两栏

2.AJAX无刷新加载(带开关,cookie保存设置),AJAX评论提交

3.前端可选是否使用Gravatar头像(带开关,cookie保存设置)

4.评论、后台编写文章,均可以调用自定义表情

5.自适应

下载

https://file.bugxia.com/s/Da3GPTYCaLYprsg

需要注意的地方

插件(可选)

主题中会有 Pure Highlightjs 插件的检测代码,如果启用了该插件,则会执行相应的js代码以保障在ajax下代码高亮能正常渲染,若不存在该插件或未启用则不执行,避免报错

参照:解决AJAX(PJAX)下代码高亮无法渲染的问题

伪静态

首页的文章小图调用的是文章第一张图片,使用了timthumb作为缓存和裁剪工具,为了图片链接的美观(loop.php 第 5 行),所以使用了伪静态,我用的nginx,规则为:

rewrite "^(.*)/thumb/(.+?)/(.+?)/(.+?)/(.+?)/(.+?)__.jpg$" $1/wp-content/themes/bugxia/timthumb.php?w=$2&h=$3&zc=$4&q=$5&src=$6 last;

如果上述伪静态规则出现问题,导致图片无法显示,可以:

1.还原为真实路径(带裁切和缓存),修改 loop.php 第 5 行

修改为:

<img src="<?php echo get_bloginfo('template_directory')."/asset/img/loading_loop.gif";?>" data-original="<?php echo get_bloginfo("url")?>/wp-content/themes/bugxia/timthumb.php?w=400&h=200&zc=1&q=85&src=<?php echo base64_encode(catch_that_image());?>__.jpg" class="lazy lazy am-u-sm-12">

2.可以还原为还原为图片的真实地址(不做裁切和缓存),但是需要控制首图的尺寸和大小,不太推荐

修改 loop.php 第 5 行,修改为:

<img src="<?php echo get_bloginfo('template_directory')."/asset/img/loading_loop.gif";?>" data-original="<?php echo catch_that_image();?>" class="lazy lazy am-u-sm-12">

Gravatar头像缓存(functions.php 第 236 行)

百度收录提交(functions.php 第 65 行)

Server酱通知新评论(functions.php 第 388 行)

邮件通知默认关闭(去掉 functions.php 第 432 行 注释即可)

本文标签:


29条评论

  • 老菜逼 评论于 回复

    站长,你WP用的什么CDN插件哦,为啥我的WP用CDN加速老是出现问题!

    • Bug侠 评论于 回复

      @老菜逼
      W3 Total Cache插件 + 腾讯的CDN

  • abeim 评论于 回复

    有联系方式吗,有一些nextcloud的问题想请教下

    • Bug侠 评论于 回复

      @abeim
      请在相关文章下留言,或直接回复本邮件即可 :咧嘴:

  • ivytech 评论于 回复

    请问怎么默认关闭AJAX啊!谢谢了

  • スーパーコピーブランド 评论于 回复

    お盆期間中という事で手元に届くまで少し時間を要した点が…とは思いますが、商品の程度は商品詳細通りでした。梱包などしっかりしていてきちんとした対応をしていただける雰囲気を感じる良心的なお店だと感じました。
    【送料無料】コーチ 時計をセール価格で販売中♪コーチ 時計 シグネチャー レキシントン シルバーダイアル ステンレススチール クォーツ レディース 新品 ウォッチ コーチ
    多少の小キズ、使用感はありましたが、良品でした。
    スーパーコピーブランド https://www.kopiok.com/protype/list-221.html

  • zht 评论于 回复

    大佬麻烦帮忙看看我的站点怎么缩略图一直转圈?
    伪静态设置:
    location /
    {
    try_files $uri $uri/ /index.php?$args;
    }

    rewrite /wp-admin$ $scheme://$host$uri/ permanent;
    rewrite “^(.*)/thumb/(.+?)/(.+?)/(.+?)/(.+?)/(.+?)__.jpg$” $1/wp-content/themes/bugxia/timthumb.php?w=$2&h=$3&zc=$4&q=$5&src=$6 last;

    PHP GD库支持情况phpinfo:
    图片处理库

    ImageMagick Yes GD library Yes EXIF Yes
    https://www.zhanghaitao.com
    请教是哪里的问题呢?

      • zht 评论于 回复

        @Bug侠
        感谢回复,我配置成跟您一样的重写规则了还不可以
        主题除了您说明的地方没有别的要修改的地方了吧
        您这个确定是不需要timthumb-config.php这个文件吧 我看您资料包中没有
        另外安装这个缩略图的服务需要别的WP插件支持么?

        • Bug侠 评论于 回复

          @zht
          应该其他需要修改的地方,有几个网友也使用了这套主题,只要配置好就正常使用了。
          主题不需要timthumb-config.php,我看了一下你的站,这些缩略图返回的均为404错误,所以能确定是伪静态没有找到指向的文件(timthumb.php),要解决这个问题还是需要从伪静态下手。

        • Bug侠 评论于 回复

          @zht
          另外也可以修改loop.php里的代码,还原为图片的真实地址(不做裁切和缓存),但是需要控制首图的尺寸和大小,不太推荐

          • zht 评论于 回复

            @Bug侠
            请教loop.php 还原图片真实地址的代码怎么写呢,谢谢!

            • Bug侠 评论于 回复

              @zht
              loop.php 第5行
              原始:data-original=”/thumb/400/200/1/85/__.jpg”
              改为:data-original=”

  • ロレックススーパーコピー 评论于 回复

    スーパーコピー時計ブランドコピー財布専門店

    ルイ・ヴィトン | エルメス | グッチ |
    プラダ| セリーヌ | ゴヤール|エルメス特集 | ブランド館(拜购)
    ルイ・ヴィトン | エルメス | ゴヤール|ジュエリー・アクセサリー | 靴
    主要取扱商品 バッグ、財布、腕時計、靴、装飾品、小物等!
    プロのブランドコピーの専門家,スーパーコピーの先駆者、国内で最高に成熟したブランドコピー専門店。
    スイスのチップ適用、実物写真、実物が写真および描写と一致、公式サイトの外観、規格、機能と一致。

  • nntnnc 评论于 回复

    怎样让网站默认不开开启AJAX呢。

    • nntnnc 评论于 回复

      @nntnnc
      其实特别喜欢ajax,但是有个问题,由于页面不刷新。手机端每次打开菜单进入另一个页面时,它不会自动关闭菜单。强迫症!!!

  • Gitiu’s Blog 评论于 回复

    大佬可以申请友链吗?想转载你的文章,希望给个机会,如果可以我把你也加到我的友链里二哈: :二哈:
    博客名:Gitiu’s Blog
    站址:https://www.gitiu.com
    一句话:谁能预测未来。
    头像:https://image.gitiu.com/2019/12/04/772adea23ec94.jpg

  • oswald 评论于 回复

    bug俠你好,这个主题目前有无法显示评论框bug,有空可以看一下吗?

    • Bug侠 评论于 回复

      @oswald
      能具体说一下怎么复现这个bug吗?我好排查排查,感谢

      • oswald 评论于 回复

        @Bug侠
        不知道是不是我今天部署的新版本的wordpress-5.2.1导致主题不兼容,然后评论框显示不出来

        • Bug侠 评论于 回复

          @oswald
          好的,我也升级到521试试。是文章页直接就显示不出来吗?

          • oswald 评论于 回复

            @Bug侠
            文章页下面的评论框显示不出来

            • Bug侠 评论于 回复

              @oswald
              不好意思啊,小博客已经升级到5.2.1,我也顺便搭了个5.2.1的测试环境,都能正常显示评论框。

              • oswald 评论于 回复

                @Bug侠
                您那边能重新打包一份主题发到我邮箱吗?

              • oswald 评论于 回复

                @Bug侠
                我刚重新下载并安装了主题,还是无法显示评论框,后台设置里了“允许他人在新文章上发表评论 ”也还是出不来评论框,bug侠能看下是哪里的问题吗?真的很喜欢这款主题

                • Bug侠 评论于

                  @oswald
                  我现在用的就是上面分享的这个啊,只改动了一下css样式,其他都没变。
                  如果没加载出来,得逐个判断出错原因,比如看看php有没有报错啊之类的。

  • 赖.. 评论于 回复

    看了下主页 站主真是厉害 做了好多我从来都没有听过的东西(不好意思 孤陋寡闻) 造福广大网友啊!!

  • Jon 评论于 回复

    先留个印,万一用到呢 :咧嘴:

  • 评论(本站已开启评论回复邮件通知功能,请如实填写邮箱以便及时收到回复)