八月 2016

2016年8月31日星期三

centos6.X下pptp vpn一键安装脚本


非常实用的脚本,果断转来。以前分享过的脚本都失效了。。。这个脚本在centos6.x下好用。
1. 下载vpn(CentOS6专用)一键安装包
wget http://tools.digac.cc/liunx/centos/vpn/vpn_centos6.sh
chmod a+x vpn_centos6.sh

2. 运行一键安装包
bash vpn_centos6.sh

会有三个选择:
1). 安装VPN服务
2). 修复VPN
3). 添加VPN用户首先输入1,回车,VPS开始安装VPN服务. VPN服务安装完毕后会默认生成一个用户名为vpn,密码为随机数的用户来。
3. 添加VPN用户
bash vpn_centos6.sh

选择3,然后输入用户名和密码,OK
4. 修复VPN服务如果VPN拨号发生错误,可以试着修复VPN,然后重启VPS
bash vpn_centos6.sh

选择2,然后reboot

下面是具体的脚本:
#!/bin/bash
 
function installVPN(){
echo “begin to install VPN services”;
#check wether vps suppot ppp and tun
 
yum remove -y pptpd ppp
iptables –flush POSTROUTING –table nat
iptables –flush FORWARD
rm -rf /etc/pptpd.conf
rm -rf /etc/ppp
 
arch=`uname -m`
 
wget http://www.hi-vps.com/downloads/dkms-2.0.17.5-1.noarch.rpm
wget http://wty.name/linux/sources/kernel_ppp_mppe-1.0.2-3dkms.noarch.rpm
wget http://www.hi-vps.com/downloads/kernel_ppp_mppe-1.0.2-3dkms.noarch.rpm
wget http://www.hi-vps.com/downloads/pptpd-1.3.4-2.el6.$arch.rpm
wget http://www.hi-vps.com/downloads/ppp-2.4.5-17.0.rhel6.$arch.rpm
 
yum -y install make libpcap iptables gcc-c++ logrotate tar cpio perl pam tcp_wrappers
rpm -ivh dkms-2.0.17.5-1.noarch.rpm
rpm -ivh kernel_ppp_mppe-1.0.2-3dkms.noarch.rpm
rpm -qa kernel_ppp_mppe
rpm -Uvh ppp-2.4.5-17.0.rhel6.$arch.rpm
rpm -ivh pptpd-1.3.4-2.el6.$arch.rpm
 
mknod /dev/ppp c 108 0
echo 1 > /proc/sys/net/ipv4/ip_forward
echo “mknod /dev/ppp c 108 0″ >> /etc/rc.local
echo “echo 1 > /proc/sys/net/ipv4/ip_forward” >> /etc/rc.local
echo “localip 172.16.36.1″ >> /etc/pptpd.conf
echo “remoteip 172.16.36.2-254″ >> /etc/pptpd.conf
echo “ms-dns 8.8.8.8″ >> /etc/ppp/options.pptpd
echo “ms-dns 8.8.4.4″ >> /etc/ppp/options.pptpd
 
pass=`openssl rand 6 -base64`
if [ "$1" != "" ]
then pass=$1
fi
 
echo “vpn pptpd ${pass} *” >> /etc/ppp/chap-secrets
 
iptables -t nat -A POSTROUTING -s 172.16.36.0/24 -j SNAT –to-source `ifconfig | grep ‘inet addr:’| grep -v ’127.0.0.1′ | cut -d: -f2 | awk ‘NR==1 { print $1}’`
iptables -A FORWARD -p tcp –syn -s 172.16.36.0/24 -j TCPMSS –set-mss 1356
service iptables save
 
chkconfig iptables on
chkconfig pptpd on
 
service iptables start
service pptpd start
 
echo “VPN service is installed, your VPN username is vpn, VPN password is ${pass}”
 
}
 
function repaireVPN(){
echo “begin to repaire VPN”;
mknod /dev/ppp c 108 0
service iptables restart
service pptpd start
}
 
function addVPNuser(){
echo “input user name:”
read username
echo “input password:”
read userpassword
echo “${username} pptpd ${userpassword} *” >> /etc/ppp/chap-secrets
service iptables restart
service pptpd start
}
 
echo “which do you want to?input the number.”
echo “1. install VPN service”
echo “2. repaire VPN service”
echo “3. add VPN user”
read num
 
