2019-11-08 12:17:07    41    0    0

Baklib一个免费搭建博客/文档/手册平台

本文来自注册用户投稿,博主排版修饰一番!

挺不错的一个平台!有点当年”智能建站”的味道!适合小白用户建站,建博等!不过做这种平台内容审核是一个非常艰难的问题。不知道这个平台能支撑多久。

尊敬的⽤户,感谢你使⽤baklib。baklib正处于上线测试阶段,特邀您体验,同时在2019年12⽉30号前注册的⽤户,将终身免费享有“企业版”使⽤权限。

官网地址

https://baklib.com/

 

免费功能

个人版永久免费

流畅的在线文档工具,满足个人用户的撰写、托管和分享。

  • 20 GB 云端存储空间
  • 送二级域名
  • 支持SSL(今天10月30日刚支持的)
  • CDN加速(目前是七牛加速)
  • 多主题展示模板
  • 多端适配(手机电脑)
  • 展示界面颜色配置
  • 在线文本编辑
  • 站点导入私人网站

 

部分截图

演示站点

https://xxboke.baklib.com/

https://w3c.baklib.com/

 

演示图片

http://assets.baklib.com/1573185914001-_detail-5_1561625934988.png

2019-10-15 18:04:24    411    0    0

 

相信这对于想要入门写nodejs的朋友来说,一定会有所收获,那么,下面开始我们的正题(这里不使用koa-generator脚手架,我们直接自己搭建项目,适用于前后端分离)

一:创建项目

可以在全局中安装koa依赖包 (保持项目版本的统一性)
npm install -g koa 
复制代码
或者在我们本地项目中安装
npm install koa --save
复
WearOS 智能设备 智能手表    2019-10-10 15:01:28    39    0    0

 为 Wear OS 设计

为 Wear OS 设备设计应用不同于为手机或平板电脑设计应用。

如下文所述,Wear OS 使用四种互动类型:通知、表盘、原生应用和语音指令。要深入了解如何为 Wear OS 设计,请参阅 Wear OS 设计指南

通知

通知会显示环境相关数据。通知还可让用户启动您的应用。

通知可以提供轻量级体验,例如回复消息、打开地图上的某个位置或播放歌曲。系统提供了适用于即时通讯、音乐播放和日历事件的预制通知模板

通知

详细了解如何设计通知

表盘和复杂功能

表盘不仅可以显示时间和日期,还可以显示其他信息。通过在表盘中添加一个名为“复杂功能”的小工具,已安装的应用便可实时显示实用信息。

只需在表盘上轻点一下,用户就可以打开与复杂功能相关联的应用,或更改表盘本身的外观(如颜色)。

表盘

详细了解如何设计表盘

Wear OS 应用

开发者可以使用原生 Android 应用打造引人入胜的品牌体验。这些应用可以利用手表的硬件提供独立于手机的按需体验。

应用

详细了解 Wear 应用组件

语音指令

使用语音指令,您无需动手即可与 Wear OS 互动。这些指令可以使用 Google 的搜索服务并在已安装的应用上触发操作。

语音指令

详细了解语音指令

 

原文链接

Wear OS component sticker sheet for Sketch

2019-09-25 12:34:37    23    0    0

一、SVG SMIL animation概览

1. SMIL是什么?
SMIL不是指「水蜜梨」,而是Synchronized Multimedia Integration Language(同步多媒体集成语言)的首字母缩写简称,是有标准的。本文所要介绍的SVG动画就是基于这种语言。

SMIL允许你做下面这些事情:

  • 动画元素的数值属性(X, Y, …)
  • 动画属性变换(平移或旋转)
  • 动画颜色属性
  • 沿着运动路径运动

注意到“沿着运动路径运动”这一条没?前面的三条CSS3都是可以有所担当的,最后这一条,呵呵,CSS3只能蹲在墙角画圈圈了!
墙角画圈圈

SVG的动画元素是和SMIL开发组合作开发的。SMIL开发组和SVG开发组合作开发了SMIL动画规范,在规范中制定了一个基本的XML动画特征集合。SVG吸收了SMIL动画规范当中的动画优点,并提供了一些SVG继承实现。

