首先是角色介绍

介绍引用自百度百科，原文请点我跳转

----------
轻小说《不起眼女主角培育法》及衍生作品中主要人物。现为丰之崎学园三年生，主人公安艺伦也的青梅竹马。拥有很强的绘画才能，校美术部的王牌。作为隐性宅的身份不为人知，实为笔名为“柏木英理”的著名同人画师。在社团“blessing software”中负责角色设定及原画。

父亲是英国人，母亲是日本人，自小在日本长大。因为父亲是外交官，传闻家中有一定经济实力。但因为父亲不是那种喜欢特殊待遇的人，英梨梨小学和初中仍然是在公立学校就读。美术部的王牌，同人游戏社团“egoistic-lily”的画师，笔名“柏木英理”（柏木エリ）。应安艺伦也的请求加入同人游戏社团“blessing software”，负责角色设定及原画。

------------
很早之前在秋叶原看到这款的工程样品，感觉还不错。
前段时间逛的时候发现已经上架了，看了下实物做工都还不错，价格也不错。
然后。。。就抱回家了
拍了几张
PS.都是用iPhone 8 Plus拍的，无滤镜，后期只用PS调整了图片大小

盒子篇

阅读全文 >>

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末尾（<body></body>后）

关于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
}