屏幕尺寸大全和设计尺寸规范

发布于

Screen Size

屏幕尺寸大全

750x1468
 
smartphone 设备名称
 操作系统 尺寸 in PPI 纵横比 宽 x 高 dp 宽 x 高 px 密度 dpi
iPhone X iOS 5.8 458 19 : 9 375 x 812 1125 x 2436 3.0 xxhdpi
iPhone 8+ (8+, 7+, 6S+, 6+) iOS 5.5 401 16 : 9 414 x 736 1242 x 2208 3.0 xxhdpi
iPhone 8 (8, 7, 6S, 6) iOS 4.7 326 16 : 9 375 x 667 750 x 1334 2.0 xhdpi
iPhone SE（SE, 5S, 5C） iOS 4.0 326 16 : 9 320 x 568 640 x 1136 2.0 xhdpi
Android One Android 4.5 218 16 : 9 320 x 569 480 x 854 1.5 hdpi
Google Pixel Android 5.0 441 16 : 9 411 x 731 1080 x 1920 2.6 xxhdpi
Google Pixel XL Android 5.5 534 16 : 9 411 x 731 1440 x 2560 3.5 xxxhdpi
Moto X Android 4.7 312 16 : 9 360 x 640 720 x 1280 2.0 xhdpi
Moto X 二代 Android 5.2 424 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Nexus 5 Android 5.0 445 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Nexus 5X Android 5.2 565 16 : 9 411 x 731 1080 x 1920 2.6 xxhdpi
Nexus 6 Android 6.0 493 16 : 9 411 x 731 1440 x 2560 3.5 xxxhdpi
Nexus 6P Android 5.7 518 16 : 9 411 x 731 1440 x 2560 3.5 xxxhdpi
Samsung Galaxy S8 Android 5.8 570 18.5 : 9 360 x 740 1440 x 2960 4.0 xxxhdpi
Samsung Galaxy S8+ Android 6.2 529 18.5 : 9 360 x 740 1440 x 2960 4.0 xxxhdpi
Samsung Galaxy Note 4 Android 5.7 515 16 : 9 480 x 853 1440 x 2560 3.0 xxhdpi
Samsung Galaxy Note 5 Android 5.7 518 16 : 9 480 x 853 1440 x 2560 3.0 xxhdpi
Samsung Galaxy S5 Android 5.1 432 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Samsung Galaxy S7 (S7, S6, S6 Edge) Android 5.1 576 16 : 9 360 x 640 1440 x 2560 4.0 xxxhdpi
Samsung Galaxy S7 Edge Android 5.5 534 16 : 9 360 x 640 1440 x 2560 4.0 xxxhdpi
Smartisan T2 Android 4.95 445 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Smartisan M1 Android 5.15 428 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Smartisan M1L Android 5.7 515 16 : 9 480 x 853 1440 x 2560 3.0 xxhdpi
坚果 Pro Android 5.5 403 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
OnePlus 5 Android 5.5 401 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
OnePlus 3T Android 5.5 401 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Oppo R9s (R9s, R11) Android 5.5 401 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Oppo R9s Plus (R9s Plus, R11 Plus) Android 6.0 368 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Oppo A57 Android 5.2 282 16 : 9 360 x 640 720 x 1280 2.0 xhdpi
Oppo A59s Android 5.5 267 16 : 9 360 x 640 720 x 1280 2.0 xhdpi
Oppo A37 Android 5.0 293 16 : 9 360 x 640 720 x 1280 2.0 xhdpi
小米MIX2 Android 5.99 403 18 : 9 360 x 720 1080 x 2160 3.0 xxhdpi
小米MIX Android 6.4 362 17 : 9 360 x 680 1080 x 2040 3.0 xxhdpi
小米Note 3 Android 5.5 403 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
小米Note 2 Android 5.7 386 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
小米6 Android 5.15 428 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
小米5s Android 5.15 428 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
小米5s Plus Android 5.7 386 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
小米Max Android 6.44 342 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
红米Note 4 (4, Note 4X) Android 5.5 403 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
红米 4 (4, 4X) Android 5.0 296 16 : 9 360 x 640 720 x 1280 2.0 xhdpi
Vivo X9 (X9, X9s) Android 5.5 401 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
Vivo X9 Plus (X9 Plus, X9s Plus) Android 5.88 375 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
HUAWEI P10 Android 5.1 432 16 : 9 360 x 640 1080 x 1920 3.0 xxhdpi
HUAWEI P10 Plus Android 5.5 540 16 : 9 360 x 640 1440 x 2560 4.0 xxxhdpi

iOS Design Guidelines

iOS设计尺寸规范

字体(默认) Typography

