10分钟搞定 Digital Ocean 安装 Docker / WordPress / VPN 的完整过程

因为原来在Digital Ocean旧金山的主机越来越慢,且经常报内存错误,所以尝试转到新加坡节点,并用Docker安装服务。
虽然对Docker是非常小白的用户,但安装过程出乎意料的方便,所以写篇文章记录分享一下。

  1. 完成 Digital Ocean注册

  2. 新建 Droplets,选择”$5″的Size,选择“新加坡”节点,选择“Docker 1.6.2 on 14.04″

  1. 安装完成后root密码会发送到你的注册邮箱,使用此密码登陆远程主机

    $ ssh root@192.123.123.123

  2. 安装 WordPress Docker 镜像

    $ docker pull eugeneware/docker-wordpress-nginx

  3. 启动 WordPress 容器

    $ sudo docker run -p 80:80 –name docker-wordpress-nginx -d eugeneware/docker-wordpress-nginx
    $ sudo docker start docker-wordpress-nginx

  4. 访问网站 http://192.123.123.123 ,配置 WordPress

注:关于此 WordPress Nignx dockerfile 具体信息可以查看 https://github.com/eugeneware/docker-wordpress-nginx

  1. 安装 Open Connect Server 镜像并启动

    $ cd ~;git clone https://github.com/wppurking/ocserv-docker.git
    $ docker run -d –privileged -v ~/ocserv-docker/ocserv:/etc/ocserv -p 443:443/tcp wppurking/ocserv

  2. 添加VPN用户

    $ docker exec -it $(docker ps -a | grep vpn_run | awk ‘{print $1}’) ocpasswd 用户名

  3. 手机上下载 AnyConnect

iOS

Android

Mac / Linux / Windows

  1. 手机上配置服务器:输入服务器地址,其它设置建议按下图,用户名密码会在连接时弹出(另:使用时会弹出证书错误提示,在设置中关闭“阻止不信任的服务器”选项)

注:关于此 OCserver docker file 具体信息可以查看 https://github.com/wppurking/ocserv-docker

最后总结一下优点:
1 最大程度发挥 Digital Ocean 主机价值,每月30元RMB,架设一个不用备案的网站,一个个人的VPN服务
2 Digital Ocean 新加坡节点国内的连接速度还是可以的
3 Any Connect 优点:不会断线、自动根据路由表判断走VPN流量 or not、稳定&自动重连
4 最后就是Docker真方便,以前折腾这套东西估计花半天不止,现在10分钟搞定,推荐一本Docker入门电子书 http://dockerpool.com/static/books/docker_practice/

失败的升级,Omnifocus 2 Mac App

我是 Omnifocus 的重度用户,每天大大小小的事情基本都用它来计划,手机端记录一下零散的想法,Mac端进行整理和计划时间。

最近用了下Omnifocus 2,不得不对它的界面设计吐吐槽,先看下1和2的对比截图:

Omnifocus 1
Omnifocus 2

槽点1:把原来工具栏按钮竖着放到左边了,这样还不算完,最麻烦的是把inbox和projects分别归在两个大类下面,原来我只要选中inbox就可以把里面的task拖放到不同的project,现在则无法拖动实现,必须下来选择

槽点2:把原来在每行开头的完成task的checkbox,移动了行尾,还用一个当中是3个点的巨大的圆圈表示(这类图形出现在行尾大多用来表示更多选项好吗),视觉上和task是分离的,第一反应完全不知道应该在哪里打钩才是。

槽点3:Due Date默认的日期选择框没有了,必须在Inspect中才会出现,而输入项的日期必须一个个数字的输入日期和时间,不知道在这里交互设计师是怎么想的。

最后说说这个版本的Omnifocus唯一优点就是界面更符合Yosemite的审美,但实用性真心不行,所以我还是默默地用回了1代。

给极客学院录制的Sketch教学视频上线了

2015年 resolution 中的一项是成为 Sketch 的布道师,今天给极客学院录制的Sketch教学视频第一课终于上线,1个小时的课程,录制的时间估计超过了20个小时,亲身实践方知当主播的不易,之后会按照每月2课的节奏录制,尽力能够越做越好。

《Sketch 界面设计入门和实战》:http://www.jikexueyuan.com/course/543.html

第一课是入门课程,适合完全的新手,有兴趣看的,希望能够给我留言反馈 ^^

2014 读书清单

通过阅读回顾我的2014年读得28本书,回顾这一年的经历