case “$num” in
[1] ) (installVPN);;
[2] ) (repaireVPN);;
[3] ) (addVPNuser);;
*) echo “nothing,exit”;;
esac

2016年8月30日星期二

日本樱花【免费】ssr部署 速度暴走


教程如图:














测试效果:


镜像:tutum/centos:centos6

自定义服务器密码:在ENV输入ROOT_PASS另一边输入你的SSH密码
就可以了自定义ssh密码了

一下是在ssh中输入的代码(安装ssr服务端)
yum -y install wget screen 	//首先安装screen

yum -y groupinstall "Development Tools" && yum -y install wget && wget https://github.com/jedisct1/libsodium/releases/download/1.0.10/libsodium-1.0.10.tar.gz && tar xf libsodium-1.0.10.tar.gz && cd libsodium-1.0.10 && ./configure && make -j2 && make install && echo /usr/local/lib > /etc/ld.so.conf.d/usr_local_lib.conf && ldconfig //让他支持CHACHA20

yum install -y git && git clone -b manyuser https://github.com/breakwa11/shadowsocks.git && cd shadowsocks/shadowsocks && screen -S ssr //下载源码并进入screen

python server.py //运行ssr

这下面的内容在/root/shadowsocks/config.json中修改。(推荐使用winscp)
{
"server": "0.0.0.0",
"server_ipv6": "::",
"server_port": 1212, //设置的ssr端口
"local_address": "127.0.0.1",
"local_port": 1080,
"password": "password", //ssr链接密码
"timeout": 120,
"udp_timeout": 60,
"method": "chacha20", //加密方式,安装了libsodium
"protocol": "auth_sha1_v2_compatible", //混淆
"protocol_param": "",
"obfs": "tls1.2_ticket_auth_compatible", //混淆
"obfs_param": "",
"dns_ipv6": false,
"connect_verbose_info": 0,
"redirect": "",
"fast_open": false
}

//修改/root/shadowosocks/config.json

端口、密码和加密方式需要你自己根据你自己的情况进行修改
python server.py -p 6666(你设置的端口) -k 666666(SSR链接密码) -m aes-256-cfb(加密方式) -P auth_sha1_v2_compatible -o tls1.2_ticket_auth_compatible -d start //已经失效了

2016年8月24日星期三

最新绕过百度云大文件下载限制方法


应该是从去年开始,百度云网页下载大文件强制性要求使用百度云管家,我记得当时我应该是有发过一篇利用手机网页绕过的教程,不过这个绕过的方式目前已经失效了,而且当初绕开这个其实不仅仅是因为百度云管家的问题,而且网页下载的话不会限速,如今不管你是客户端还是网页下载都是限速的。      
                                                                                             




              首先随便选个文件,现在貌似1G以上的都算是大文件了吧?会出现入上图一样的提示!

                                                                                         


              这边我们不要管,先新建一个书签,名字随便填,网址里面填入代码javascript:navigator.__defineGetter__('platform',function(){return''}),然后保存(注意了,别把逗号复制进去)。

                                                                                         

             保存好以后回到第一张图中的页面,打开这个书签,然后关闭之前的下载文件弹窗,重新点击下载,你会发现可以直接下载文件了~

Principle 2.01免费汉化版


Principle 2.01免费汉化版

Principle是前 Apple 工程师打造的一款交互设计工具,五分钟即可制作出一个具有完整交互动画的原型,并且可将交互动画生成视频或者 Gif 分享到 Dribbble、Twitter 等社交平台。此外 Principle 还支持多种尺寸的原型设计,包括 Apple Watch。

应网友要求做了汉化处理,仅供学习参考使用!如果使用觉得可以,请尽量支持英文正版。

Principle 是一款新开发的交互设计软件。相比 Pixate 更容易上手,界面类似 Sketch 等做图软件,思路有点像用 Keynote 做动画,更「可视化」一些。发现目前还不能做条件相关的交互,例如「当 A 的 Scroll Release 位置大于某值时跳到下页」。作者目前在对软件进行升级开发,值得尝试和继续关注。

