一个关于前端、产品、设计、绘画的情侣博客

分类前端

提升 Windows 开发效率的姿势

如无特别说明,以下使用的是 Windows 10 专业版 64位 无痛 Win + r 运行程序 如果不喜欢使用额外软件来实现快速启动程序,则可以在电脑新建一个专门用来存放快捷键的目录,然后将这个目录添加到系统变量。例如新建一个D:\desktop目录,将该地址添加进系统Path变量,然后将程序快方式重新命名成一个简短的单词来启动(不能与系统一些内置的程序重复,比如calc),搞定后我们就可以使用Win + r与对应单词来启动程序。 命名思路 对于软件快捷键建议形成自己的思路来命名,如果刚开始没有思路,可以参考下我的。 针对自己最常用的软件,使用单个字母命名 有简称的直接使用简称 软件本身不多于5个单词的,直接使用该单词 非英文软件,使用拼音缩写,如果软件包含公司可以选个通用代号,例如163代表网易,y代表有道 常用快捷键推荐 程序名称 推荐快捷键 Chrome c Firefox f...

Listary – 提高 Windows 搜索与文件浏览效率

Listary 是一款 Windows 文件浏览增强工具,为 Windows 资源管理器增加智能命令、最近文档以及收藏功能。还可以与第三方程序集成,比如 Everything、Total Commander。 Listary 有免费版与专业版之分,免费版本基本可以满足我们的需求,甚至用了它就可以直接取代 Everything、Lanchy、Total Commander 等软件。下面我将以个人情况介绍下它的几个亮点。 快速呼出 延用以前使用的一些快速启动软件,这里我将快捷键设置为 Alt + Space,以后只要按该组合键即可呼出界面(这里应该算是一个BUG,设置 Alt+ Space 时必须先按 Space 再按 Alt 才能生效)。 文件浏览增强 Windows 默认只能使用数字或字母,并且只支持单个的光标定位。但 Listary...

Cmder – 命令行取代工具

简介 Cmder 是一款非常出色的命令行工具,使用 Monokai 配色,集成了Conemu与Clink,如果需要使用到 git,推荐直接下载官方包含git-for-windows的完整版。这样完整使用 git 与 Unix/Linux 命令。 由于官方的 Cmder 是便携版,为了能够在桌面与文件夹内使用Shift+右键的方式打开 Cmder,可以在根目录新建批处理文件。将以下内容保存为install.bat,然后运行该文件后即可使用快捷键调用。 @echo off SET CMDER_ROOT=%~dp0 reg add "HKEY_LOCAL_MACHINE\SOFTWARE\Classes\Directory\Background\shell\Cmder" /ve /d "Cmder Here" /f reg add...

nvm-windows node 安装问题

装好 nvm-windows 如果网络环境太差不能安装,可以直接到国内镜像下载对应版本的压缩包。 第一种:手动安装 具体步骤 进入淘宝Node镜像 这里选择最新的v6.5.0,以及符合我们64位系统的win包,node-v6.5.0-win-x64.zip,地址如下: 进入nvm安装目录新建版号的文件夹v6.5.0,然后解压并进入最终目录将里面的所有文件放进我们新建的目录即可。 最终我们的目录如下 |--v6.5.0 |--node_modules node.exe npm npm.cmd ... 使用命令行工具nvm list,如果看到6.5.0已经在列表中说明已经安装成功,直接执行nvm use 6.5.0使用。 第二种:设置镜像 nvm-windows v1.1.1 及以上的版本才支持 绿色版的在安装目录下的 settings.txt 添加 node 和 npm 的镜像。...

使用 Photoshop 导出 SVG 格式图片

