Typecho

给网页加上二维码

0 条评论 教程 Typecho Jonathan

修改代码实现扫码其他设备继续阅读本文章

豌豆荚二维码API:https://www.wandoujia.com/api/qr?s=7&c=url
谷歌二维码API:https://api.qrserver.com/v1/create-qr-code/?data=url&size=200x200
API中的url为你的链接地址,size为二维码的尺寸;推荐使用豌豆荚的API,谷歌的加载更慢。

Major主题为列

打开主题配置文件./themes/Major/res/postAuthor.php

在ul的两个li之间插入代码

             
                  
                      cast_connected
                  
                  
                      在其它设备中阅读本文
                      
                  
                  
                      function qrcLoad() {
                        var qrcode = document.getElementById("qrcode");
                        var qrcUrl = window.location.href;
                        qrcode.src = "https://www.wandoujia.com/api/qr?s=7&c=" + qrcUrl;
                      }
                      qrcLoad();
                  
              

代码截图

效果截图:
demo
demo

提供修改好的文件:postAuthor.php


Major主题修改

5 条评论 教程 Typecho 主题 Jonathan

给Major主题加上搜索功能

搜索框样式参照Siphils的Aria主题

方法:

  1. 点击下载php文件
  2. 进入主题目录../themes/Major/ 放置主题根目录
    Major
  3. 进入博客后台页面新建新页面,选择“搜索”模板,页面标题为搜索
    模板
  4. 搜索界面
    界面

代码





    
        
            
                arrow_back
            
            
                
                    
                
            
        
        
            
                
                    
                
                
            
        
    


    
        
            
              
                
            
        
    
    
        
            
        
    


  #search-text {
    width: 420px;
    line-height: 64px;
    font-size: 32px;
    border-radius: 10px;
    vertical-align: middle;
    text-align: center;
    background-color: rgba(255,255,255,.05);
    box-shadow: 0 0 4px 0 #939090;
  }
  #search-button, #search-text {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    height: 80px;
    vertical-align: middle;
    font-family: inherit;
}
  #search-button {
    width: 80px;
    opacity: .6;
  }