[Principle 在官网上售价99美元,约合人民币600元]
Principle for Mac介绍
Animate Your Ideas, Design Better Apps
Principle makes it easy to create animated and interactive user interface designs. Whether you’re designing the flow of a multi-screen app, or new interactions and animations, Principle lets you create designs that look and feel amazing.
Built for the Biggest Imaginations
There are a lot of things you might want to design: a short animation, a slick interaction, or an extensive multiple screen app. No matter what you’re doing, you can do it with Principle.
Totally New, Yet Immediately Familiar
With artboards, magic animations and a timeline, using Principle will give you Déjà vu.
Touch Your Designs
Principle Mirror lets you interact with your design instantly on device or view designs that others have sent you.
Coming Soon – In App Store Review
Design For Any Size
Choose a device preset or enter a custom Artboard size. Whether it’s web, desktop, mobile, or watch — you’re set!

下载地址:https://yunpan.cn/cMufPrtaVWNmh  访问密码 d7d5

轻松搞定动态二维码


前面做的动态二维码许多人表示很感兴趣,这里跟大家分享一下我的制作过程,有不正确的地方还望指正~

 
首先简单了解二维码的原理

二维码在上面和左下角都有三个较大的方块,它们是二维码的定位标志(我自己取名叫“眼”..), 二维码的定位图形非常重要,必须清晰而明显的表现出来。


右下角还有一个校正标志


二维码有一定的容错机制,其纠错范围可以从 7% 到 30%。要注意的是,关键部位(如定位图形)污损面积只占了不足5%,也有可能导致内容无法读取。

 
构思视觉创意

构思一个创意主题,然后搜集素材。

例如以中秋节为主题,发散思维,能想到中秋灯会、登高望远、思念亲人…

可以先从外部装饰做起,装饰周围空间比破坏二维码内部信息图案安全的多。通过外部装饰的设计表达场景、营造氛围。




然后进行内部设计。

首先设计二维码的定位图形,确保对比明显。再对二维码的数据区域进行图案的覆盖,图案可以是多个色相,也可以渐变。例如案例中的二维码运用了路面、灯笼、建筑、树木、气泡等图案。大家也可以发挥想象,设计出贴合主题、更有趣味和创意的二维码图形。

注意不能使用反色,二维码背景用浅色覆盖,图案用深色覆盖,并有较强的明度对比。




静态的二维码已设计完成?

二维码的核心功能在于识别,这里用多个扫码工具测试一下,一般来说,二维码解析能力最强的是微信。

 
动态效果的制作

根据主题表达的需要添加动态效果,外围的动画可以做的复杂一些,内部动画尽量不要破坏数据图案即可。制作动效的软件有很多,常见的可以用AE、Photoshop。

先整理PS文件,把动态元素和静态元素整理好。




然后用AE制作,这里用的都是基础动效,相信你们看看就知道怎么做,我忘截图了...


好,就这样吧。。写东西好累啊。。通过以上内容,相信能让你创造出更有意思的动态二维码,现在动手吧!

产品详情页这样设计,用户才会乖乖掏钱


App 上没有比产品详情页更影响转化率的地方了。当用户做决定时,能够简单地从这一页面上获取关于产品的信息非常重要。我这里有一些方法,能帮助你改善产品详情页面,并提高用户的购买率:

产品细节以及选项

详尽的细节不仅会激发购买欲,同时能让用户安心。用户更热爱将商品信息都展示出来的 app。这些信息包括但不止于,货存量,尺寸,颜色选择,产品描述,产品图片,评价。

产品的细节要清晰简洁

产品描述不仅要易于找到(帮助用户获得大体印象),也要易于被检索(让用户很快定位到特定信息)。左图的例子中,不完全的产品信息容易使用户迷糊:


  • 尺寸:用户看不出某个尺码是有货还是没货,也不清楚这里的 XL 到底是多大。

  • 颜色:颜色选项没有视觉上的标示。

  • 货存量:没有关于货存的信息以及运输方式的选项。

  • 没有产品详情描述。



将所有重要的产品信息都浓缩在小小的手机屏幕里是很困难,但有人却做到了:


 
最小化用户输入努力

app上大多数错误都发生在输入框。即便使用全键盘,输入也是件耗时又容易出错的事情。理想情况是,商品页面中不应该存在需要用户输入的地方。可以通过限制选项数量来防止用户出错:使用单选框(radio button)或者步进控件(steppers)来让用户只能选择单一的选项。


产品图片