之前写过一篇《拯救切图仔之 PS 新功能》,这篇文章只是补充,用来导出 SVG 格式图片,以下仅针对 Windows 系统。 在 C:\Users\YourUserName 目录下新建一个 generator.json 文件,并填入以下内容。 { "generator-assets": { "svg-enabled": true, "webp-enabled": true //仅针对 Mac 系统 } } 操作完以上步骤后就可以按之前的那篇文章来命名图层或图层组,然后保存时即可在PSD相同目录下生成对应的图片。 注:以上仅对 Photoshop CC 有效,且要导成 SVG 的图层或图层组里面应该是由 PS 路径创建的图形才能导出。 如果是 Photoshop CS 6/5,可以使用脚本实现,但同时需要装有 Adobe Illustrator。 脚本下载地址:点击下载 如何使用: 1...

WordPress 优化之使用 Nginx

最近由于ECS经常出现数据库连接失败致使了解一些优化手段,不过没有多少空闲时间,所以先直接切换成占用内存较少的 Nginx,后面再考虑用非面板的 LNMP 环境并做一些优化,性能上应该可以更好。目前来说,512M 的 ECS 内存占用由原来使用 Apache 剩余 20+M 到现在切换成 Nginx 可以有 140M 左右的空闲内存。 内存使用:总:488.94 MB 已用: 349.39 MB 剩余:139.55 MB 不过在切换成 Nginx 时也遇到一个棘手的问题,那就是伪静态一直更改失败,官方推荐的方法也只能访问 www.domain.com/postname/ 类似的固定链接,对于 www.domain.com/postname.html 方式的链接一直是 404,怀疑是某些配置问题。 location / { try_files $uri $uri/ /index.php...

WordPress 优化之移除谷歌字体

网站放阿里云近四年,几近100%在线率,不过最近由于修复了阿里云sendmail功能后(后面排查后是因为内存溢出导致,由于买的是低配的阿里云,估计得弃 Apache 转 Ngiux),这个WordPress博客时不时出现数据库连接出错,每次都要重启Apache,所以决定好好优化一下。 在国内使用 WordPress,第一件比较烦恼的应该就是谷歌字体,导致后台及有使用到谷歌字体的主题加载都相当慢。在这之前都是随便修改一下引用到的文件,不过最近几个月更新很频繁,觉得还是应该一劳永逸。 本人比较追求极致,而且插件装多了对网站的性能也有影响,所以是使用functions.php来扩展,当然,为了解决前面提到的更新会覆盖旧文件的问题,这里使用的是子主题的形式来扩展,在该文件中添加以下两个函数来屏蔽 WordPress 前台与后台的谷歌字体加载。 /** * WordPress 后台禁用...

Git 工作流介绍

Git 简介 Git 是目前世界上最先进的分布式版本控制系统。 使用多个 SSH Key 平时基本上至少会用两个以上的 git 平台,例如个人项目使用 Github 或国内的码云,工作项目则使用内部基于 Gitlab 的系统,这里我们最好为每个平台生成单对应的密钥。 首次生成 配置全局 name 与 email git config --global user.name "<name>" # eg: git config --global user.name "millylee" git config --global user.email "<email>" # eg: git config --global user.email "millylee@qq.com" 生新 SSH 密钥 ssh-keygen -t rsa -C "<email>" #...

解决 Chrome 45 flash 不能自动播放

今年 6 月份起 Chrome 为笔记本电脑节省电量与增强用户体验,内测不自动播放 flash 广告,凡是被判定为 flash 广告则需要用户手动去点击才能播放。该功能已于 9月1日的 chrome 45 中正式启用。 该功能虽然在一定程度上可以解决用电快及加快 flash 灭亡,但对于大多数游戏官网都喜欢使用小尺寸的 flash 下载按钮,如上图所示,将变得非常难看,所以还是有必要解决一下。 如果你是用户,不想禁用 flash 的自动播放,只要在【设置】-【显示高级设置】-【内容设置】-【插件】-【运行所有插件内容】即可。 如果你是站长或拥有网站的权限,那么需要使用以下的方法解决。 其实 flash 视频、flash 广告或者 flash 动画,是很难判断的,所以可以猜 chrome 并非按照“广告”来禁用,而是尺寸大小,这种随便查看几个网站就知道了,还有上例...

拯救切图仔之 PS 新功能

说明:某些功能需要在 Photoshop CC 2014 才能使用或者有所增强,以下操作均使用官方原版,版本号为 20140508.r.58。 一、复制 CSS Photoshop CC 2014 可以复制图层或形状的图层样式为 CSS,但不支持智能对象与图层组的样式复制,需要时可转换为图层后再操作。 例如执行图中的操作后,粘贴的样式如下: .Elipse_copy_2 { border-radius: 50%; background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(255,255,255,0) 100%);...

一个关于前端、产品、设计、绘画的情侣博客

分类

文章归档