2. 强大之处是?
除了可以实现「路径动画」,SVG animation最强大的地方在于:™只要在页面放几个animate元素,没有任何CSS, 没有任何JS,页面上的元素就像是没吃草的马儿一样,愉快地跑起来了。你会发现,我勒个去,原来要实现个动画效果这么简单。什么CSS3动画,哪边凉快哪边呆着吧!

唷,不信?给你个马,看它跑不跑!

<svg width="320" height="320" xmlns="http://www.w3.org/2000/svg">
  <g> 
    <text font-family="microsoft yahei" font-size="120" y="160" x="160">马</text>
    <animateTransform attributeName="transform" begin="0s" dur="10s" type="rotate" from="0 160 160" to="360 160 160" repeatCount="indefinite"/>
  </g>
</svg>

旋转木马

如何?是不是看到了童年梦幻的旋转木马效果? 纳尼?你没看到。请检查您现在使用的浏览器,IE浏览器(包括IE11)是不支持的哦,亲~

SVG SMIL animation的浏览器支持表

如果不是浏览器原因,那就是缓存作祟,可以点击这里浏览器访问:horse.svg

二、SVG animation元素及效果概览

5大元素,1统江湖。

5大受损 一个对策

  1. <set>
  2. <animate>
  3. <ani
frp teamviewer 远程桌面    2019-08-29 19:55:06    130    0    0

必要条件:必须有一个公网服务器

frp是一个开源的端口转发工具,中文使用说明及下载地址在这里  https://github.com/fatedier/frp/blob/master/README_zh.md

TeamViewer有一个功能,就是允许Lan直连,就是说允许在局域网内部使用,而不经过TeamViewer的服务器,这就为我们提供了思路。

方案图:

服务端(frps.ini)的配置:

[common]
bind_port = 7000

端口可以随便改,防火墙记得要开放此端口和5938端口

被控端(frpc.ini)配置:

[common]
server_addr = xx.xx.xx.xx  这是你的服务器外网IP
server_port = 7000
[rdp]
type = tcp
local_ip = 127.0.0.1
local_port = 5938
remote_port = 5938
​

被控端开启frpc方式:

新建一个快捷方式,内容为 %comspec% /c  "frpc.exe -c frpc.ini"

这是使用配置文件的方式运行,当然frpc.exe也是支持命令行参数的,具体可以输入frpc --help查看

服务端的开启方式也是类似

最后,记得开启TeamViewer的允许Lan连接,控制端TeamViewer的ID位置输入服务器的IP,密码是被控端的密码。

尽情使用吧

 

2019-08-29 19:53:22    78    0    0

1.开机启动bat
  新建test.bat, 文件内容如下:

  set ws=WScript.CreateObject("WScript.Shell") 
  ws.Run "D:\test.bat /start",0​

  保存,然后放到Windows启动目录下,就可以了。

2.隐藏运行窗口
  bat运行后一般会有一个黑色的命令窗口,那么如何隐藏呢?有两种方式:

   方法一:新建一个vbs文件,如hello.vbs,文件内容如下:

   Set ws = CreateObject("Wscript.Shell") 
   ws.run "cmd /c D:\CI_Slave\slave.bat",vbhide​

  保存,然后放到Windows启动目录下,就可以了。

 方法二:用文本文档打开bat文件,在开头处写入

   @echo off
