MENU

Pinghsu:简洁清爽的Typecho主题

本文全文转自:Pinghsu,A Typecho Theme

Pinghsu 是一款以前端性能优化为出发点而制作的 Typecho 主题,同时又兼顾设计美学和视觉传达。主题命名取自作者姓名和其女朋友姓名的最后一个字的港式英文,挣扎于 Hsuping 还是 Pinghsu,最后取为 Pinghsu,意为一切都是 Ping先Hsu 后,即系要听女朋友的话。

请输入图片描述

下载地址

https://github.com/chakhsu/pinghsu

主题预览

https://www.linpx.com

主题亮点

  • 页面预加载与DNS预解析保证极快访问速度

  • 无JQuery,无前端框架,无webfont

  • HighlightJS代码高亮,支持22种编程代码

  • 响应式设计,支持平板与手机,访问体验甚至优于桌面

  • 支持图片CDN镜像,支持多种文章缩略图设置

  • 支持首页三栏和单栏选择,文章题图和色块

  • 支持文章目录、相关文章与数学公式渲染

  • 支持文章个性化标徽设置,10种标徽选择

  • 支持个人社交按钮,但无社交分享

  • 主题设置添加XSS检测,评论提交防止触发多次

主题使用

注意事项:目前主题仅在 typecho 开发版,PHP7.0 下测试通过,其他情况未作太多测试

到 Github 下载,点击"Download ZIP"下载,解压后将文件夹改名为pinghsu后上传到 /usr/themes,并启用主题

如果需要更新主题,则先下载最新文件,然后覆盖原文件即可完成更新,部分新增加的功能需要到后台开启才会生效

外观设置

外观设置主要分为四部分,分别为 logo、icon 的设置,功能开关,社交按钮设置,图片CDN镜像

使用注意事项都在设置里写得比较清楚了,如果遇到不明白的地方,可以给我留言反馈

下面有几点补充

CDN设置部分仅仅测试了七牛的,理论上也支持有镜像服务的CDN
创建模板归档页,无论选择了哪个模板都要加上自定义字段archive

文章缩略图

文章设置缩略图方法有四种,自定义字段thumb,文章附件第一张图片,文章内图片,默认缩略图

优先级顺序 :自定义字段 thumb -> 附件第一张图片 -> 文章图片 -> 默认缩略图 -> 随机图片 -> 无

缩略图尺寸大小,高度至少有250px,宽度大于高度,推荐高度为400px的

个性化标徽

个性化标徽出现的地方有首页、分类页,标签页,作者页和相关文章

设置方法是在文章编辑内填写自定义字段,支持的字段如下

book 、 game 、 note 、 chat 、 code 、 image 、 web 、 link 、 design 、 lock

友情链接

如果你想获取跟我一样的友情链接页面,因为是 typecho 开发版,支持在页面内写<ul><li>

所以你可以直接在<ul>内联一个class="flinks",然后在<li>插入你的友链,即可

浏览器兼容情况

这个····现代浏览器都兼容····

新浪微博图床的 Chrome 扩展

全文转自:2B铅笔

简介

上传图片到微博并生成外链的 Chrome 浏览器扩展(最低版本支持:Chrome 56)

功能

支持点选、拖拽、粘贴以及页面右键菜单上传图片到微博并同步到微相册
支持 JPEG、PNG、GIF 三种图片格式
支持查看上传记录,简单的浏览及删除操作
支持生成 URL、HTML、UBB、Markdown 四种格式
支持单条、多条模式的复制操作
支持选择协议(http、https 和相对协议)
支持三种固定裁剪尺寸和用户自定义尺寸

操作指南

请输入图片描述

提示说明

弹窗属于单例模式,在同一时间只能打开一个。在弹窗处于最小化的情况下,用户再去点击 icon 按钮会出现上图的闪烁提示,表示弹窗已经处于打开状态。(上图是 Windows 10 的提示,不同的操作系统略有差异)

