五月 2016

2016年5月31日星期二

Adobe CC 2015清理方法


除了在程序列表中去卸载,还可以这样卸载,这个卸载方式是你在程序列表找不到的时候使用的。


Adobe Creative Suite Cleaner Tool专用于辅助卸载Adobe CS3、CS4、CS5、CS5.5、CS6系列产品及Adobe Flash Player,介绍一下简单的卸载教程,卸载完后再重新安装就能成功了!



1、准备

将以前版本的Photoshop软件卸载,关闭所有的Adobe软件,将Adobe Creative Suite Cleaner Tool下载到本地。

 

2、选择程序语言

解压下载的工具,找到卸载工具的主程序:AdobeCreativeSuiteCleanerTool.exe,Windows 7及以上右键单击以管理员权限运行,输入e,并按回车键,会进入英文界面模式。



3、接受软件协议

输入y,并按回车键,接受软件使用协议。



4、选择清理项

这里要选择你需要的卸载模式,如果卸载Adobe 所有的软件,则输入数字1,然后回车;要卸载Adobe flash player,则输入数字2并回车,要卸载Adobe creative cloud,则输入数字3并回车;其他选项同理。建议此时选择1然后回车,因为我尝试按7回车卸载CS6版本后再安装Photoshop CC,CC并没有待见我,同样安装失败,而1则是成功的。



5、选择要卸载的程序

选择一种卸载模式后,Adobe Cleaner Tool会分析出所有可卸载的程序,如果确定要卸载,输入产品前面对应的数字序号(即输入数字1或2等)并按回车,




6、确认卸载


直接输入字母y然后回车,就能开始清理了,等待完成。



7、卸载完毕

如果看到这样的提示:Adobe Creative Suite Cleaner Tool completed successfully,则说明卸载成功,可以尝试重新安装程序了。



下载地址:点我传送吧      访问密码 bc4d

15款很实用的 SASS 和 Compass 工具


SASS 是 CSS 的扩展,增加了嵌套规则,变量,混入功能等很多更多。它简化了组织和维护 CSS 代码的成本。Compass 是一个开源的 CSS 框架,使得使用 CSS3 和流行的设计模式比以往任何时候都更容易。


在这篇文章中,我们已经收集了一组有用的 Sass 和 Compass 工具,将帮助您快速构建 Web 应用程序。




1. Compass.app


compassapp
Compass is a stylesheet authoring framework that makes your stylesheets and markup easier to build and maintain. With compass, you write your stylesheets in Sass instead of plain CSS. Compass.app is a menubar only app for Sass and Compass. It helps designers compile stylesheets easily without resorting to command line interface. Compass.app is written in Java (JRuby), and works in mac, linux and pc. You do not need to install Ruby environment to use it.



2. Scout


scout
Scout is a cross-platform app that runs Sass and Compass in a self-contained Ruby environment, Scout runs Sass and Compass in a self-contained Ruby environment, letting you effortlessly manage all of your Sass projects with a handful of clicks. You’ll never have to worry about your Ruby setup or deal with technical issues. Scout does all of the heavy lifting, giving you more time to do what you love.



3. Codekit


codekit
Codekit is a powerful compiler that processes Sass, Compass, Less, Stylus, Jade, Haml, Slim, CoffeeScript and Javascript files automatically each time you save. With live browser reloads, image optimization and easy debugging, it makes working with Compass and Sass a breeze. The app also offers team collaboration and helps reduce load times by combining and minifying files.



4. Archetype


archetype
Archteype is a Compass/Sass framework for creating configurable, composable UI patterns and components. It’s well documented and uses a natural language syntax.



5. Susy


Susy
Susy provides responsive grids for Compass, filling the void left when grids were stripped from Compass. You can quickly add media-query breakpoints for new layouts, or create your own math using Susy’s array of grid helpers. It has the power to help you build a site in minutes, or create a scalable grid library for use in large projects.



6. The Saasway


The Sass Way
The Sass Way covers the latest news and topics on crafting CSS using Sass and Compass, with articles, resources and tutorials to suit both beginners and advanced users.



7. Sassaparilla


Sassaparilla
Sassaparilla makes starting responsive web projects faster using Sass and Compass. It focuses heavily on better typography with exceptional vertical rhythm, and lets you work in px while compiling in ems, eliminating a lot of math designers often need to do. It supports variables using Sass for things like color.



8. LivingStyleGuide


livingstyle
The LivingStyleGuide Gem is an easy way to create front-end style guides using Sass and Compass. Just add Markdown to your Sass to create your guides.



9. Pondasee


pondasee
Pondasee has been made to help front-end designers accelerate their work-flow for making web applications. It is NOT a CSS framework, it is a front-end starter kit combined with the power of SCSS & Compass to help build a template.