产品图片最能促进销量。无论你卖的是电脑还是 T-shirt,产品图片都是产品页面上最重要的部分。优秀的产品图片有两个功能——给用户留下深刻印象,并且提供用户所需信息。

使用大而高清的图片

一张图片需要足够大,足够清晰才能发挥最好的效果。当你的产品是服装时,图片就更重要了,因为用户关心的主要就是衣服的细节。下图展示了这个原则如何在服装类产品页面发挥效果。


确保你的图片看起来不是由马赛克构成的。不仅最初的图片质量要高,就连放大后的图片也需要保持高清度。确保你的图片在经过用户放大后,读取更高分辨率的图片版本。


下图是放大时出现的问题。这个页面支持用户放大产品图片,可是由于低分辨率,放大后的图片质量非常糟糕。用户并不能从中获得更多资讯。


让用户掌控缩放程度

图片远比描述直观的多。用户往往依赖于通过产品图片来了解产品的细节和功能,如果app预先设定好了放大比例的话,用户也许会产生挫败感。


让用户完全按照自己意愿来发大图片,会让他们感觉更好。


一定数量的图片需求

一般来说,产品页面中图片越多越好。但实际操作中,为了优化展示图片,你应该在产品描述中选用那些具体展示了产品细节的照片。

下面是一些选择图片的技巧:


  • 你要展示既真实又有细节,功能的照片。比如说,如果你卖的产品是一个a/v功放接收器,那么就展示产品的后部细节给用户看。因为他们可以通过输入接口来了解这个产品的功能。




  • 具有上下文的图片对读者也很有用处。打比方,harry's这个app就使用图片来讲述自己的品牌故事。


设计可以水平滑动的图片库

可侧滑的图片就是为了拇指而诞生的!用户应该能够通过水平滑动来快速查看所有产品图片,而不需要下滑这个动作。


 
支持缩放和轻触两下手势

用户会试图用类似于两指缩放,轻按两下这样的手势来放大手机上的产品图片。然而有些 app 虽然支持这样的功能,却没用告诉他们的用户。当 app 告知用户他们支持这些手势时,实际上在帮助用户更好地使用自己的产品。


产品定价

你首先要花上一些时间来确定你的定价策略。让价格合适并且放置在页面上恰当的位置有两种方法:


  • 如果你的价格具有竞争力,那么就要发挥这一优势。最好的做法就是,当你对价格足够自信时,将价格放在前面显眼的位置(紧跟在产品图片和产品名称后面),asos就是这样做的:




  • 如果你不靠价格优势取胜(比方说,你卖的产品是独一无二的),那么你可以考虑不把价格放在那么显眼的位置。将价格放置在产品描述之后,也许是个好选择。


产品库存量和运输方式

用户放弃购买行为的一大原因就是,页面上没有标示出运输选项以及费用。用户不得不在其他页面上寻找关于运输方式的信息,而这就打断了他们最初的购买行为。

显示实体店铺库存量

如果用户想要在实体店自提商品的话,库存量是一个关键的参考要素。为了给用户展示当地的货存量,你需要尝试自动获取用户的地址信息,但也要让用户很方便地选择他们偏爱的店。一个常见的错误就是,只展现了用户当前地址附近的店铺,却忘记提供其他选择。


运输费用和天数

用户期待运输费用和送货时间都写得明明白白,因为当他们购物时,他们会常常会衡量运输价格和运输时间之间的性价比。


理想情况下,你应该提供一个免费又及时的运输方式。在你的产品页面中,一定要包含可选的运输方式以及各自的价格。

有用处的用户评论

网上购物时用户倾向于相信别人的评价。用户评论对于用户来说有两方面的作用:

●评论能让用户了解产品的质量,以及服务的优劣。用户需要再三确认你关于产品的描述是真实的。

●评论可以解答用户在产品介绍页面没找到的,关于产品细节的疑惑。用户会认为这样获得的信息好过通过商店销售口中得到的信息。

如果你能收获一系列的好评价,它们将增加你产品的可信度,也能帮你卖得更好。

允许用户过滤评价

允许用户通过分类和过滤来得到他们真正想知道的产品信息。


不要隐藏任何负面的评论,并且展示总投票数

只有好评的评论区会让用户产生怀疑。


当你展示产品时,确保将所有的投票数都显示出来,以确保评分的真实度。


降低跳出率(bounce rate)