请输入图片描述

提示说明

上图展示的是扩展中常用的提示,一般出现在主屏幕的右下角。通常在一定时间后会自动消失,但是有两种提示框需要达到特定条件才会消失。一种是进度条提示,它会在图片上传流程结束自动关闭。另一种是检测到微博没有登录的提示,需要用户按照提示操作或者手动点击关闭。

请输入图片描述

弹窗说明

地址协议选择
图片裁剪选择
在单条和多条复制模式之间切换的按钮
上传记录按钮
选择上传图片的按钮
复制当前类型的地址,批量模式下会复制此类型的所有地址
粘贴区域。弹窗中所有的虚线类型区域在获得焦点,即变绿色后均可以进行粘贴操作
拖拽区域(弹窗任何区域都可以使用)
粘贴区域额外说明:

因为粘贴图片文件实际上是一种相当受限的操作,所以这里的粘贴操作被稍稍的加强了一下。粘贴区域额外的支持粘贴图片地址,可以对其它图片地址上传到微相册提供极大的便利。微博自身的地址,即域名中包含 .sinaimg.cn 字符串的地址是不支持粘贴上传的,这是为了避免误操作。(用其它方式上传图片没有这种限制)

请输入图片描述

右键菜单

如果可以获取到页面中的图片,则会在右键菜单中显示把这张图片上传到微相册的选项,点击后会自动上传,上传结束后会出现提示。如果上传成功,该图片的地址就自动在剪切板中,可以粘贴使用了。注意:这里的上传操作没有进度提示,最终的结果只有成功和失败。如果在没有结果返回的情况下,用户对另一张图片执行了相同的操作,那么剪切板中会是最后成功上传的图片地址。

上传记录

请输入图片描述

