Visual Studio Code几款FTP插件使用总结

投入Visual Studio Code后,很久没有使用过sublime text了,也很久没有用过基于编辑器的ftp工具了,这次专门探索了一下Visual Studio Code几款FTP插件,并作了简单的总结,ftp-sync是最棒的!

平时要维护类似wordpress这样的网站,然后虚拟主机又不支持远程仓的版本管理。总而言之,只能通过下载到本地修改后再通过FTP上传的情况,每次修改后都要开启FTP进行代码提交,相当繁琐。因此就诞生了一些编辑器的FTP插件,其实以前用sublime text的时候还有款插件叫SFTP不错(如果配置好了连接不上可以参考SFTP连接超时),可惜VSCODE上面没有,截至目前(2018年1月17日)可以用的FTP插件如下图:

vscode的ftp插件
vscode的ftp插件

为了找出最合适的插件,我全部都一个个试过了(关于如何使用参考插件说明,十分简单就不多说了)。然后有以下感想:

  1. ftp-sync是测试中的唯一一个感觉还可以的,但是菜单为啥不全,感觉是一个BUG吧.希望后期能够优化.

    ftp-sync菜单
    ftp-sync菜单
  2. SFTP/FTP sync总是回莫名其妙的卡住(左下角提示transfer就不动了),而且相同文件好像也会再次覆盖,不会跳过.文件比较多的时候出问题,不建议使用.
  3. ftp-kr跟Simple FTP/SFTP一样没啥暖用,还不如就用ftp软件操作
  4. Simple FTP/SFTP没啥暖用,还不如就用ftp软件操作

感觉很惨,没有一个真正好用的,而且连ftp传输状态信息也没有.有时候比较惨的误操作了需要中断传输,貌似只能强制关闭编辑器…

最后感觉,还是用sublime text 的SFTP来维护会比较好一点.如果不怎么用sublime text的话,个人建议使用ftp-sync在VSCode上表现还是不错的,有潜力,期待作者进一步优化~

怎样找到当前页面发布日期的几种方法

为什么要搞清楚该网页内容的发布时间呢,有些网站作者的确很不友好,故意隐藏,目的是啥我也不知道。但是我觉得有时候的确很有必要知道正在查阅的内容,尤其是相对重要的内容的时候,他的发布日期对我来说很重要。

为什么要搞清楚该网页内容的发布时间呢,有些网站作者的确很不友好,故意隐藏,目的是啥我也不知道。但是我觉得有时候的确很有必要知道正在查阅的内容,尤其是相对重要的内容的时候,他的发布日期对我来说很重要。比如,遇到以下情况:

  • 有时候我们看到一些不错的文章或者新闻内容,分享给其他人后却被朋友嘲笑这都是老掉牙的内容了;
  • 还有时,查阅一些生活知识,或者时效性强的内容,比如你要补血,发现菠菜补铁促进生血,或者想多吃菠菜变成大力水手那样。其实现代科学证明没啥鸟用;
  • 再或者查找某些技术资料时,按照技术文章对应的方法实践的过程中发现有差异,或者无效的时候很气愤耽误了大量时间。

因此,我接下来要以知乎的某个文章有哪些高级笑话只有具备了一定的专业知识才能听懂?(我这里暂时不想去深究为啥知乎不公开提问日期)作为主要示例介绍一下如何能够找到网上的任何页面的发布日期的几种方法了。

继续阅读“怎样找到当前页面发布日期的几种方法”

Linux下无法正常安装(升级)和删除Nodejs的解决方法

Linux(CentOS6)下安装Nodejs,删除Nodejs,升级Nodejs遇到的一些问题,以及相关解决方案的介绍

接着上次说,自从买了VPS后就没闲着,总想要充分利用起来倒腾点东西。于是决定安装nodejs搭建web服务器等,如今nodejs稳定版本已经更新到8.x了,因此我就试着装一下8.x吧,没想到又遇到了坑,一搞搞了好几天。

我的操作系统是CentOS 6 64 Bit的,我查阅了Nodejs官方升级文档(包含各种可支持的系统),针对我的系统需要分别执行以下几条命令:

curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash -
sudo yum -y install nodejs

当然你也许需要通过以下命令额外安装构建工具:

sudo yum install gcc-c++ make
# or: sudo yum groupinstall 'Development Tools'

如果其他系统则可以参考文档中其他内容。

在这里我就遇到坑了(可能存在该情况较少,所以稍后具体解决放在文章最后来说)。上面第一条应该是静默指定使用8.x的资源,便于安装时采用这个而不是yum自己原来的远程仓,不知道这个解释对不对。