if "%1" == "h" goto begin
mshta vbscript:createobject("wscript.shell").run("""%~nx0"" h",0)(window.close)&&exit
:begin
REM​

保存,然后放到Windows启动目录下,就可以了。

这个方法运行bat,还是会闪一下。

 

PS:Windows启动目录:

  WinXP: C:/Documents and Settings/Administrator/「开始」菜单/程序/启动

  Win7:   C:\Users\Administrator\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup

 Win10: C:\Users\Administrator\AppData\Roaming\Microsoft\Windows\Start Menu\Programs\Startup

 所有用户通用启动目录: C:\ProgramData\Microsoft\Windows\Start Menu\Programs\StartUp

2019-08-05 10:26:44    42    0    0
2019-08-05 10:20:10    62    0    0

# LXC默认不会加载FUSE模块,需要手动输入以下命令加载

mknod -m 666 /dev/fuse c 10 229​

# 可以将此命令放入自启动项中,每次启动自动加载FUSE模块,就可以解决Rclone无法映射文件夹,以及NFS服务无法启动的问题。

2019-08-05 10:14:47    826    0    0
# 执行命令安装:
### 已经失效 wget -N --no-check-certificate https://raw.githubusercontent.com/ToyoDAdoubi/doubi/master/aria2.sh && chmod +x aria2.sh && bash aria2.sh
#备用地址
wget -N --no-check-certificate http://install.emengweb.com/sh/aria2.sh && chmod +x aria2.sh && bash aria2.sh
wget -N --no-check-certificate https://www.moerats.com/usr/shell/Aria2/aria2.sh && chmod +x aria2.sh && bash aria2.sh
# 默认密匙为doub.io,下载目录为/usr/local/caddy/www/aria2/Download
# 运行脚本后,你可以安装、升级Aria2。
# 修改Aria2下载存储路径。打开:vi /root/.aria2/aria2.conf,找到:dir=XXX,修改为Nextcloud的存储路径。
# 修改RPC令牌,找到:rpc-secret,修改为随机字符串。RPC令牌就相当于 Aria2(后端/服务端)远程API连接的授权密码,如果你想让任何人都使用的话,你可以将RPC令牌留空,否则请设置为你自己的密码。
# 修改默认监听端口,找到:rpc-listen-port,可修改为自定义端口,加强安全性。
# 防火墙需要开启Aria2的相关端口
# 在debian9系统下Aria2的服务不会自动启动,需要手动在rc.local文件中设置自启动代码:
sudo nohup aria2c &​

 

2019-07-29 16:14:14    371    0    0

物理像素(Physical Pixels)

显示屏实际的物理像素数量,决定了物理分辨率的值。

渲染像素(Rendered Pixels,缩写px)

此像素数值是由系统OS所决定的,例如IOS系统就有两种渲染模式:标准模式和放大模式,两者其实改变是系统渲染的分辨率。

渲染像素与物理像素之间并没有联系。

移动设备的UI设计,所要依据的是设备的渲染像素,而不是物理像素。

逻辑像素(Points,缩写pt、dp)

pt是开发通常所使用的单位,概念类似于像素(px)。

1pt代表的是一个开发语言中的“1px”单位,只是最终与其对应的渲染像素,还存在一层换算关系(例如,处于iPhone 6的2倍屏时 1pt = 2px)。

倍率(1x,2x,3x)

物理像素与逻辑像素之间的转换关系被称为倍率,计算公式如下:

倍率 = 渲染像素 ÷ 逻辑像素

常见移动端设备倍率

IOS设备

机型

iPhone 3.5″

1/2/3GS

[已淘汰]

iPhone 3.5″

4/4S

[已淘汰]

iPhone 4.0″

iPhone4.7″

放大

iPhone 4.7″

标准

iPhone 5.5″

放大

iPhone 5.5″

标准

iPhone 5.8″
逻辑像素320 x 480pt320 x 480pt
320 x 568pt320 x 568pt375 x 667pt375 x 667pt414 x 736pt375 x 812pt
渲染像素320 x 480pt640 x 960px640 x 1136px640 x 1136px750 x 1334px1125 x 2001px1242 x 2208px1125 x 2436px
倍率@1x@2x@2x@2x@2x@3x@3x@3x
换算1pt = 1px1pt = 2px1pt = 2px1pt = 2px1pt = 2px1pt = 3px1pt = 3px1pt = 3px

Android设备

分辨率缩写

LDPI

[已淘汰]

MDPI

[已淘汰]

HDPI

[已淘汰]

QHD

XHDPI

XXHDPI

XXXHDPI

逻辑像素320 x 426pt320 x 480pt
320 x 534pt360 x 640pt360 x 640pt360 x 640pt360 x 640pt
渲染像素240 x 320pt320 x 480px480 x 800px540 x 960px720 x 1280px1080 x 1920px1