10. LiveReload


LiveReload
LiveReload resides in your menu bar and monitors changes in the file system. As soon as you save a file, it is preprocessed as required, and the browser is refreshed. It ships with SASS, Compass, LESS, Stylus, CoffeeScript, IcedCoffeeScript, Eco, SLIM, HAML and Jade, and is controlled by two main checkboxes, so you won’t get lost.



11. Koala


koala
Koala is a GUI app for CoffeeScript, Compass, Less, and Sass compilation, to make you a more efficient web developer. It runs on Mac, Linux, and Windows, and includes real-time compilation, multi-language support, and more.



12. Bootstrap Sass


bootstrap saas
Bootstrap-Sass is a Sass-based version of Bootstrap, perfect for your Sass-powered applications. It can be installed with Rails, Compass, or Sass-only.



13. Forge


forge
Forge is a free command-line toolkit for bootstrapping and developing WordPressthemes in a tidy environment using front-end languages like Sass, LESS, and CoffeeScript. Forge creates a neatly organized source folder with clean and simple scaffolding (base template files, SCSS files, and theme options). The source folder is automatically compiled to your local WordPress install(s) as you save changes and work on your theme.



14. Prepros


prepros
Prepros is an app dedicated to making compiling code easier. It compiles all of your Sass, Scss, Compass, Less, Jade, Haml and CoffeeScript in real time, with live browser refresh to keep your preprocessing workflow seamless. It has no dependencies and features a built-in HTTP server, background file watch, error notification and live CSS injection.



15. Break Point


breakpoint
Breakpoint makes writing media queries in Sass super simple — just create a variable using a simplified syntax, based on most commonly used media queries, then call it using the “breakpoint” mixin. Breakpoint handles all of the heavy lifting, from writing the media query itself to handling cross-browser compatibility issues.

2016年5月30日星期一

在windows上使用ss服务


请先在本站软件库中或其他地方下载ss客户端

