1212

public/post/71/index.html

@@ -406,7 +406,14 @@
 </span></span><span style="display:flex;"><span>    document.<span style="color:#a6e22e">writeln</span>(<span style="color:#e6db74">&#34;&lt;\/div&gt;&#34;</span>);
 </span></span><span style="display:flex;"><span><span style="color:#f92672">&lt;</span><span style="color:#960050;background-color:#1e0010">/script&gt;</span>
 </span></span></code></pre></div><p>[/reply]</p>
-<p>这里需要注意需要把 <a href="https://cdn.usj.cc/xxx.jpg">https://cdn.usj.cc/xxx.jpg</a> 下载下来，接着上传为自己的本地图片，因为这里图片使用的是自己的腾讯云文件托管，需要添加为referer白名单，否则直接引用会裂图</p>
+<p>这里需要注意需要把 
+<a 
+    
+        href="/tiaozhuan?target=aHR0cHM6Ly9jZG4udXNqLmNjL3h4eC5qcGc%3d"
+    
+     target="_blank"
+>
+https://cdn.usj.cc/xxx.jpg</a> 下载下来，接着上传为自己的本地图片，因为这里图片使用的是自己的腾讯云文件托管，需要添加为referer白名单，否则直接引用会裂图</p>
 <p>曾经被油老师嘲讽自己的思考问题不全面，每次整活都没考虑到移动端，所以这次对移动端也做了特别考虑，为了更好的去适应访客效果，我计划在低于1500分辨率的电子设备上不显示对联，否则在小屏幕的手机端，对联会显示出来遮挡对文章的正常浏览</p>
 <p>当然控制方法也很简单，直接用css进行控制就好了，有一些设备的分辨率大概在1440，显示了就会影响侧栏的内容显示，当然我已经写了两个关闭按钮去控制，毕竟每次要去关闭两张图片会麻烦</p>
 <div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-css" data-lang="css"><span style="display:flex;"><span>@<span style="color:#66d9ef">media</span> <span style="color:#f92672">(</span><span style="color:#f92672">max-width</span>:<span style="color:#a6e22e">1500px</span><span style="color:#f92672">)</span>{#left<span style="color:#f92672">,</span>#right{<span style="color:#66d9ef">display</span>:<span style="color:#66d9ef">none</span> <span style="color:#75715e">!important</span>}}
@@ -497,6 +504,7 @@
 <script src="/js/waline.js"></script>
 <script src="/js/circles/app.min.js"></script>
 <script src="/js/circles/bundle.js"></script>
+<script src="/js/tiaozhuan.js"></script>
 <script async src="/js/bsz.js"></script>
 <script>
   document.addEventListener('DOMContentLoaded', function () {