代码的未来 1 一本去看编程语言本身的书,下半年在上下班路上学习日语,发现语言和编程语言说穿了其实一样,都是规则+为什么这么去定义规则
创业时, 我们在知乎聊什么? 2 覆盖创业全周期的一本书,不过自己在创业这条路上还刚开始
天堂向左,深圳往右 7 从3月一直非常非常忙,直到7月份,开始缓一下,调整和反思,开始看一些杂书,比如这本是被电视剧激发的兴趣
精益创业 7 放了2年多,终于开始看,一口气看完,有创业经历后才看得明白的一本书
与鬼为邻 7 萨苏的书一直很喜欢,不过这书没有他以前的书好笑了,更多是讲中日文化差异的东西
超级符号就是超级创意 7 被多看推荐忽悠的一本书,并不觉得值得推荐
用AngularJS开发下一代Web应用 7 看完还是对NG不感冒,不是我喜欢的框架
谷歌和亚马逊如何做产品 8 对了解设计和产品管理,从大公司身上能学到的总是清晰的步骤和流程,打基础的话很好
用户体验草图设计工具手册(全彩) 8 性价比不高的一本书,本想偷学点草图技巧,但事实证明草图并不需要什么技巧,或者需要的技巧我早就已经具备了
设计调研 8 参考工具书,需要的时候也许能拿来用下,读起来太枯燥了
破茧成蝶:用户体验设计师的成长之路 8 一本从UX的角度讲产品设计流程的,也不错,尤其是需求调研的部分
参与感 9 对如何引爆社会化媒体的总结和思考很有价值,我对小米最认可的两个东西:MIUI和广告设计。
TED演讲的秘密 9 借了TED这个牌子出得一本没什么干货的书,很快翻完
茶事遍路 9 因为喜欢上喝茶开始看得一本经典
球状闪电 9 今年因为这本书,加上诺兰的电影,加上『优雅的宇宙』系列纪录片,终于理解了多维、平行宇宙的知识,算是很有收获
深入理解 Bootstrap 9 虽然对于BS源码分析的部分感觉意义不大,但作为提高,还是能学到不少的一本技术书,毕竟BS的书本身非常少
MBA教不了的创富课 10 我喜欢讲方法论的书,这是一本分析产业机会到创业实践的方法论的书,而且很接地气
人生元编程 10 最直接的影响就是实践了很多书中的mac技巧,比如用zsh,很多经验之谈
电影品格 11 如何看、评价电影的方法论,罗登的播客也很不错,尤其是讲游戏的几期
乔纳森传 11 虽然是讲零散信息拼凑起来的一本书,没内幕,没揭露乔纳森设计方法论,但还是至少叙述清楚了一个牛逼设计师的成长路径,了解一下也挺好
硬派健身 11 知乎的盐系列的另外一本,解释一些很有趣的理论,比如为什么我的体重基本维持在一个相对恒定的区间
Swift (Apple) 12 Swift语言是我喜欢的,我的评判标准就是动手写的时候有一种“恩,直觉上这个应该这么写”,然后它的确是应该这么写的
Using Swift with Coaca and Objective-C 12 OC实在是不喜欢,语法怪异,但没办法,现在有还有太多开源库都是基于它的,不过Swift的效率比他高很多,所以这个局面应该不会太久
超越时空:通过平行宇宙、时间卷曲和第十维度的科学之旅 12 在基本入门弦理论后的提高阅读
胭脂扣 12 今年最后看了几本小说放松下,李碧华的小说总结来说是用优美的文字讲着三俗的穿越故事,满过瘾的
字体设计数问 12 另外一本方法论的书,讲得是另外一个我喜欢的设计门类:字体
解忧杂货店 12 很温暖的一部穿越小说,有趣的世界观设定,很有创意
Swifter 100 Tips 12 Swift提高必读
笑话方法论 12 今年最后一本方法论:)

事关天性

发几个最近发现的有趣的事情,都和人的天性有关,放到历史长河的角度去看有些事情变得很容易解释。

1 / 关于颜色:

为什么有的颜色看起来非常高档?

阐述了人类对色彩传递信息的天性,比如蓝色让人没有食欲,为什么?因为这个世界上基本就没有蓝色的食物。

2 / 关于健身:

硬派健身

为什么减肥不能只靠少吃?人对自然环境适应性的天性,让它有一套系统来自动干预,打破这个平衡只会造成更大的问题。

3 / 关于职业选择:

逻辑思维 – 夹缝中的80后