1.下载完成之后打开(如果提示安装.net fx请百度或者在论坛中查找),请按照下面的提示填写相关的内容(这些内容在SS用户中心里面,自己去翻哈,服务器ip、协议、混淆和加密在节点列表端口和密码用户中心--连接信息
(请不要放在桌面,不要放在C盘,因为软件会生成配置文件)
填写完成之后点确定,不能直接点 X




2.在任务栏中找到小飞机图标,右击得到第三步的界面。



3.按照图中的选项选择好(小白的话就不要去调其他地方了)



4.代理模式建议选择PAC模式



5.在PAC中更新PAC为GFWList(这一步一定要做,建议每次启动都选一下)



6.更新成功,开心的使用吧,如果说没有更新那就算了。



MAC版本和Windows版本操作是差不多的

2016年5月27日星期五

ESET VC52 WebID 2.2.2.5(ESET ID获取工具/支持ESET全系列64/32版 本)2016.3.17更新







软件名:ESET VC52 WebID
版本:2.2.2.3
支持ESET版本:2.7、3.0、4.0 、4.2、5.0、6.1、7.0、8.0
语言:简体中文
类型:ESET(NOD32)ID获取工具
授权:免费版
适合32/64位系统:2000/2003/2008/XP/Vista//Win7/win8/Win Server
制作:杀破狼/nohacks
来源:精睿(vc52).网络安全

1、此ID获取工具可自动获取网页上的ID并进行验证
2、选定ID后使有右键菜单功能,可进行“验证、复制、导入”ID
3、采用多线路获取ID以避免ID失效
4、此工具界面设计新颖,简洁、美观
5、本工具支持ESET所有版本
6、全面支持、自动识别64位/32位系统

2015.6.26
更新为2.2.2.4
更新内部线路

2015.5.13更新至2.2.2.2 解决地址被ESET拉黑
2015.5.8
更新 2.2.2.1
修正企业版ID验证问题

2015.1.12
更新 2.2.2.0
修复已发现的BUG
支持企业版ID验证

2015.1.11
更新 2.2.1.0
优化正则获取ID能力更强
修正验证问题
增加操作动态显示

2015 年元旦
此此更新由nohacks更新至 2.2.0.0特此感谢!
update: 增加了对企业版6.1的支持,现在支持所有版本
update: 增加了在官网进行有效期验证。
update: 布局更加合理,其它优化。
PS:批量验证用时较长,请耐心等待,或者使用右键菜单单独验证ID

2016.3.17
更新2.2.2.5
修正获取ID失效

金山卫士、360卫士可能会误报。绿色工具请放心使用!


下载地址:点我传送 (访问密码 1801)
9.0不能通过用户名密码激活,只能通过→序列号←激活,点击“序列号”去把用户名转换为序列号吧~

2016年5月24日星期二

从谷歌网站上下载离线安装版谷歌浏览器的方法


最近听说谷歌要重返中国,这真实一件令人高兴的事情。虽然我一直使用翻墙工具使用谷歌搜索,但这毕竟很麻烦,而且Gmail也给墙了,真让人恼怒。而且,有用谷歌网站无法访问,很多在谷歌网上的软件都无法下载,最重要的就是谷歌浏览器,虽然通过翻墙工具可以下载一个只有900k左右的ChromeSetup.exe,但它实际上是一个需要联网安装的安装包,在国内,是无法用它安装的,之前安装谷歌浏览器,一直是从第三方网站是下载离线完整安装包。虽然无二,但总有些不甘心,为什么官方网站是没有离线版谷歌浏览器安装包?

事实上,只是我没找到,谷歌网上是提供了离线版的安装包的。如果你能翻墙访问谷歌网站,看看下面这个地址:https://support.google.com/chrome/answer/126299?hl=zh-Hans&ref_topic=14660,这个里面里提供了两个链接地址,一个是为单个用户版的谷歌浏览器离线安装包,另外一个是为所有账户版的离线安装包,点击链接,进入另外一个页面,就是下载页面,你注意观察,会发现这个页面的地址链接参数里有standalone=1的参数,点击下载链接,会发现下载的文件名称也是ChomestandaloneSetup.exe,体积有近50M,对了,这就是谷歌官方离线版的谷歌浏览器安装包了。

2016年5月23日星期一

报告长官!Adobe家族居然又添一枚设计神器!




燃爆啦!

可能算是年度最佳网站神器

Adobe Spark

昨日,号称设计师最熟悉的品牌 Adobe 推出了一款新神器,这款神器可以让你轻松制作社交图片,单页网页和动画视频,提供了上百个模板供你选择,点点鼠标就可以轻松实现,不能再赞了。

adobe官方介绍视频



[embed]https://youtu.be/ZWEVOghjkaw[/embed]

神器如何使用?适合哪些人群?

借助Spark,任何人(这是在抢设计师饭碗?55555)都能轻松将文字和图像转为滑动式Web故事。将您未来的新闻快讯、报告、邀请或旅行探险转为美轮美奂的视频故事,并可通过多种设备让读者感到身心愉悦。



更智能无脑傻瓜的是,可以自动整合绚丽的字体、颜色和杂志风格的设计 — 无需具备设计经验(设计师先去哭一会儿)。即刻拥有流畅运动和优美动作(我没看错吧,AE也要下架吗?)。分享您的 Page,吸引他人注意、提升知名度并且激发多种行动。您甚至可以使用 Adobe Spark Web 版通过浏览器访问、编辑和分享您的 Web 故事。



我可以使用Spark发布哪些内容:
• 新闻快讯
• 展示
• 报告
• 博客
• 邀请
• 旅行探险故事
• 照片日志
• 宣传册
• 简易网页
• 公告
• 社交媒体发布内容
• 众筹市场营销网页



行啦,你能,你行,你啥都能发布,哼!!!

知道小编看后最大的想法是什么吗?

舞草!要失业啦........

说了辣么多,小伙伴们迫不及待要一睹真容了吧!来来来,这里就献上官方地址:https://spark.adobe.com/






其实咱蓝铅笔也有好多关于网页设计、电商视觉设计之类的课程呢...(感兴趣的小伙伴们可以戳我们的官网(www.lanqb.com)观看之前发布的一些电商相关的倾蓝公开课,也可以咨询一下在线的专业老师。)

只是这款神器一出...



看来,是时候好好研究一下这款新软件了...

2016年5月20日星期五

CentOS:Shadowsocks Manyuser、SS-panel完整详细配置多节点手册


配置多节点多用户的Shadowsocks比较繁琐且需要一定技术门槛,

调试的这些天里遇到很多问题,那么就将这些整理一下都写下来吧。

新手请先参考部署完成《CentOS部署LNMP环境及一些常用命令》




一、安装依赖组件
yum install wget git tar gcc gcc-c++ openssl openssl-devel pcre-devel python-devel libevent automake autoconf libtool make -y






升级Python(新手请跳过以免操作不当无法使用)
wget http://www.python.org/ftp/python/2.7.6/Python-2.7.6.tgz

tar zxvf Python-2.7.6.tgz

cd /root/Python-2.7.6/Modules/zlib

./configure

make && make install

cd /root/Python-2.7.6

./configure

make && make install

python -V                                                                       //查看当前python的版本

mv /usr/bin/python /usr/bin/python2.6.6             //这里填刚才显示的版本号

ln -s /usr/local/bin/python2.7 /usr/bin/python     //创建2.7版本的软连接


yum与python的兼容问题还要处理下:
vi /usr/bin/yum

#!/usr/bin/python2.6.6                                //第一行修改为原始的变更后的版本文件名

python                                                              //运行下查看版本信息,Ctrl+Z 停止退出。

显示python版本2.7.6就说明成功了,请直接跳过以下这些内容直至第二大部分的安装!

如运行出错:ImportError: No module named binascii ,是由于升级版本不对导致的。

 

这部分内容是全新部署不用操作不用看的!以下这部分是:

已有以下软件才升级Python版本出现很多问题的解决方法:

安装setuptools
cd /root

wget http://pypi.python.org/packages/2.7/s/setuptools/setuptools-0.6c11-py2.7.egg --no-check-certificate

sh setuptools-0.6c11-py2.7.egg

如果提示 zipimport.ZipImportError: can’t decompress data; zlib not available ,说明需要安装zlib库:
cd /root/Python-2.7.6/Modules/zlib

./configure

make && make install

重新编译一下python
cd /root/Python-2.7.6

make && make install

安装setuptools
cd /root

sh setuptools-0.6c11-py2.7.egg

安装pip
wget http://pypi.python.org/packages/source/p/pip/pip-7.1.0.tar.gz --no-check-certificate

tar zxf pip-7.1.0.tar.gz

cd pip-7.1.0

python setup.py install

错误提示:in resolve pkg_resources.DistributionNotFound: pip==7.1.0 说明需要安装pip7.1.0版本




二、安装setuptools、pip、cymysql、swig、M2Crypto、gevent


cd /root

wget --no-check-certificate https://bootstrap.pypa.io/ez_setup.py

python ez_setup.py --insecure

wget --no-check-certificate https://pypi.python.org/packages/source/p/pip/pip-7.1.2.tar.gz

tar zxvf pip-7.1.2.tar.gz

cd pip-7.1.2

python setup.py install

pip install cymysql

cd /root

wget http://jaist.dl.sourceforge.net/project/swig/swig/swig-3.0.0/swig-3.0.0.tar.gz

tar zxvf swig-3.0.0.tar.gz

cd swig-3.0.0

./configure

make && make install

cd /root

wget https://pypi.python.org/packages/source/M/M2Crypto/M2Crypto-0.22.3.tar.gz --no-check-certificate

tar zxvf M2Crypto-0.22.3.tar.gz

cd M2Crypto-0.22.3

python setup.py build

python setup.py install

cd /root

yum install -y libevent

pip install greenlet

pip install gevent

 

三、安装及配置Shadowsocks


cd
git clone -b manyuser https://github.com/mengskysama/shadowsocks.git

vim /root/shadowsocks/shadowsocks/Config.py

vim /root/shadowsocks/shadowsocks/config.json

编辑 config.json 只更改加密算法为:
aes-256-cfb

编辑 Config.py  文件的数据库配置信息。

重点是节点的配置文件中需要注意的是:
#Config
MYSQL_HOST = ‘‘                     #MySQL服务器域名
MYSQL_PORT = 3306             #MySQL服务器端口
MYSQL_USER = ‘‘                     #MySQL用户名
MYSQL_PASS = ‘‘                      #MySQL用户密码
MYSQL_DB = ‘‘                          #MySQL数据库名

MANAGE_PASS = ‘‘             #这个随便填没关系的
MANAGE_BIND_IP = ‘127.0.0.1‘ #当前节点IP地址
MANAGE_PORT = 3306

这里再说一下,没安装vim的可以用yum install vim 进行安装。

vim 编辑器下按 i 进入编辑模式就可以编辑了,编辑好了之后,

按Esc输入:(冒号)再输入wq(保存退出)即可完成文本编辑。

以下SS-panel配置部分节点服务器不用做连接到主数据库即可。

 

四、创建数据库并开启远程连接


(1)创建数据库并开启远程连接


mysql -u root -p

提示输入MySQL密码,进入后创建数据库:
create database shadowsocks;

grant all privileges on shadowsocks.* to ‘root‘@‘%‘ identified by ‘password‘ ;

flush privileges;

这里的grant all reivileges 是赋予账户所有的权限,可以只赋予select和update权限即可。

shadowsocks.*是shadowsocks数据库下的所有表,root是用户名%指任意主机连接地址。

password就是设置的账户密码,flush privileges;是重新加载权限。这样就能远程连接了。

下面是另一种方法可以更改权限,我们再来查看下确定是否已经拥有远程连接的权限了:
use mysql;

select host,user from user;

查看结果是不是root或你指定的那个用户登录的host字段是否显示为%,如不是就执行:

update user set host = ‘%‘ where user = ‘root‘; 执行完后再select host,user from user;

查看下root对应的host是否更改成了%,更改成功就表示该用户可以任意IP地址登录了。

flush privileges;    记得要执行一下这个命令才能让刚才更改的权限信息重新载入生效。

exit;  或输入 quit  退出MySQL控制台。当然也可以在phpmyadmin里面进行权限更改。

我们还需要确定防火墙是否开放了数据库所需要的3306端口来保障我们的通信正常的。

(2)打开远程连接数据库的端口


添加规则,打开3306端口:
iptables -I INPUT -p tcp -m state --state NEW -m tcp --dport 3306 -j ACCEPT

查看规则是否生效:
iptables -L -n      或者    service iptables status

service iptables save     或者    /etc/init.d/iptables save    这样重启也可以生效了。

 

五、前端SS-Panel的配置


上传SS-panel的文件到网站目录中,lnmp是在:/home/wwwroot/default/ 目录下。

进入phpmyadmin,将SS-panelsql下所有sql文件全都导入shadowsocks数据库中。

编辑SS-panel的数据库配置文件lib/config.php (config-sample.php改为config.php)

其中user表中id=1的用户是管理员,端口号也是起始端口号之后的端口由此而递增。

默认帐号:first@blood.com        默认密码:1993    密码为MD5值,可以自行更改。

命令行操作为:
cd /home/wwwroot/default

git clone https://github.com/orvice/ss-panel.git

mv -f ss-panel/* .

cat /home/wwwroot/default/sql/*.sql > shadowsocks.sql 

mysql -u root -p

use shadowsocks;

source /home/wwwroot/default/shadowsocks.sql;

exit

 

六、运行测试并设置开机自动后台运行


(1)运行测试


cd /root/shadowsocks/shadowsocks

python  server.py

看输出信息来确定是否正常运行连接到数据库和监听端口。

按ctrl+c 可以中断,根据反馈的信息去找问题所在去解决。

(2)后台运行


下面我们来介绍几种用法,选其一即可:
<1>nohup

cd /root/shadowsocks/shadowsocks

nohup python &nbsp;server.py &

& 是后台运行意思。nohup 命令> log.file 2>&1 & 可将日志文件重定向到log.file中。

运行后如果不重定向则会在目录下生成nohup.out日志文件可用cat nohup.out查看。

用这个命令需要注意的是要使用exit退出才能关闭终端会话否则程序也会一起关闭。

如果需要查看可以使用jobs -l命令,关闭可以使用kill PID号即可关闭所指定的任务。
<2>screen

screen -dmS Shadowsocks python server.py


screen -dmS 用来创建一个处于断开模式的会话,Shadowsocks为session name。

screen -r Shadowsocks  可以恢复指定的会话,忘记了可以用screen -list来查看。

(3)配置开机自动启动并在后台运行


vim /etc/rc.local

编辑添加以下内容:
cd /root/shadowsocks/shadowsocks

python server.py &


screen实现的方法就添加以下内容:
cd /root/shadowsocks/shadowsocks

screen -dmS Shadowsocks python server.py

(4)supervisor值守进程方法:


cd /root

pip install --upgrade pip

pip install supervisor

echo_supervisord_conf > /etc/supervisord.conf

vim /etc/supervisord.conf

[include]                                 //在底部编辑去注释

files = /etc/supervisord.conf.d/*.conf       //存退

mkdir /etc/supervisord.conf.d

cd /etc/supervisord.conf.d

vim shadowsocks.conf

[program:shadowsocks]

command=python /root/shadowsocks/shadowsocks/server.py -c /root/shadowsocks/shadowsocks/config.json

autostart=true

autorestart=true

stderr_logfile = /root/shadowsocks.err.log

stdout_logfile = /root/shadowsocks.out.log

运行supervisor
supervisord -c /etc/supervisord.conf

supervisor运行后就交由supervisorctl来管理了

使修改的配置立即生效:supervisorctl update

设置开机启动supervisor
vi /etc/rc.local           //添加以下内容

supervisord -c /etc/supervisord.conf

supervisor控制台命令


supervisorctl                                               打开命令行

supervisorctl status                                   获得所有程序状态

supervisorctl start all                                运行所有进程

supervisorctl stop all                                 停止所有进程

supervisorctl restart all                            重启所有进程

supervisorctl shutdown                            关闭所有程序

supervisorctl start shadowsocks             运行目标进程

supervisorctl stop shadowsocks              停止所有进程

supervisorctl restart shadowsocks          重启目标程序

supervisorctl tail -f shadowsocks stderr 查看此进程的日志文件

Web管理supervisor

supervisor自带Web Server 可以通过页面来管理进程,

前提是需要开启配置文件中的 [inet_http_server] 项。

vim /etc/supervisord.conf

[inet_http_server]

port = 127.0.0.1:9001

;username = admin

;password = yourpassword

即可在浏览器中输入地址和端口号进行网页化的管理。

2016年5月19日星期四

Centos下搭建Ss加sysctl.conf优化速度


一、安装命令:
yum install python-setuptools && easy_install pip
pip install shadowsocks

二、创建shadowsock的配置文件(多用户多端口)
vi /etc/shadowsocks.json

配置内容:
{
"server":"your_server_ip",
"local_address": "127.0.0.1",
"local_port":1080,
"port_password":{
"8383":"password0",
"8384":"password1",
"8385":"password2",
"8386":"password3",
},
"timeout":300,
"method":"aes-256-cfb",
"fast_open": false
}

三、服务端启动命令
ssserver -c /etc/shadowsocks.json

如果想在后台一直运行Shadowsocks,启动命令如下:
nohup ssserver -c /etc/shadowsocks.json > /dev/null 2>&1 &

四、优化shadowsock加速

我们通过修改 /etc/sysctl.conf 来达到调整的目的,命令:
vi /etc/sysctl.conf

修改以下内容:
fs.file-max = 51200

net.core.rmem_max = 67108864
net.core.wmem_max = 67108864
net.core.netdev_max_backlog = 250000
net.core.somaxconn = 4096

net.ipv4.tcp_syncookies = 1
net.ipv4.tcp_tw_reuse = 1
net.ipv4.tcp_tw_recycle = 0
net.ipv4.tcp_fin_timeout = 30
net.ipv4.tcp_keepalive_time = 1200
net.ipv4.ip_local_port_range = 10000 65000
net.ipv4.tcp_max_syn_backlog = 8192
net.ipv4.tcp_max_tw_buckets = 5000
net.ipv4.tcp_fastopen = 3
net.ipv4.tcp_mem = 25600 51200 102400
net.ipv4.tcp_rmem = 4096 87380 67108864
net.ipv4.tcp_wmem = 4096 65536 67108864
net.ipv4.tcp_mtu_probing = 1
net.ipv4.tcp_congestion_control = hybla

记得修改完后,执行以下命令来生效。
sysctl -p

备注,可以让防火墙放行这些ss端口,命令如下:
vi /etc/sysconfig/iptables
-A INPUT -m state --state NEW -m tcp -p tcp --dport 8989 -j ACCEPT
service iptables restart

也可以修改下limits.conf达到TCP上限足够
* soft nofile 51200
* hard nofile 51200

然后使用一下命令让其生效:
ulimit -n 51200

至此,就可以愉快的玩耍shadowsocks啦。

2016年5月18日星期三

ShadowSocks多用户管理系统(Ss-Manyuser+Ss-Panel)搭建完整教程


ShadowSocks


[gb href='']既然我们搞了个国外的VPS,那就将它赶紧运用起来,达到我们购买VPS的目的:科学上网(ShadowSocks)。

此教程是教你如何搭建多用户的管理系统,如果是自用的,也可搞,也可不搞,因为有另外的单独脚本。根据自己的个人需要,这个环境我也就是这么一搭建,学习一下,因为我是自用的。[/gb]


此教程参考LinuxEye的教程,只不过我换了前端(ss-panel),进行完整的一次整理(ss-manyuser+ss-panel)。

第一步:SS-Manyuser



yum -y install m2crypto python-setuptools #安装环境依赖包
easy_install pip #安装环境依赖包
pip install cymysql #安装cymysql
git clone -b manyuser https://github.com/mengskysama/shadowsocks.git #下载shadowsocks-manyuser
cd shadowsocks/shadowsocks/ #进入shadowsocks目录下的shadowsocks目录
vi Config.py #修改数据库连接信息,:wq! 保存
service iptables stop #shadowsocks多用户需要启用多个端口,自行添加iptables的话麻烦
chkconfig iptables off #开机禁止自启iptables



第二步:创建数据库




注:以下操作均在 /data/wwwrott/ss.xzblog.cn 目录下

mysql -u root -p password #进入mysql
mysql> create database shadowsocks; #创建数据库shadowsocks;
mysql> use shadowsocks; #使用数据库shadowsocks
mysql> grant all privileges on shadowsocks.* to 'root'@'%' identified by 'password' with grant option; #授权
mysql> flush privileges; #刷新
mysql> quit; #退出mysql



开启端口权限




iptables -I INPUT 5 -p tcp -m state --state NEW -m tcp --dport 3306 -j ACCEPT #开启mysql远程连接端口(建议只对指定服务器开放3306端口)
service iptables save #保存iptables



修改用户组Www




chown -R www.www /data/wwwrott/ss.xzblog.cn #修改用户组为www




第三步:运行SS-Manyuser




nohup python server.py & #后台运行shadowsocks-manyuser



第四步:SS-Panel




cd /data/wwwrott/ss.xzblog.cn #进入网站web
wget https://github.com/orvice/ss-panel/archive/v2.4.6.tar.gz #下载ss-panel
tar xzf v2.4.6.tar.gz #解压
mv ss-panel-2.4.6/* ./ #移动ss-panel目录下所有文件到当前目录
rm -rf ss-panel-2.4.6/ #删除ss-panel空目录
cd lib/ #进入lib目录
cp config-simple.php config.php #复制一份config.php
vi config.php #修改数据库连接信息和配置信息,:wq! 保存


第五步:修改配置信息




修改其中的数据库配置信息(请务必填写正确)和以下配置信息(更多详情配置自行查看config.php文件,都有中文说明)

$site_name:显示在系统各处的网站名称;

$site_url:网站地址,请写全域名(包括https://);

$salt:请随意写一串字符串作为加密密钥,修改了就不能修改了

项目简介




项目地址:https://github.com/orvice/ss-panel

具体版本:https://github.com/orvice/ss-panel/releases

中文安装文档:https://github.com/orvice/ss-panel/wiki/Install-Guide-zh_cn



第六步:导入数据库




自行将shadowsocks文件夹下的shadowsocks.sql和ss-panel的sql目录下的所有sql文件导入到数据库shadowsocks中;

安装各种依赖





curl -sS https://getcomposer.org/installer | php
php composer.phar install


第七步:域名访问




[v_qing]访问https://域名/admin

注:当使用新的加密方式「带salt的sha256」加密,由于每个站点的$salt值都不同,所以初始密码「1993」是没有用的,安装完成后,访问域名/pwd.php?pwd=新密码

将获得的字符串自行更新到数据库user表的pass字段,然后使用邮箱和密码登录即可[/v_qing]

2016年5月16日星期一

Matter.js – 你不能错过的 2D 物理引擎


Matter.js 是一个 JavaScript 2D 刚体物理引擎的网页。Matter.Engine 模块包含用于创建和操作引擎的方法。这个引擎是一个管理更新和渲染世界的模拟控制器。 Matter.js 目前是测试版本,这意味着 API 仍在开发中,可能偶尔会发生变化。

 

Matter.js – 你不能错过的 2D 物理引擎

在线演示      源码下载

直接在 PS 上使用 Google Font 字体:Fontea Photoshop 扩展工具推荐


我想大部分设计师都知道 Goole Font 上的字体免费的,目前已有700+免费字体,并支持 Web Font,对于做英文网站 的项目,经常会尝试搭配不同的英文字体,让网站更有特色。

但由于字体数量太多,找到字体后还要下载到电脑上相当麻烦,并且不知道字体是否适合,为了解决这个问题,建议设计师为尝试今天设计达人网小编分享的 Fontea 扩展,使用它就能直接在 Photoshop 上直接使用 Google Font 里面的字体,功能强大方便,下面来看看介绍。



工具名称:Fontea
网站地址:https://fontea.madebysource.com/
百度网盘下载(V1.0.0):http://pan.baidu.com/s/1c2AxrAo

Fontea 工具特点


Fontea 目前拥有多个优秀特色功能,刚好够用:

  • 可直接在 PS 上使用 Google 字体库上的 700+ 免费字体

  • 可直接在扩展上搜索字体

  • 可以根据字型筛选字体(类型:衬线字体、无衬线字体、 Display、手写、等宽字体)

  • 直接预览字体

  • 可收藏自己喜欢的字体,方便日后再次快速使用



Fontea PS 扩展兼容性



  • Photoshop CC 2015 + (OS X或 Windows)

  • Sketch APP (即将上线)



安装


以 OS X 为例,下载后双击图标,然后点击 Install 按钮进行安装


使用


安装完成后,打开 Photoshop,点击菜单「窗口 – 扩展工具 – Fontea」来打开该扩展。

开始使用时需要注册个账号,注册完后,记得点击「AUTHORIZE APPLICATION」来授权应用。



 

此时你就可以使用该扩展工具啦:



喜欢这个工具吗?请分享给你身边的设计师吧!

精选干货!十款新兴实用的网页设计与开发工具


对于设计师和开发者而言,好工具和好想法同样重要。我们常说“工欲善其事,必先利其器”,所以在项目开始之初,有必要弄清楚有哪些事情任务需要完成,而哪些成熟的工具可以有针对性地搞定这些问题。随着如今网站开发需求的细化,越来越多项目衍生工具开始诞生,这些新工具通常会相当地具有针对性,它们逐步成熟之后,会很好地反哺到其他的项目。

这次的设计与开发工具的精选当中,有几个可能就是在这样的背景下诞生的。这10款工具乍一看一般,但是在特定的项目中可能会大放异彩。

01. UI Interactions



uiinteractions.jpg (33.21 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






这款名为UI Interactions 的工具实际上是一个款UI流程图库,它帮你整理出交互稿的图库,这些梳理好的交互流程可以很好地帮你做做UI设计的决策。

这些被整理好的UI交互合集可以持续不断地给你输送灵感,如果其中某个设计深得你心,你可以直接点击选取获得相应的源代码,并且合集中还会为你推荐类似的实现方法。

02. CanIUse Embed




caniuse.jpg (33.94 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






Can I Use 是一个著名的前端技术开发类的信息支持网站,不同浏览器的各种技术支持细节会在网站上更新,可供查询。Ire Aderinokun 所提供的这段脚本可以让你轻松的获取Caniuse.com的最新更新信息。

03. Microsoft Flow




microsoftflow.jpg (39 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






IFTTT是“if this then that”的缩写,事实上是让你的网络行为能够引发连锁反应、让你使用更为方便地将不同的功能与服务连通起来。而微软的Microsoft Flow 就是官方提供的一项IFTTT服务,你可以借助它连通不同的APP和服务来提升你的整个工作流程,举个例子,你可以创建这样一个流程:当你的Github更新一个新的问题的时候,就会自动向Slack 发送一条通知。又或者,当你从特定的人那里收到一封邮件的时候,就向你的手机发送一条通知短信。

IFTTT服务出现的年头也不短了,各家服务各有特色,支持也各部形同,这次微软家的支持应该不差,你可以用来试试。

04. Resource Cards




resourcecards.jpg (20.95 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






如果你是刚刚进入网页设计领域不久的新人,那么你有必要了解一下进行这项工作的过程中,有哪些工具、素材是可以使用,让你事半功倍的。而Resource Cards 就是帮你搞定这个事情的:所有的素材、工具和教程都被清晰地分成不同的类别,不论你是要设计原型、编写代码还是使用Photoshop来做设计,都能从中找到相应的教程和资源。

05. Inspire by CanvasFlip




inspirecanvasflip.jpg (50.09 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






想体验新的APP又不想挨个安装、注册、登录和测试?不妨试试 Inspire 。CanvasFlip 出品的这款工具是一款原型工具,并且内置了UX测试模块。Inspire 堪称是原型领域的Dribbble,它可以展示用户体验流程,主要针对移动端应用原型设计,并且是直接在浏览器中运行。无需安装大量的应用程序,直接运行、测试就可以了。

06. Alloy




alloy.jpg (16.72 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






Alloy 是一款全新的网络浏览器,它可以根据你所执行的任务来组织标签页,所以,相比于将一大堆标签页都开着,Alloy 来的更加便捷:不同的标签页根据任务属性和相关性被整合到了一起,使用的时候更加清晰明了。当你在执行特定任务的时候,不同页面间的切换会更加有条理,也更加清晰,不会出现混乱的情况。

07. Boxy SVG




boxysvg.jpg (19.67 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






如果你此刻电脑上没有安装AI和Sketch,或者是压根不想打开它们,那么你可以使用矢量图形编辑工具Boxy SVG来编辑图形。Boxy SVG 是一款跨平台的矢量图形编辑工具,只要你有浏览器就可以运行了,不需要安装,还可以借助网络导入Google Fonts 字体,各种图形变幻、路径编辑也都手到擒来,是个相当顺手的替代工具。

08. React UIkit components




reactui.jpg (27.47 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






这个 React UIKit 其中的组件都是基于UIKit CSS 框架和其他的独立模块来运作的,所以,无需进行复杂的安装和配置就可以使用这些UI控件,甚至可以和其他的布局空间混搭使用。

09. Chart.js




chartjs.jpg (19.76 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






Chart.js是一个相当实用的JS库,它可以帮你创建漂亮的JS图表,甚至可以将不同的柱状图和饼图混合到一起,使用不同样式的座标系来呈现,定制比例,如果数据允许,你还可以制作相应的动画效果。

10. Bootstrap 4 Cheat Sheet




bootstrap.jpg (36.07 KB, 下载次数: 0)

下载附件

2016-5-16 16:57 上传






Bootstrap 4 Cheat Sheet 可以让你秒变 Bootstrap 4的专家。现在甚至还有一个专门的Reddit板块在讨论这款 Cheat Sheet以及Bootstrap 4 的新功能。