从相册中移除这张图片(移除后图片的地址依然可以访问)
在图片上右击可以复制图片地址(上面的是复制原图地址,下面的是复制当前显示的图片地址)
图片的创建时间
上一页按钮(禁用状态)
下一页按钮(可用状态)
使用微相册管理这些图片
GitHub 上提交建议或者 Bug
在博客中提交建议或者 Bug(如果不方便使用 GitHub
使用电子邮件联系我
当前的页数和总页数

概念

以下是针对弹窗模式的说明:

当产生上传流程时,进度条会出现。当上传流程结束时,进度条关闭并提示图片上传流程结束。

弹窗模式最重要的一点是不区分单个文件和多个文件,它们被视为是一样的,那么上传流程如何工作呢?

当上传流程进行中时,弹窗没有被锁死,这个时候用户依然可以继续添加图片,所有图片上传结束后,这些图片会和前面的图片一同出现的列表中。这对小水管用户传大图、多图非常实用。

当上传流程结束后,用户选择继续上传图片,在这些图片上传成功时,已存在的列表会被清空,新的图片会被添加到列表中。如果用户误操作清空了列表,可以通过上传记录来获得以前图片的地址。

微相册命中规则的说明:

拉取用户的前 100 个相册

检测本地存储的相册 ID 是否在拉取的列表中

检测拉取相册中是否带有 64 位特征码的相册

如果上面的步骤没有查找到指定的相册,并且用户当前的相册总数小于 100,那么创建供此插件传图使用的相册(这个相册是属于用户私有,好友不可见的)。

以上条件都不符合,则不会同步图片。

附加

已知的自定义裁剪格式:

  • large -> 原始图片

  • mw690 -> 最大 690 像素宽度裁剪

  • thumbnail -> 缩略图

  • small -> 小图

  • square -> 80 像素正方形裁剪

  • thumb150 -> 150 像素正方形裁剪

  • thumb180 -> 180 像素正方形裁剪

  • thumb300 -> 300 像素正方形裁剪

  • orj180 -> 180 像素宽度原比例缩放

  • orj360 -> 360 像素宽度原比例缩放

  • crop.x.y.x1.y1.w -> 自定义矩形裁剪,其中 x, y 表示左上角坐标,x1, y1 表示右下角坐标,w 是宽度

FAQ

Q: 图片上传到哪儿了?

A: 上传到微博上了

Q: 如何管理已上传的图片?

A: 上传记录或者微相册均可以管理

Q: 如何删除已上传的图片?

A: 目前无法删除,微相册中的删除是针对相册的操作,对图片本身没有影响

Q: JPG 和 JPEG 有什么区别?

A: JPEG 是图片格式,JPG 是 JPEG 图片格式常用的一种文件扩展名

Q: 粘贴上传没有效果?

A: 粘贴上传只支持复制图片文件,在资源文件管理器中的复制文件并粘贴是没有效果的

Q: 上传的是 PNG 图片,返回的却是 JPG 后缀的地址?

A: 微博不支持 PNG 后缀,后缀对于浏览器判断图片的格式是没有影响的

Q: 如何使用自定义裁剪?

A: 自定义裁剪的格式需要微博支持,否则生成的地址是不能正常问的

Q: 裁剪操作对图片的影响?

A: 裁剪适用于 JPEG 格式的图片。PNG 图片裁剪后会丢失透明通道,GIF 则会变成静态图片

Q: 删除一张图片且页面刷新后,页面上的图片数量少了一个?

A: 属于正常情况,服务器返回的数据时效性不足,脚本做了些弥补,因此会出现这种情况

前往 Chrome 商店下载

前往 GitHub 查看源代码

进击的巨人日文原版全套20本

日文原版进击的巨人。朋友日本带回的整套进击的巨人,我对日本漫画无感,喜欢收藏日本漫画的朋友可以收。

价格500出,不包邮。有意的可以联系。可以走淘宝,走闲鱼,走转转,走微店。

QQ图片20170325174838.jpg
QQ图片20170325174844.jpg
QQ图片20170325174830.jpg
QQ图片20170325174849.jpg

surge 爱思助手共享版 多版本公开下载

surge 自2.X版本后 需要验证,一个账号只能供5台设备使用。所以必须购买才行。

当然在日常使用中用1.2.X版本并无明显差别。如果不购买软件的话 1.2.6版本是最好用的。

当然这里提供surge 爱思助手共享版全系列版本下载,使用方法十分简单,下载surge多版本ipa文件,然后导入到爱思助手中即可

  • 安装并运行爱思助手

  • 手机连接爱思助手

  • 打开爱思助手右上角的下载中心

  • 将 surge.ipa 文件拖入下载中心

  • 安装 surge 到手机

安装完后,不会使用的可以看surge 苹果 IOS 安装教程及配置方法

ASMR:PPOMO ASMR

ASMR:PPOMO ASMR ASMR颅内高潮

ASMR

(Autonomous Sensory Meridian Response)的中文名叫自发性知觉经络反应,不过我觉得叫“自发性知觉高潮反应”更准确一点。

之所以叫“自发性”,估计是为了和性爱区别开来,这东西不用身体接触。基本上,一台电脑,一副耳机就够了。

这里我主要讲听觉ASMR。作为ASMR的结果,听众会体验到背部点刺、头皮发麻、颅内发麻等感受。

就其本质来说,这是生物电流窜过的结果,可以将其归为一种特殊的神经兴奋。这种感受也可以界定为一种独特的刺激感,被一些人视为舒适的、令人愉悦的。

老实说,这种生物电流的刺激确实很有用,无愧于“大脑按摩”这种形容。但是对于这些生物电流中的大多数,它的产生机制却一点都不令人愉悦,因为ASMR的另一个名字叫做“毛骨悚然”。

Read More

秒开包裹打包法,你只缺根线啊!

青年问禅师:“大师,我包裹都打得很完美,但开包裹的过程超级麻烦,难道只有开箱器才能让包裹开得轻松?”禅师答:“不,看完这个视频你就知道了”。

音乐加载中...
0:00