人类对追求安全躲避危险的天性,让我们在做选择的时候下意识会选择那些更安全的。

4 / 关于作息:

狗熊有话说  – 某期讲设计师健康的节目』

在自然光时代,日出而作日落而息的作息时间是千百年来自然形成的,而电气化时代则改变了这种环境限制,也导致了新的问题。

总之,天性有它非常固执的一面,但这个变化的时代的新生事物又不断与天性产生冲突,这里面就是有很多机会的地方。

Google I/O Material Design 思考和笔记

从扁平化说起
一开始的扁平化风格,完全抛弃了阴影和材质表现等等视觉上的细节。

当扁平化普及到设备上时,又有人反思:是不是太扁平了?一切都仿佛变成了色块加文字。哪个是按钮?哪个不是?哪些是重要的信息?哪些不是?当扁平化的风格让信息层级也扁平化,影响了「信息的正确沟通」这个最终目的时,我们知道这样的扁平化已经跳得太远。

===数字纸===

从苹果发布 iphone 那年开始,设计界就开始发明适合触摸时代的新材料,我们姑且称之为“数字纸”。从某种意义上,也可以理解为如何我们是如何看待手机UI的。

WebOS (Palm) 将程序视为卡片,将程序的多任务界面表述为扑克式的横向排列和抽拉。

iOS(1-6):手机是百变盒子。UI突出于屏幕。

Android(~Kitkat):手机是小电脑。UI是什么没想过。

Windows Phone:手机就是手机。UI在屏幕表面。

iOS7:手机是观察异世界的魔镜。UI在另一个空间。

用景深和视差来表达图层之间的距离感,因为空间距离足够远,所以 iOS7里面没有阴影,只保留了分割线
注:只是在返回手势所切换的上下页面之间,苹果仍保留了页面阴影,因为它们足够的“近”,同属于程序内部。

Android L:手机是装着漂浮小纸片,有玻璃盖子的盒子。UI在盒子内部。

===纸张隐喻===
我们设想一种材料,它可以承载信息,信息的更换可用同一材料的更换来实现。让我们测试石板、碑材、竹简、印章、动物皮、布帛……最后发现,如果从简洁的角度考察,纸张是最优秀的载体。因为它足够薄,薄到似乎只有信息本身。而裁剪成固定尺寸并相互叠加又是最经济有效的信息存储结构。
但是纸张要通过怎样的形式转化到虚拟世界中呢?

纸张隐喻 起源于 触摸杂志的UI将会发生何种有趣的变化

但屏幕并非纸张的物理实体,单纯模仿传统纸张材质的视觉样式,比如微博客户端APP、南方周末APP 之类的并不能说有什么设计思想。

所谓纸张隐喻,是指内容切换如何利用纸张的物理特性,翻页早就过时了,应该在叠加、覆盖、抽拉、翻转这些纸与纸的关系中寻找适合触摸时代的设计语言。

所谓的 Material,并非纸/毛玻璃/皮革/木头,而是一种在现实中不存在的”magical material”
或者说是这些飘来飘去的纸片,尺度和手机是一样的;有别于 iOS 7,material 认为屏幕不是看另一个世界的窗口。
阴影和层级、纸张拼贴变形与响应式设计、浮动按钮、触摸波纹这几项是对纸张性质的新阐发
用阴影的深度来表达层级

Material 的纸张经常小于整个内容界面,并作为内容界面的构件。而构件可以拼贴、分解和相互运动。

伸缩变形,从而构成适用多个屏幕的响应式设计
当屏幕大小,也即背景层大小发生变化,而内容纸张的卡片形式却可以表现为相对固定的外观。
纸张作为内容信息的载体和隐喻,可以通过印刷时代的手段——排版,来保持内容的一致性。不同屏幕的纸张都有同样的网格系统,并居左对齐。

响应式设计

浮动按钮
浮动按钮是下层纸张卡片的变形,贴在上层纸张上来提供“更多操作”的入口。

触摸波纹
波纹的样式则为触摸的时间和压力做出图形反馈
按钮不再是一个下沉的“实体”,而仅仅是一个“表面”,其后的上升并不符合常见逻辑。纸张的触摸被赋予了全新的物理性质。

===最后的思考和总结===

当你在设计、开发 app 的时候,你眼中的手机是什么?它遵循什么样的物理特性 和 视觉特性 =》世界观。

模糊和不一致性,导致即使漂亮的界面同样会失去吸引力,因为信息和逻辑的混乱,就像以前的 Android 应用那样。