Tool 分类

自动化部署hexo

By hiluluke on

作为一名小前端,对于页面的优化肯定是有追求的。本文将利用gulp来压缩hexo生成的文件,并利用npm命令自动部署我们的博客。

添加gulp

首先你需要全局安装gulp: npm install -g gulp

less note

By hiluluke on

less比较好入门,看了2-3个小时的文档,觉得已经7788了。东西并不是很多。这个笔记比较干,比较精简,建议还是看文档好些,反正不难。

less基础

  • less运行
    其可以在html中嵌入一个less.js文件或则使用node工具lessc,也可以用gulp,grunt在部署之前编译。

lessc

1
sudo npm install -g lessc

然后就可以使用命令行编译less了。

1
lessc test.less test.css

上面代码就会将test.less编译输出在当前目录下test.css。

gulp note

By hiluluke on

前几天公司一个同事说了gulp用着太爽了,比grunt语法好很多。然后就猴急的尝试了下,并在公司之前的一个项目上做了实验。觉得有下面几点优点:

  • 更像是就是js语法,写起来很顺
  • 代码执行顺序更清晰
  • 代码量更少,主要是因为grunt各种大小括号换行导致其看起来很臃肿。
  • gulp.watch 太好用了。。

当然有几点grunt也是有优点,比如本省就支持在代码上面添加banner,但是gulp需要使用插件。

最后,推荐小伙伴也尝试着去使用gulp。下面是我自己的一些笔记。

gulp常用插件

安装插件和grunt一样就用npm了,不啰嗦。

gvim使用笔记

By hiluluke on

之前是在windows下用的sublime text2作为的编辑器。真心是神器。但是现在转入linux它的兼容性有些差。于是就开始用emacs和gvim,受唐尼玛影响,就使用gvim。。。其实这几样东西那个好用我不想做评价,都是工具嘛。随便啦,用着顺手就成。

好叻,正题步入

我看的是gvim自带的介绍。配置方面的讲的应该不够深,其他都还好。

第一讲

  1. 光标在屏幕文本中的移动既可以用箭头键,也可以使用 hjkl 字母键。
    h (左移) j (下行) k (上行) l (右移)

Hello Hexo

By hiluluke on

之前用的是wordpress,并搭建在sae里面。不过觉得一点也不好玩。具体和hexo那个好我就不比较了。其实都差不多,各有各自的优点。
简书看到的关于在github上搭建博客的教程,了解到hexo。再然后看到jacman这个theme就被吸引了。于是从零开始搭建自己通过hexo在github搭建blog。下面把我搭建学习相关步骤罗列下。
我是在网上看的各种教程搭建的,所以会比较多的外链啦~

熟悉github并配置

熟悉github

如果你知道如何使用github就绕过这一节吧。
开始我接触github的时候全英文,也被唬住了。其实挺简单的。你就按照注册(注册我就不介绍了)后set-up git帮助文档