中文字体：PingFang SC
英文字体：SF UI Text 、SF UI Display
其中SF UI Text适用与小于19pt的文字，SF UI Display适用于大于20pt的文字
元素 字重 字号(pt) 行距 字间距
Title 1 Light 28pt 34pt 13pt
Title 2 Regular 22pt 28pt 16pt
Title 3 Regular 20pt 24pt 19pt
Headline Semi-Bold 17pt 22pt -24pt
Body Regular 17pt 22pt -24pt
Callout Regular 16pt 21pt -20pt
Subhead Regular 15pt 20pt -16pt
Footnote Regular 13pt 18pt -6pt
Caption 1 Regular 12pt 16pt 0pt
Caption 2 Regular 11pt 13pt 6pt
元素 字号（pt） 字重 字距（pt） 类型
Nav Bar Title 17 Medium 0.5 Display
Nav Bar Button 17 Regular 0.5 Display
Search Bar 13.5 Regular 0 Text
Tab Bar Button 10 Regular 0.1 Text
Table Header 12.5 Regular 0.25 Text
Table Row 16.5 Regular 0 Text
Table Row Subline 12 Regular 0 Text
Table Footer 12.5 Regular 0.2 Text
Action Sheets 20 Regular / Medium 0.5 Display

点和像素 Points and Pixels

图标 Icon

应用图标 App Icon

设备名称 应用图标 App Store图标 Spotlight图标 设置图标
iPhone X, 8+, 7+, 6s+, 6s 180 x 180 px 1024 x 1024 px 120 x 120 px 87 x 87 px
iPhone X, 8, 7, 6s, 6, SE，5s, 5c, 5,
4s, 4		 120 x 120 px 1024 x 1024 px 80 x 80 px 58 x 58 px
iPhone 1, 3G, 3GS 57 x 57 px 1024 x 1024 px 29 x 29 px 29 x 29 px
iPad Pro 12.9, 10.5 167 x 167 px 1024 x 1024 px 80 x 80 px 58 x 58 px
iPad Air 1 & 2, Mini 2 & 4,
3 & 4		 152 x 152 px 1024 x 1024 px 80 x 80 px 58 x 58 px
iPad 1, 2, Mini 1 76 x 76 px px 1024 x 1024 px 40 x 40 px 29 x 29 px

自定义图标 Custom Icons

设备名称 导航栏和工具栏图标尺寸 标签栏图标尺寸
iPhone 8+, 7+, 6+, 6s+ 66 x 66 px 75 x 75 px 最大144 x 96 px
iPhone 8, 7, 6s, 6, SE 44 x 44 px 50 x 50 px 最大96 x 64 px
iPad Pro, iPad, iPad mini 44 x 44 px 50 x 50 px 最大96 x 64 px

分辨率和显示规格 Resolutions and Display

设备名称 屏幕尺寸 PPI Asset 竖屏点（point） 竖屏分辨率（px）
iPhone X 5.8 in 458 @3x 375 x 812 1125 x 2436
iPhone 8+, 7+, 6s+, 6+ 5.5 in 401 @3x 414 x 736 1242 x 2208
iPhone 8, 7, 6s, 6 4.7 in 326 @2x 375 x 667 750 x 1334
iPhone SE, 5, 5S, 5C 4.0 in 326 @2x 320 x 568 640 x 1136
iPhone 4, 4S 3.5 in 326 @2x 320 x 480 640 x 960
iPhone 1, 3G, 3GS 3.5 in 163 @1x 320 x 480 320 x 480
iPad Pro 12.9 12.9 in 264 @2x 1024 x 1366 2048 x 2732
iPad Pro 10.5 10.5 in 264 @2x 834 x 1112 1668 x 2224
iPad Pro, iPad Air 2, Retina iPad 9.7 in 264 @2x 768 x 1024 1536 x 2048
iPad Mini 4, iPad Mini 2 7.9 in 326 @2x 768 x 1024 1536 x 2048
iPad 1, 2 9.7 in 132 @1x 768 x 1024 768 x 1024

配色

UI组件布局 UI Element Layout

状态栏 Status Bar

导航栏 Navigation Bar

搜索栏 Search Bar

标签栏 Tab Bar

表格视图 Table View

Modals

行为区 Actions

提示框 Alerts

Segment Controls

滑动条 Sliders

切换按钮 Switch

计步器 Stepper


Android Design Guidelines

Android设计尺寸规范

字体 Typography