我反复试过了,命令明明提示请执行 sudo yum -y install nodejs 来安装nodejs8.x,却一直安装的是6.x,难道是依赖问题?找不出原因的我,没有办法只能找其他安装途径,于是发现了第二种安装办法,手动获取最新的安装包,并进行解压缩安装,可能依赖Python2.7以上版本,我一步步来说。

如果是仅手动安装Nodejs8.x,执行以下命令:

yum install gcc-c++ openssl-devel
cd /usr/local/src
wget http://nodejs.org/dist/v8.9.4/node-v8.9.4.tar.gz
tar zxvf node-v8.9.4.tar.gz
(cd into extracted folder: ex "cd node-v8.9.4.tar.gz")
./configure
make
make install

顺利的话应该不会有什么问题,大概会过一段时间,稍微有点长,就提示安装好了,可以执行

node -v

来查看是否是8.x,如果好了,基本上关于安装部分就大功告成了。如果没好,太惨了,跟Python有关系的话,请查看Linux下Python安装升级心得

接着我们来看看删除,因为你已经安装了一个低版本,需要升级,那就是要先删除旧版本了,nodejs应该是向下兼容的,所以我就没有去研究可能闲着蛋疼才会去研究如果保存多个版本nodejs,当然在新版中可能会存在部分旧的功能废除而造成异常,虽然一般来说升级利大于弊,不过还是要考虑老项目环境是否要升级!如果你是闲着蛋疼的人,必有理由说服我,请在下方留言。差点跑题,删除命令简直是太简单了。

sudo yum remove nodejs

然后按提示输入y,回车后很快就删了。一切删除操作都是令人兴奋的。。。

其实,我在安装过程中远没有那么轻松,否则也不会折腾几天了,一个是版本错误,一个是Python升级。版本问题,后来差了很多资料才发现,原来是yum缓存问题导致。如果遇到和我类似的问题,请尝试以下命令:

rm -f /etc/yum.repos.d/nodesource-el.repo
yum clean all
yum -y remove nodejs
yum -y install nodejs

汇总下本文参阅的相关文章:

  1. Nodejs官方文档,通过包管理安装Nodejs
  2. Centos下手动安装Nodejs的方法
  3. 无法在Yum仓下安装正确的Nodejs版本(和刚才示例的代码类似,都是清除缓存,不过对我无效)
  4. CentOS下使用nodejs7.x的包进行安装却安装成了6.9.5(针对我的有效方案)
  5. 如何通过Linux命令删除Nodejs

所以我呢,其实就是应该遇到版本不对的情况就尝试清除缓存,再用官方命令进行安装就好了~

我想既然是Yum仓库缓存的问题,除了Nodejs,别的包也许也会有类似情况吧,如果也发现了选择了需要的版本后依然装的是旧版的,又和依赖没什么关系,就试试清除缓存吧 🙂

购买VPS后折腾小记

近日购买了个美国的VPS,为了愉快的查阅资料和关注一些不错的视频,搭了个梯子,自己种番茄,也从此走上了不归路,这是我近期玩VPS的一点点小感想~

由于多次购买番茄烂了,老板跑路,损失几百。于是决定自己搭架子种番茄。正巧碰上小熊前不久买了个VPS,简单看了下,还不错,关键是性价比极高,二话不说就买了。

按照服务器商家的购买流程,首选了Ubuntu 16.04系统,其实之前对VPS一无所知,也不知道是纯命令界面。读大学的时候就装过Ubuntu 10.xx不过那时候完全是好奇尝新,也没学到个啥。

购买完了,后台给了个IP,研究了下,就想着怎么折腾,不过这个后台太简单了吧,只有reboot,boot,shutdown和完全不知道干啥用的console什么的,去查了下,也没看懂,就先不管了。

此刻的我面对这个VPS后台,心想怎么操作呢= =,只玩过虚拟主机的我,感觉像是乡下来的土鳖,翻遍了整个服务商提供的页面,也没找到个什么所以然。只得百度一下VPS怎么玩,才知道原来一般来说只有SSH连接工具连接,纯命令操作。。。此刻一脸懵逼的我,下了个XShell,因为看到是共享软件,就去找了个绿色破解版,至此走上不归路。。。

其实刚开始用这个破解版的XShell都挺好,连接上了后,安装番茄工具,简单配置,一切顺利,晚上测了一下速度,棒棒哒,美滋滋。第一天夜晚很顺利,我就安心的睡了。直到第二天。。。

