图片暗箱各式各样，其实我更想要的是更加简洁的，就纯粹的一个弹出box，最重要的是美观，Fancybox效果也是相当不错，功能全面，这篇文章是搬运远航博客《Typecho添加图片暗箱效果》的，请大家对号入座。

1、引用 FancyBox插件

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>

More »

Tags ： 插件, Type cho, FancyBox, 图片暗箱, 幻灯片

Unsplash
网址：www.unsplash.com
Unsplash是超全的免费高质量照片的网站，每天更新一张高质量的图片素材，全是生活中的景象作品，非常值得收藏。

Pexels
网址：http://www.pexels.com/
Pexels，作为图片素材界的超级网红，每周都会定量更新，提供强大的筛选功能，可以按搜索热度，或按颜色等来筛选图片；可以下载各种各样的分辨率，包括原图尺寸。

Pixabay
网址：http://pixabay.com/
Pixabay是一个支持中文搜索的免费可商用图库。里面有很多不同类型的摄影照片，完美解决各种场合的分辨率要求，真的是一个图片搜索神器。

Gratisography
网址：www.gratisography.com　
Gratisography 是一个免费高分辨率摄影图片库，所有的图片都可以用于个人或者商业用途，每周更新图片你只需要点击即可下载。

More »

Tags ： 图片网站, 无版权, 可商用

最近不知道什么原因，网站被垃圾评论盯上了，不知道是广告机还是人为的，首先想到的是屏蔽IP，但屏蔽IP地址显然又有些霸权，
搜索了下找到这个插件，实现垃圾评论验证，因为是第三方验证机制，所以应该效果还是不错的，试下效果。

插件介绍
为评论部分加入验证功能，阻挡垃圾评论。

插件安装
下载后改文件名为GEETEST，并在后台启动插件。 启动后设置参数。【需要去https://www.geetest.com/ 获取相关参数】

插件使用
在模板评论适当部分加入

<?php GEETEST_Plugin::gtOut();?>

插件下载
https://gitee.com/loiou/GEETEST

插件作者
https://gitee.com/loiou
作者博客：
https://www.loiou.com/typecho/typecho-GEETEST.html

我安装好后默认（应该是）作者帐号下的key，于是更换成自己的（才发现geetest我2016年就注册了帐号），需要注意的是安装的时候，要在提交按钮里面加一个id=“btn”

Tags ： 验证码, 插件, 垃圾留言

现在，很多项目都需要做响应式或者自适应的来适应我们不同屏幕尺寸的手机，电脑等设备，那么就需要我们在页面上下功夫，但移动端的布局不同于pc端，首先我们要知道在移动端中，css中的1px并不等于物理上的1px，因为手机屏幕的分辨率已经越来越高，高像素但是屏幕尺寸却没有发生太大变化，那就意味着一个物理像素点实际上塞入了好几个像素。下面我就来说一下如何做响应式（自适应）的网页设计

1、在网页代码的头部，加入一行viewport元标签

在网页的中增加以下这句话，可以让网页的宽度自动适应手机屏幕的宽度，下面是这些属性的解释：

<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">

More »

Tags ： 自适应, html5, 网页设计

在此感谢成都第七帅提供的代码，自己做了样式上的修改，尽管功能不够完善，代码也显凌乱，好在能解决阅读功能，自身的博客不求更多人知道，甚至根本就不想宣传，但求有缘人。

打开方式：
1、在微信“发现”页面搜索“棋子网站”“棋子个人网站”等关键词；
2、扫描如下二维码；

作者提供的代码以及安装方法，仅限Typecho。
Github下载安装

Tags ： 小程序, 微信小程序, 博客小程序

More »

Tags ： 代码, Sublime Text 3, 编程工具, 快捷键

Valine ——
Valine 诞生于2017年8月7日，是一款基于Leancloud的快速、简洁且高效的无后端评论系统。

理论上支持但不限于静态博客，目前已有Hexo、Jekyll、Typecho、Hugo、Ghost 等博客程序在使用Valine。

More »

Tags ： 评论系统, valine, leancloud

CSS3/CSS1 background-image 属性
语法:

background-image：<bg-image> [ , <bg-image> ]*
<bg-image> = none | <url> | <linear-gradient> | <radial-gradient> | <repeating-linear-gradient> | <repeating-radial-gradient>

默认值：none

取值：

none：无背景图。

< url >：使用绝对或相对地址指定背景图像。

< linear-gradient>：使用线性渐变创建背景图像。（CSS3）

< radial-gradient>：使用径向(放射性)渐变创建背景图像。（CSS3）

< repeating-linear-gradient>：使用重复的线性渐变创建背景图像。（CSS3）

< repeating-radial-gradient>：使用重复的径向(放射性)渐变创建背景图像。（CSS3）

More »

Tags ： css3, background, div多张背景

换回了Markdown，发现使用摘要的时候首页把回车符号都表示了出来，导致大片空白，内页又是正常的，解决方法如下
||注意：这本身貌似是Type设计的一个问题，屏蔽之后Markdown编辑器所见即所得会有问题，我已经改回去了，只能舍弃摘要这个功能了。||

More »

Tags ： typecho, 摘要, 分隔符

Tips: 调试 iPad 或 iPhone 可在设置中启动调试模式，在 Mac 中的 Safari 阅读器 一样开启开发者模式后，进行联机调试。功能彪悍。
最近在做1个页面时，发现在 iPad 的 Safari 阅读器中背景显示不全，定位到该 div 后发现所指定 css 的宽度为 100% ； 到百度搜索后发现，safari 中 viewport 默许宽度为 980px，若事前未指定其初始 viewport 宽度，则会默许依照 980px 处理。 可以默许初始化 viewport 宽度或在 css 中设定 min-width，但最简单的方法可以在 head 标签中初始化好 viewport。

More »

Tags ： 自适应, 前端