中文字体：Source Han Sans / Noto
英文字体：Roboto
元素 字重 字号 行距 字间距
App bar Medium 20sp - -
Buttons Medium 15sp - 10
Headline Regular 24sp 34dp 0
Title Medium 21sp - 5
Subheading Regular 17sp 30dp 10
Body 1 Regular 15sp 23dp 10
Body 2 Bold 15sp 26dp 10
Caption Regular 13sp - 20

图标 icons

图标用途 mdpi (160dpi) hdpi (240dpi) xhdpi (320dpi) xxhdpi (480dpi) xxxhdpi (640dpi)
应用图标 48 x 48 px 72 x 72 px 96 x 96 px 144 x 144 px 192 x 192 px
系统图标 24 x 24 px 36 x 36 px 48 x 48 px 72 x 72 px 196 x 196 px

应用图标 Product icons

  • 方形
    高度：152dp 宽度：152dp
  • 圆形
    直径：176dp
  • 垂直长方形
    高度：176dp 宽度：128dp
  • 水平长方形
    高度：128dp 宽度：176dp

系统图标 System icons

  • 方形
    高度：18dp 宽度：18dp
  • 圆形
    直径：20dp
  • 垂直长方形
    高度：20dp 宽度：16dp
  • 水平长方形
    高度：16dp 宽度：20dp

快捷图标 Shortcut icon

  • 实际面积
    高度：44dp 宽度：44dp
  • 总面积
    高度：48dp 宽度：48dp
  • 系统图标尺寸
    高度：24dp 宽度：24dp
  • 实际面积位置
    剩余高度：24dp
    剩余宽度：24dp

单位和度量 Units and measurements

dpi =屏幕宽度（或高度）像素 / 屏幕宽度（或高度）英寸
dp =(宽度像素 x 160)/ dpi
名称 分辨率 px dpi 像素比 示例 dp 对应像素
xxxhdpi 2160 x 3840 640 4.0 48dp 192px
xxhdpi 1080 x 1920 480 3.0 48dp 144px
xhdpi 720 x 1280 320 2.0 48dp 96px
hdpi 480 x 800 240 1.5 48dp 72px
mdpi 320 x 480 160 1.0 48dp 48px

UI组件布局 Element Layout

列表 List

  • 垂直边框和水平外边距
    边框左右外边距各16dp
    带有图标或者头像的内容有 72dp 的左边距。
  • 垂直边距
    1. 状态栏：24dp
    2. 工具栏：56dp
    3. 子标题：48dp
    4. 列表项：72dp
  • 垂直边框和水平外边距
    边框左右外边距各16dp
    带有图标或者头像的内容有 72dp 的左边距。
  • 垂直边距
    1. 状态栏：24dp
    2. 工具栏：56dp
    3. 标题和列表项：48dp
    4. 子标题：48dp
    5. 内容区域间的距离：8dp

详情视图 Detail view

  • 垂直边框和水平外边距
    边框左右外边距各16dp
    带有图标或者头像的内容有 72dp 的左边距。
    右边图标的右边距为32dp
  • 垂直边距
    1. 状态栏：24dp
    2. 工具栏：56dp
    3. 内容区域间的距离：8dp
    4. 列表项：72dp
  • 垂直边框和水平外边距
    边框左右外边距各16dp
    带有图标或者头像的内容有 72dp 的左边距。
    弹出菜单与右边框的距离为56dp
  • 垂直边距
    1. 列表项：48dp
    2. 内容区域间的距离：8dp
    3. 导航右边距：56dp

触控区域尺寸 Touch target size

  • 头像：40dp
    图标：24dp
    触控区：48dp
  • 实例
  • 触控区域高度：48dp
    按钮高度：36dp
  • 实例

应用栏 App bar

  • 应用栏高度：56dp
    应用栏左右内边距：16dp
    应用栏图标上、下、左内边距：16dp
    应用栏标题左内边距：72dp
    应用栏标题下内边距：20dp
  • 应用栏高度：128dp
  • 操作栏高度：56dp
    标题栏高度：80dp
    标题栏底部内边距：8dp
    描述区域高度：72dp
    描述区底部内边距：16dp

https://uiiiuiii.com/screen/index.htm

评论

发表评论

此博客中的热门博文

Tailscale 开源版中文部署指南（支持无限设备数、自定义多网段 、自建中继等高级特性）

