11月 29

其实很早之前就觉得那颗牙有问题了，前几个月忙着备考一直没在意。昨天又疼起来了，觉得这样拖着也不是办法，还是决定去把牙看了。

下午3点多，没预约直接就去了，问了前台的护士，她说没预约的话，只能等前面预约的看完了才能到你，可以吗？我说没问题。然后给了调查表让我填，都是什么自己觉得那颗牙有问题，有无病史过敏的药物等等什么的，很详细，足足2页，填完后交给她就在一边的沙发上坐着等了。

等了1个多小时吧，就到我了。进去坐上了那张椅子，一堆医疗器具把你包围，一种马上要受刑的感觉23333，护士先来检查了牙齿，然后拍照存档。紧接着来了个有点老的医生（后面看了他的介绍才知道是齿科医学博士毕业，从业30多年的老医生），给我说了下牙齿的问题，建议拍X光全面分析下，X光检查后，看到那颗牙已经蛀得很厉害了无法修补只能拔了。。。另外还发现一颗轻微的蛀牙。

既来之则拔之吧，反正最里面也不影响以后吃东西，打了几针麻药，各种钳子就上来了。虽然打了麻药，偶尔也会隐隐作痛啊~ 经过医生的一番努力，终于听到那句话“拔下来了，你很努力呢”

阅读全文 >>

10月 27

用JavaScript实现随机提取指定的图片作为网页背景

个人日记,JavaScript,网站相关

其实这个功能几个月前都实现了，但是写法有些问题，打算修改下，换个写法。

思路

提取网站下的images里的background文件夹里6张图里的随机取一张图，作为网页背景。
js直接放在了header.php尾部。

用在自己网站的代码

<script>

bg_img= ['<?php $this->options->themeUrl('images/background/1.jpg'); ?>',
         '<?php $this->options->themeUrl('images/background/2.jpg'); ?>',
         '<?php $this->options->themeUrl('images/background/3.jpg'); ?>',
         '<?php $this->options->themeUrl('images/background/4.jpg'); ?>',
         '<?php $this->options->themeUrl('images/background/5.jpg'); ?>',
         '<?php $this->options->themeUrl('images/background/6.jpg'); ?>'];  //调用图片路径（我网站模板是用的themeUrl函数获取当前模板路径，根据实际情况决定怎么写）

document.getElementsByTagName("body")[0].style.background = "url("+bg_img[Math.floor(Math.random()*(bg_img.length))]+")";//随机背景图
document.getElementsByTagName("body")[0].style.backgroundPosition = "center";
document.getElementsByTagName("body")[0].style.backgroundRepeat = "no-repeat";
document.getElementsByTagName("body")[0].style.backgroundAttachment = "fixed";

</script>

不用php也可以这样写

<script>

bg_img = ["http://xxxx/1.jpg", 
          "http://xxx/2.jpg", 
          "http://xxx/3.jpg", 
          "http://xxx/4.jpg", 
          "http://xxx/5.jpg", 
          "http://xxx/6.jpg"]; //调用图片地址/路径（改为自己的）

document.getElementsByTagName("body")[0].style.background = "url("+bg_img[Math.floor(Math.random()*(bg_img.length))]+")";//随机背景图
document.getElementsByTagName("body")[0].style.backgroundPosition = "center";
document.getElementsByTagName("body")[0].style.backgroundRepeat = "no-repeat";
document.getElementsByTagName("body")[0].style.backgroundAttachment = "fixed";

</script>

写的时候遇到的问题

开始错用了document.body ，发现这个除了IE，其他浏览器都不认。
改为了document.getElementsByTagName。
开始为了图方便把JS文件放到头部了。导致执行这个js的时候，body还没有出现的情况，一般js要放在html末尾（后）

关于getElementsByTagName()

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

语法

document.getElementsByTagName(tagname)

返回值

类型：NodeList 对象，描述：指定标签名的元素集合

浏览器支持

所有主要浏览器都支持 getElementsByTagName() 方法

10月 20

在Typecho下实现支持HTTPS的分享功能

转载资源,网站相关

很早之前就想给网站加个分享的功能，但https下有点很头疼，今天终于弄好了。
可以在https下面用。

感谢原作者overtrue

有以下特点：
一个标签完成初始化
自定义启用/禁用分享站点
更美观的UI体验
基于标签data属性轻松实现分享数据的自定义
支持分别对不同站点设置分享内容
同页面个分享组件
支持npm安装

预览

安装

有3种安装方式：
1、使用 npm

npm install social-share.js

2、使用 bower

bower install social-share.js

3、使用 cdnjs，引入 share.min.css 与 social-share.min.js 两个链接。
4、手动下载或者 git clone 本项目。

我选的第四种，直接从github上下载这个项目，然后把dist上传到自己空间。

阅读全文 >>

10月 16

在Typecho文章底部添加打赏功能的实现

网站相关

步骤

找到当前主题下的 post.php 在适当的位置添加代码

<div style="padding: 10px 0; margin: 20px auto; width: 100%; font-size:16px; text-align: center;">
    <button id="rewardButton" disable="enable" onclick="var qr = document.getElementById('QR'); if (qr.style.display === 'none') {qr.style.display='block';} else {qr.style.display='none'}">
        <span>打赏</span></button>
    <div id="QR" style="display: none;">
        <div id="wechat" style="display: inline-block">
            <a class="fancybox" rel="group">
                <img id="wechat_qr" src="https://www.wusiqi.cn/WeChatPay.JPG" alt="WeChat Pay"></a>
            <p>微信打赏</p>
        </div>
        <div id="alipay" style="display: inline-block">
            <a class="fancybox" rel="group">
                <img id="alipay_qr" src="https://www.wusiqi.cn/AliPay.JPG" alt="Alipay"></a>
            <p>支付宝打赏</p>
        </div>
    </div>
</div>

添加CSS样式


#QR {
    padding-top:20px;
}

#QR a {
    border:0
}

#QR img {
    width:180px;
    max-width:100%;
    display:inline-block;
    margin:.8em 2em 0 2em
}

#rewardButton {
    border:1px solid #ccc;
    line-height:36px;
    text-align:center;
    height:36px;
    display:block;
    border-radius:4px;
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    background-color:#fff;
    color:#999;
    margin:0 auto;
    padding:0 25px
}

#rewardButton:hover {
    color:#f77b83;
    border-color:#f77b83;
    outline-style:none
}

09月 05

网件R7000路由刷回官方固件

路由器

之前刷了梅林固件用了一段时间，今天刷回了官方固件。

步奏
1、进入merlin后台，系统管理-恢复/导出/上传设置-恢复，等待路由器重启完成，此时IP会变，注意重新获取下IP。

2、在固件升级里，刷官方固件中间件 R7000-back-to-ofw.trx
（链接: https://pan.baidu.com/s/1-etDiVgCbw-WK-RVI8pOiA 密码: fgm8）

3、刷入官方固件，或者路由器自动联网升级。

4、进入网件后台，用默认密码登陆（admin password）

5、恢复出厂设置