通过提供附加的信息来增加用户在app上逗留的时间:提供相关产品以及热销产品的信息。当用户考虑买替换装或者是产品附件时,他们会感谢你提供的这些信息的。产品页面的底部要放上你觉得最吸引人的产品。


结论

30%的用户仅仅因为页面优化不够而放弃手机上的购买行为。设计一个转换率媲美桌面网页的产品页应该是每个商务app的首要任务。产品页面的职责就是让用户掏钱,因为购物这一行为越简单,用户就越容易去购买产品。

制作城市霓虹马赛克背景效果


前言

拿城市霓虹做文章的已经不少,最喜欢还是三角这种硬朗几何带来的现代气息,虽说马赛克完全有滥用的趋势,但今天我们要制作的马赛克绝不简单采用一键马赛克滤镜,这样做出的效果看上去并不精细。设计除了美,还有好玩,让我们一起来做这个被玩坏了的马赛克吧。

朦胧+三角=就是时尚

城市霓虹的照片,大部分以色彩见长,因此,你准备的照片得要有色彩这个元素的潜质。不需要整个照片铺满颜色,适当留有夜空的呼吸空间也不错。另外需要有点氤氲气息和模糊美感,霓虹要朦朦胧胧才有美。我找的这张大概符合这个标准,但需要略作裁切。



STEP 01

打开PS,新建一个1800px*1200px的文档,这个长宽比当然视你的具体情况而定。将我们选好的照片导入文档中,然后复制两下。现在我们的图层里分别有三个相同的图层了。



STEP 02

我们把这一步叫做失焦处理,这当然是在为马赛克效果打基础。选择最上一个图层,然后运用CTRL+T中的自由变换,这时,软件上方状态栏中会出现两个也许大家并不常用的参数。这两个参数一个是H,一个是V,意味着什么呢?如果没有记错,H就是Horizon,V就是Vertical,H就表示水平方向,V就代表垂直方向。通过填入不同的数值来变化倾斜的方向和角度。这里我们在H中填入45度。



STEP 03

对这个已经被倾斜处理的图片进行马赛克,进入【滤镜>像素化>马赛克】。马赛克是个很有意思的滤镜,它立马让你的第一图层变为了一堆马赛克。马赛克滤镜的数值,我填入的是70,你也可以根据自己的需求予以调整。



STEP 04

为了出现三角效果,我们再把已经做了马赛克的图层进行又一次变形处理,依然是自由变换,H的参数填入-45。然后将这一图层的透明度降至50%。就是让方形的色块变为平行四边形。



STEP 05

这次,让我们逆生长一次,运用类似的操作步骤来处理第二个夹心层,在进行马赛克处理之前,先将其自由变换,在H的参数里填入-45。然后对这个图层进行马赛克处理,PS很聪明的记录下了你上一次的操作,直接在滤镜库上方就能找到马赛克的滤镜,单击即可。经过这样一次处理,你的效果应该和我的差不多了。



STEP 06

再把这个图层进行最后一次变换处理,进入自由变换,在H的参数里填入45。于是两个图层的平行四边形就能相互重叠,刚好互相映衬下呈现三角形。效果如下图。



把细节都啃一遍

STEP 07

设计里有一个说法叫做为细节抓狂,所以,上面的效果虽然是完成了大半,但细节看到各种没有对齐的小三角,心里还是很别扭。这里,我们可以运用键盘上的左右方向键来移动上面两个图层,力争让它们都对齐。



STEP 08

边缘的部分可以用裁切工具裁切到完美。

这时你可能仍然会发现有些部分会隐隐约约透露出原图的细节(下图虚线圈出的部分)。这样似乎影响了画面的和谐。



STEP 09

将最底层的图层进行高斯模糊个把像素,我在这里模糊了30个像素。鬼使神差就把这些隐约的细节给摆平了。



最终效果如下

霓虹大表演

霓虹有色彩强烈的,也有氤氤氲氲温柔氛围的。换个颜色还不简单,这是PS的世界!

STEP 10

选择最上一个图层,运用【调整>色相】等调色工具就能做出不一样的霓虹效果,一个图层不够再把下面那个图层也来打扮打扮。不同色彩不同心情。

后记

也许说城市霓虹就太狭窄,其实你完全可以找一张另一个主题的图片,同样可以演绎出美轮美奂的效果