发布于
目前国家工信部在大力推动三大运营商发展 IPv6，对家用宽带而言，可以使用的 IPv4 公网 IP 会越来越少。有部分地区即使拿到了公网 IPv4 地址，也是个大内网地址，根本不是真正的公网 IP，访问家庭内网的资源将会变得越来越困难。 部分小伙伴可能会选择使用 frp 等针对特定协议和端口的内网穿透方案，但这种方案还是不够酸爽，无法访问家庭内网任意设备的任意端口。更佳的选择还是通过 VPN 来组建大内网。至于该选择哪种 VPN，毫无疑问肯定是 WireGuard，WireGuard 就是 VPN 的未来。 我已经不止一次向大家推荐使用 WireGuard 了，我累了，不想再讲了，你爱 JB 用辣鸡 OpenVPN 之类的就用吧，你开心就好。 WireGuard 相比于传统 VPN 的核心优势是没有 VPN 网关，所有节点之间都可以点对点（P2P）连接，也就是我之前提到的  全互联模式（full mesh） ，效率更高，速度更快，成本更低。 WireGuard 目前最大的痛点就是上层应用的功能不够健全，因为 WireGuard 推崇的是 Unix 的哲学，WireGuard 本身只是一个内核级别的模块，只是一个数据平面，至于上层的更高级的功能（比如秘钥交换机制，UDP 打洞，ACL 等），需要通过用户空间的应用来实现。 所以为了基于 WireGuard 实现更完美的 VPN 工具，现在已经涌现出了很多项目在互相厮杀。笔者前段时间一直在推崇  Netmaker ，它通过可视化界面来配置 WireGuard 的全互联模式，它支持 UDP 打洞、多租户等各种高端功能，几乎适配所有平台，非常强大。然而现实世界是复杂的，无法保证所有的 NAT 都能打洞成功，且 Netmaker 目前还没有 fallback 机制，如果打洞失败，无法 fallback 改成走中继节点。Tailscale 在这一点上比 Netmaker 高明许多，它支持 fallback 机制，可以尽最大努力实现全互联模式，部分节点即使打洞不成功，也能通过中继节点在这个虚拟网络中畅通无阻。 没错，我移情别恋了，从 Netmaker 阵营转向了 Tailscale，是渣男没错了。 Tailscale 是什么 Tailscale 是一种基于 WireGuard 的虚拟组网工具，和 Netmaker 类似， 最大的区
阅读全文

iOS任意版本号APP下载（含itunes 12.6.5.3 最后带AppStore版本）

发布于
软件介绍 下载iOS旧版应用，简化繁琐抓包流程。 一键生成去更新IPA（手机安装后，去除App Store的更新检测） 软件界面 支持系统 windows 10/windows 8/windows 7（由于使用了Fiddler库，所以需要.Net环境） 使用方法 一、直接搜索方式 搜索APP，双击选择。 双击选择要下载的版本。 在iTunes中下载即可。 二、复制APP链接方式 在iTunes下载按钮右侧下拉菜单中，选择【复制链接】。 双击选择要下载的版本。 在iTunes中下载即可。 常见问题 问：iTunes 账号无法登录成功 请先关闭本工具，再进行 iTunes 登录操作。 登录成功后，再打开本工具即可。 问：iTunes对电脑进行授权时，授权不了，反复授权 关闭本工具，再进行授权即可。 问：搜不到APP历史版本号？（以下方法100%可解决） 先不要拦截，在iTunes商店中下载此软件，等待下载完成。 在本工具中【安装管理】下找到对应IPA安装包，右键选择【查找版本ID】。 即可列出软件所有历史版本ID，版本号按新版到旧版排序。 PS：暂时没有通过版本ID，查版本号的接口，所以抓下来，看吧。 问：iTunes 一直显示正在下载... iTunes 先取消下载。 本工具【停止拦截】，再点击iTunes【继续下载】。 问：下载完APP，安装到手机，打开闪退。 先在手机中卸载该APP。 使用下载此App的账号，登录 App Store，在 App Store 中随便下载一个应用，不要卸载。 使用同步助手，重新安装。（如果仍闪退，尝试覆盖安装） 问：导入伪旧版App后，iTunes未检测到更新。 iTunes 更新列表页面下，按F5即可。 如上述方法未解决，删除当列表所有文件，保留文件，再点击右下角检测更新按钮。 问：“已停止供货”的APP 怎么抓取？（已失效） 取消拦截，下载该软件最新版。 本助手里切换到【安装管理】，右键APP，选择【伪装旧版APP】。 双击【*_伪装版.ipa】（或右键，在文件夹中打开），将APP拖动到iTunes资料库，替换，检查更新，该软件变为更新状态。 【开始拦截】，iTunes中更新该软件，即可正常下载该版本。 查杀链接 查杀链接 视频教程 ht
阅读全文

关于 N1 旁路由的设置