早上,想测测番茄发育良好不。发现咋突然烂了- -。这一晚上就挂了,然后开机发现服务器Offline了。怎么就无缘无故Offline了呢,手动Boot一下,好了,可是没过半分钟,又Offline了。完全无法正常使用,然后开始了一天ticket和客服对话中,很糟糕的客服体验,折磨了我两天,后来才知道,服务器遭到DDOS攻击,流量一晚上偷跑30多G,而且带宽只要一连接就处于满载状态,VPS自动进入休眠策略,这可咋办,我想利用每次连接不到1分钟的时间来搞防火墙等安全措施,基本上都失败了,一方面对网络安全不是很懂,另一方面也不熟悉Linux系统的相关命令,在纯命令行模式下操作对我来说是极大的挑战。所以对于这次DDOS攻击的防御战中,我是彻底失败了。最后和效率极低的客服终于沟通完了,重装了CentOS系统。之所以沟通很费劲,是因为客服回复效率超低,每次等1-3小时不等,而且他们没有给后台权限,就是用户自主决定重装系统的权限,他们有两个后台,以为我有,我其实没有,所以根本没法重装,就这样一脸懵逼的郁闷到了第三天。

Control Panel Permission Accessed Day简直爽歪歪,重装系统后,SSH操作也顺利得多了。不过好不容易搞明白apt-get,现在又来个yum,虽然差不多- -又开始折腾CentOS的路上,种番茄依赖Python等,然后还有各种版本的Python,网上资料大部分写的不够细致,或者不适合我的环境,经常在操作的过程中发生各种异常情况,结果系统似乎被我搞得一团糟。总结了流程和相关要点后,我再次重装了系统,采用了傻瓜式一键安装包。。。简直傻瓜得不能再傻瓜了,半小时不到就搞好了- -,看来我这种小白还是适合一键安装 😕

之后我的番茄地很稳定,没有什么异形攻击,除了我自己时不时在研究iptables和netstat命令以及kill -s搞毁了之外。。。

在之后,闲着无聊就测速。由于是OpenVZ构架的VPS,我又开始琢磨怎么加速,什么BBR加速之类的,又看了好多教程资料。鼓捣了一阵子,其实到底有没有效果我还真的没有确切的答案。反正差不多就这样了。

这几天又研究搞nodejs环境打网站了。。。感觉这几天玩VPS虽然有很多坑,但是还是挺开心的。还学会了不少Linux的操作,VIM操作(以前就知道vim觉得简直反人类,现在稍微用了下虽然还是感觉很反人类,但似乎感觉也挺有趣~)

由于Windows相关操作都很坑爹,比如ssh连接上就是让我掉进坑了,也算是我图省事,后来推测那个破解版的XShell估计有后门,所以连上后就被控制了。后来重装系统后我用了免费的PuTTy,其实这个足够使用了。

还有后来我试着部署一个博客系统Jekyll,windows下也是失败了,太繁琐,太麻烦了,linux上面则容易得多。突然有想买MacBook的冲动,不过穷战胜了我的欲望。我想了两天后就不想了。。。

还有什么没有提到的,大概就这些吧,这篇纯属是日记,所以也就没什么条理了~

 

PostCSS学习指南(二)

关于我最近学习PostCSS的一些相关心得和总结,主要介绍项目中可能用到的一些插件比如autoprefixer,postcss-partial-import,postcss-advanced-variables,cssnano,postcss-px2rem,precss等等

(推荐访问github上面的Markdown排版的介绍PostCSS学习指南(二))

继上一次PostCSS学习指南(一)后,渐渐开始在项目中应用。

这次决定主要讲解一些个人认为非常有帮助的PostCSS插件。

本期主要介绍以下几个插件和几个坑

  1. autoprefixer
  2. postcss-partial-import
  3. postcss-advanced-variables
  4. cssnano
  5. postcss-px2rem
  6. precss
  7. postcss-nestingpostcss-nested
  8. 坑( ఠൠఠ )ノ

autoprefixer

这个就不用多说了,必装插件之一。方便的写规范的css,它会为你提供非常完整的hack兼容方案的。当然这里需要了解一下的是,它的大部分兼容数据来源Can I Use,另外一个稍微需要了解的插件配置参数就是browsers,比如这样写:

module.exports = {
  plugins: [
    require('autoprefixer')({ browsers: 'last 2 versions' })
  ]
}

关于这个参数的详细介绍可以看看Browserslist Queries,文中说了,强烈建议将查询写入package.json(后面会告诉你为何要写在这里),而非配置postcss.config.js中autoprefixer的browsers参数。所以此处建议写法如下: 继续阅读“PostCSS学习指南(二)”