发布于
前言 入手 N1 已经快两个多月了，期间也没怎么少折腾，逛论坛的时候注意到很多朋友对于 N1 作为旁路由的设置还不是很清楚，所以就整理了一下设置的步骤，给需要的人。 模式一：主路由开 DHPC + N1 关 DHPC (非全局） 该配置下，用户需要手动设置需要 N1 服务设备的网关和DNS，对于未设置的设备只使用主路由功能。 应用场景：家庭环境中，我只需要我自己的设备科学上网，其他家人设备不需要，因为个别机场会有BT、迅雷、360等审计规则，避免家人设备不慎触发规则，可以自定义需求。 设置步骤 主路由无需做任何变动 。 N1 网口直连电脑，网络地址使用DHCP自动获取。 浏览器打开 192.168.1.1 ，进入Openwrt，默认账户名 root ，密码 password 。 点击「网络」-「接口」-「修改 br-lan接口」，将静态 IPv4 地址修改为主路由网段中的一个地址，例如 192.168.1.2 。 再将网关设置为主路由地址，例如 192.168.1.1 。 IPv4 广播设置为 192.168.1.255 。 DNS 地址根据本地网络情况设置。 同时下方「DHCP服务器」，勾选「忽略此接口」。 保存并应用配置，然后将 N1 连接到主路由的 LAN 口。 手动指定需要 N1 服务的设备，网关地址和 DNS 服务器为 192.168.1.2 。 模式二：主路由开 DHPC + N1 关DHPC (全局) 该配置下，所有设备都会使用 N1 作为网关和 DNS 服务。 方法一 N1 的设置与模式一相同。 进入主路由，将主路由的 DHCP 的默认网关修改为 192.168.1.2 ，同时将 DNS 服务器也修改为 192.168.1.2 。 方法二（适用于主路由为Openwrt） N1 的设置与模式一相同。 进入主路由，「网络」-「接口」-「LAN」-「DHCP 服务器」-「高级设置」 在「DHCP 选项」中，添加两条参数， 3,192.168.1.2 ， 6,192.168.1.2 。 保存并应用配置即可。 模式三：主路由开 DHPC + N1 开 DHPC (全局) 该配置下，N1 会成为首选 DHCP 服务器，主路由 DHCP 只用于给 N1 分配地址 设置步骤 主路由无需设置 N
阅读全文

Mifare Classic card(M1卡)破解过程记录(准备+理论+获取扇区密钥+数据分析)

发布于
首先认识一下一卡通的类型，市面上常见的一卡通是IC卡的一种，IC卡即集成电路卡，也是广义上的智能卡，准备篇介绍一些智能卡的基础知识，帮助我们确定卡的类型和使用的设备， 目前淘宝上提供了设备和全套软件，确定好方法就可以自动化破解，下面的内容比较详细，不用全部看完也能破解，但了解一下可以提高效率 。 按照使用方式分类： · 接触式IC卡： 符合 ISO 7816 标准，卡片表面包含金属触点，读写需要 IO 线路接触，即需要插卡使用，如手机的 SIM 卡模块 · 非接触式IC卡： 符合 ISO/IEC 14443 标准，由 IC 芯片、感应天线组成，封装在一个标准的 PVC 卡片内，芯片及天线无任何外露 部分，通过 RFID 感应使用，校园卡及身份证都是这一类型。 · 双界面卡IC： 又称组合卡 / 双端口 卡，是 同时兼备接触和非接触两种界面通信的多功能卡 ，将非接触 IC 卡的方便性和接触 IC 卡的安全性融为一体，使之成为一卡多用的极佳载体，代表着未来 IC 卡的主要发展方向，银行卡就是这一类型。 需要注意的是我们平时见到的某些门禁卡虽然也是通过感应使用，但不一定是IC卡，现在有相当一部分便宜的门禁使用的是磁卡和ID卡，ID卡使用RFID射频技术，但其频率一般较低，一般为125KHz,如爱特梅尔的T5577卡，不可写入用户数据，其记录内容仅限卡号只可由芯片厂一次性写入，开发商只可读出卡号加以利用，所以只用于身份识别，不能用于消费，其成本相对非接触式IC卡较低，一般使用字典攻击的方式就能复制。 智能卡按照工作频率分类： 区分ID卡和IC卡——读卡判断法 读卡判断法是判断卡智能卡类型最准确的方法，这需要可识别多类型卡的设备支持，例如手机NFC或者pn532开发板、ACR122U读卡器以及Proxmark3。使用手机NFC是最为便捷的方法，在支持全功能NFC的手机上下载MIFARE Classic Tools，给予权限后将卡片贴在NFC感应区根据提示读取标签后查看标签信息。下面是两种不同容量的IC卡的显示，如果RF技术这栏显示ISO/IEC 14443，说明就是典型的13.56MHz的非接触式IC卡，这也是生活中使用最多的类型。                                          绝
阅读全文

Blogger搭建国内可正常访问博客（超详细教程）

发布于
二、国内访问 Blogger 1 首先准备 请确认自己能够科学上网。 不会的话，我这里写有一篇教程： http://mooc1.chaoxing.com/zt/201723393.html 购买域名。没什么好讲的，各个地方都能买，我图便利，直接在阿里云买的域名。（同一个域名，在腾讯云买还要便宜点，不过因为我上一个域名就在阿里云买的，所以这次顺便就在阿里云买了） 2.设置解析 1.Blogger要求的设置 打开Blogger后台，找到设置—基本，Blogger 会提示你需要设置两个 CNAME 分别解析到 ghs.google.com 和 ***.dv.googlehosted.com (每一个人的都不一样) 为了 Blogger 可以在国内访问，我们不能直接按上述的解析。 我们得将第一个 CNAME 解析：记录类型： A 记录，主机记录：WWW，记录值由「ghs.google.com」改成 「国内可访问的 IP」 后面的一个CNAME 解析不变：记录类型：CNAME，主机记录：ai76xxxxxxxxxxx，记录值：gv-j5jxxxxxxxxxx 2. 寻找国内可访问的 IP 可以使用站长之家 Ping 工具：http://ping.chinaz.com/ 如下图所示，Ping检测：ghs.google.com 找一个国内可访问的 IP。 注意：香港的IP延迟虽然小，但是不行。 3.域名后台设置解析 打开阿里云控制台—域名—域名列表—解析，照第一步所说的那样样设置，如下图： 至此，域名解析设置完成，当然这样还不够，我们还得修改Blogger自带的博客模板。 备注：如果想要实现不带www访问 添加：记录类型： A 记录，主机记录：@，记录值同为找到的 「国内可访问的 IP」 如下图这样： 这样用 axutongxue.com 也可以访问我的博客了 4.启用https 之前大佬说在设置https时，不能直接设置： https://blog.iljw.me/2018/07/enable-blogger-https.html 不过现在blogger好像改了，按上面那样设置之后，我们就可以直接在Blogger后台开启https了
阅读全文

一些免费的云资源

发布于
云 IaaS指提供系统（可以自己选）或者储存空间之类的硬件，软件要自己手动装；PaaS提供软件/框架（可以自己选）；SaaS只能使用开发好的软件（卖软件本身）；BaaS一般类似于非关系数据库，但各家不通用，有时还有一些其它东西。 其他人的集合 https://github.com/ripienaar/free-for-dev https://github.com/AchoArnold/discount-for-student-dev https://github.com/qinghuaiorg/free-for-dev-zh   很久没更新了 https://github.com/vincenthou/free-for-china-dev   很久没更新了 https://github.com/ivmm/Student-resources https://www.freeforstudents.org/ https://github.com/255kb/stack-on-a-budget https://github.com/Ibexoft/awesome-startup-tools-list https://www.cokemine.com/ Paas https://www.heroku.com/   java go py docker https://www.pythonanywhere.com/   限制非常多，几乎就和虚拟主机差不多了，免费账户不允许访问白名单之外的网站。但好歹能提供一个自动https的web app https://cloud.google.com/appengine/docs/   标准环境有一点储存空间和流量，柔性环境(.NET)必须启用结算，且现在标准环境要启用一个API，也要求绑卡 https://fly.io/docs/pricing/   docker https://m3o.com/   go https://anvil.works/   py，前端Drag and Drop UI，后端和数据储存用的是该网站的库 https://www.kintohub.com/   node go py java php docker 免费3个实例但内存32MB？添加信用卡后每月免费$5 https://clustered.com/pri
阅读全文

打造一个可国内访问的Blogger（Blogspot）方法

发布于
  Blog‍‌‍‌​‌‌‌‌​‌​‍‌​‍‌‍‍​‌‌‍‌​‌‍​‍‌​​‍‌‌‌​‌‍‌‌​‍‍‍​‍‍‌​​‍‌‍‌​‍‌‍‍​‌‌‍‌​‌‍​‍‌​​‍​‍‍‍​‌‍‍‌ger,一个干爽、免费的博客发布平台，作为主流的发布，提供免费的托管，免去了Typecho&Wordpress高昂的服务器费用，避免了Hexo&Jekyll静态博客无后台的缺陷，与CSDN、简书相比，可以绑定域名，界面干净，无广告【当然可以自己放自己的广告】。 实际上，当今写博客的软件数不胜数，主要分为一下三类： 服务器部署：典型代表：Wordpress\Typecho 无服务器托管：典型代表：Hexo\Jekyll\Gidea\Hugo\Hola等等 集成型网站：Blogger、简书、CSDN、cnblog、wodemo等等 上面所有软件，优缺点都有，具体看个人选择 当然，个人认为Typecho适合做个人博客，Hexo可以作为要求不高的人。集成性网站最主要的是只要安安心心写文章，不用管后端乱七八糟的代码。当然，最有问题的是大多数都不支持绑定域名，而且经常往网站上塞广告，自定义范围也不够。 接下来，我们扯扯集成博客中的一股清流：Blogger Blogger.com是由Pyra Labs公司创立，是目前全球用户数量最多的个人网志服务提供商。Pyra Labs和Blogger.com均被Google公司收购，成为其旗下的一项服务内容。 Blogger提供免费主机Blogspot.com存放博客，用户不必写任何代码或者安装服务器软件或脚本，通过所见即所得界面轻松地创建、发布、维护和修改自己的网志。 Blogger允许有经验的用户自行设计博客界面，其模板支持使用HTML和CSS进行编辑 实际上，由于Blogger托管于谷歌，写作域名  www.blogger.com  和托管域名  *.blogspot.com  均被MainLand所Ban。但是接下来来，我会讲讲如何打造一个能在国内大陆访问的Blogger 1. 注册Blogger 众所周知，请善用技术上网。 用谷歌账号登录 ( https://www.blogger.com ) ，没有？不是⑧不是吧不是扒，都0202年了，还不会去注册一个谷歌账号？ 进入控制台，新建一个博客： 绑定域名,这一步随意,因为我们还要绑定一个自定义域
阅读全文

使用杜威十进制分类法构建自己的笔记系统（也可用于文件夹分类）

发布于
不论是用印象笔记等软件做个人知识管理，还是电脑中的文件分类管理。最常见的、普遍存在、必须首先解决的问题 ： 不会建笔记本或文件夹体系，找不到理想的笔记本/文件夹分类。 文件和资料在电脑里杂乱堆放的情况是非常常见的。因为新建文件夹实在太容易了，不像实物的笔记本或者文件夹那样，完全不需要什么成本，随之带来的一个问题就是我们随心所欲，随心情： 想怎么建笔记本就怎么建，想怎么命名笔记本就怎么命名，笔记本的层级想建几层就建几层； 今天按时间建一个2018年6月的笔记本，明天按照自己的兴趣爱好建一个电影笔记本，后天，按工作流程建一个工作总结笔记本，自己也不知道自己有哪些笔记本，整理完笔记，不知道可以移放到哪个笔记本里，甚至，你可能发现放到这个笔记本里面也合适，放到那个笔记本里面也合适！ 如果你同时好几个笔记本放进去都合适，那说明就「都不合适」！是吧？「到底应该把这个笔记放到哪个笔记本里去？」你可能想了2分钟，也没有正确答案，然后，大腿一拍，算了，不整理了！ 所有当初的任性，都有以后的代价 。如果「随性」地收纳大脑精神食粮，等日后要用的时候，找一个资料就像大海捞针，苦不堪言了。 今天，我们的主题是关于笔记本分类的方法论，以印象笔记为例，帮你打造受用终生的笔记本体系和文件夹体系，而且是一次设置，终生受用。 1. 一次搭建，终生受用！ 我的笔记本体系非常简洁，分成三大部分： 第一部分，inbox笔记本体系 ；inbox是一套高效搜集信息、克服信息混杂的处理机制，我们将全部信息来源汇集到1个inbox里面，就可以驾驭海量信息，让大脑的精神食粮少而精； 第二部分，用唯一维度搭建主体知识库，一招完成信息整理分类 。我用唯一维度分类，分成工作、学习、生活和兴趣爱好四类笔记本组，用这种方法搭建主体知识库，将庞杂的信息整理分类； 第三部分：用存档笔记本归档信息 。人生就是一个信息流，这些知识是一直在流动的。所以，当我「翻篇」的时候，例如我转行了之后，之前CPA学习的内容，之前做审计项目时的客户资料和工作笔记就都暂时用不到了，我就都会把它们全部归档。注意了，这里的归档绝非删除，以后想用这些资料还可以调取出来。 所以，我的笔记本体系，1万篇笔记，100多个笔记本，其实就分成三大类：inbox体系=搜集信息；唯一维度搭建主体知识库=整理分类信息；存档笔记本=归档信息。 1.1 Inbox原理 Inbo
阅读全文

百度站长平台中接入Blogger博客

发布于
一、百度收录一直不更新 　　博客从wordpress换到blogger后，原主机空间的内容一直保留着，原文章的网址也没有完全失效。一个多月过去了，百度搜索中的收录情况全是以前的网址，转换成blogger博客后的文章链接几乎没有任何收录。 　　用了blogger自然顺带用上了谷歌的网站分析，相对百度统计而言，谷歌网站分析功能强大几个数量级的说。各种角度给你彻头彻尾的分析，地域上是全球的范围统计，不仅仅只看国内访问情况。有了这个，便对百度统计等不在意了。 二、百度站长平台接入blogger方法 　　这几天我在想，百度搜索中收录的为何一直都是以前的网址，怎样将以前基于WP程序生成的网址给消除掉呢？我想到了百度站长平台，以前用来提交死链，这次重新开启，打算将以前的网址作为死链全部提交到百度站长平台，想想可能对目前网站的更新及收录会有好处。 　　但是问题来了……验证网站。我们知道blogger后台不允许上传文件，那么百度站长平台中验证网站只有通过嵌入代码验证了。但是你直接将验证代码粘贴到xml文件中却不能识别，还好，在谷歌搜索中找到一篇文章（文章链接现在找不到了）提到如何解决这个问题，很简单： 　　1、复制百度站长平台验证代码： <meta name="baidu-site-verification" content="63dlkgfdfPL6" /> 　　2、进入blogger后台，选择”模版”–”自定义”–”高级”，弹出”添加自定义css”框，将上面代码原封不动的粘贴到此处，保存 　　3、再到百度站长平台进行验证，就好了。 三、向百度站长平台提交死链 　　百度站长平台中，对死链提交的方式也有两种，对于使用blogger建站来说，因不能上传文件，只能以链接规则方式提交死链。 　　原wordpress中生成的链接形式大概主要有以下几种： 　　1、页面链接：http://lawpai.com/page 　　2、分类目录链接：http://lawpai.com/category/fenlei 　　3、日期链接：http://lawpai.com/date/2016/08 　　4、文章链接：http://lawpai.com/1.html 　　使用规则提交，结合blogger生成的链接形式，只能将第1、2种链接处理掉，第3种链接与
阅读全文

Mifare Classic card(M1)卡破解过程

发布于
一次偶然原因，在网上看到关于一些Mifare Classic card卡的破解文章,发现成本不是很高,并且门槛也不太高（本人笨得很,没觉得低）觉得很有意思，准备入坑一波。正好我寝室有饭卡、洗澡卡和直饮卡,爲啥不试一试呢,嘿嘿.说干就干! 于是乎就在网上各种收集资料,(本人懒得很,不想去图书馆查资料)首先我们得搞懂M1卡的内部结构是吧，不然无从下手啊,所以我们先从结构说起吧. 可能文章有点长，着急的话可以直接跳过前面三个点 1.M1卡的存储内部结构： M1卡分爲16个扇区，每个扇区对应4块（块0-块3）,共64块，编号爲0-63.第0扇区的第0块用于存放厂商代码，已经固化无法更改。其馀区的第0-2块用于存放数据，块3爲控制块用于存放密码A、存取控制、密码B，结构如下：      A0 A1 A2 A3 A4 A5     FF 07 80 69    B0 B1 B2 B3 B4 B5      (密码A 6字节)     (存储控制 4字节)    (密码B 6字节) 并且每个扇区块3中的密码和存储控制全部都是独立的，独立控制本扇区的各种操作，每个扇区都能实现不同的功能，所以广泛用作一卡通。存储控制里面4字节的具体含义我也不是很清楚(不影响我们破解)，所以就不说出来误导大家了。 卡中每个块包含16字节，所以M1卡的容量=16扇区*4块*16字节=1024字节=1k  (M1卡的由来)。 知道了M1卡的大致结构我们就可以开始进行破解了，我在此收集了几种常见的破解手段。 2.M1卡的破解原理：   1）暴力破解： 暴力破解是最简单粗暴、不需要多少技术含量的，就是比较费时，但这并不妨碍大家对它喜爱之情。因爲M1是被动卡，需要读卡器爲之供能，一旦读卡器切断电源，卡中临时数据就会丢失，所以无论试错多少次密码都不会被锁定。特别是一些厂商偷懒用弱密码，花不了多少时间就能破解。 2）克隆卡片： 这算是最简单又实用的方法了。因爲M1卡加密扇区里面保存着各种数据，所以可以克隆一张带有同样数据的克隆卡。这就会用到一种叫UID卡的特殊M1模拟卡。前面说过，每张卡在0扇区的0块都会存放厂商代码，所以里面也保存了UID编号，是无法修改的。但是这种特殊的UID卡该区域没有设定保护，可以随意修改UID，因此可以制作一张与目标卡数据完全相同的克隆卡。 3）重放***： 重放***是基于M1卡的PRN
阅读全文