发表于: 2017-03-28 00:01:04
2 847
【今天完成的事情】
1、学习css预处理的知识
(1)再谈 CSS 预处理器:http://efe.baidu.com/blog/revisiting-css-preprocessors/?qq-pf-to=pcqq.c2c
(2)读less中文文档
(3)sass、less和stylus的安装使用和入门实践:http://caibaojian.com/sass-less-stylus.html这篇文章介绍得很详细,
装了ruby和sass,也安装了less
2、原来昨天看到的那篇文章《30个你必须熟记的CSS选择器》(https://code.tutsplus.com/zh-hans/tutorials/the-30-css-selectors-you-must-memorize--net-16048)原来已经有前辈翻译过啦,这篇文章真好,很建议不时拿出来读一读~然后发现一个平台:Envato艺云台,他有个叫做Tuts+的翻译项目。好像挺好的,不过好像是个付费的平台。
3、一些别的的事:看到沁修女神大大用markdown来做PPT觉着好高级,再加上在用hexo的时候也有很多人提示说用markdown,就琢磨这个东东。在这(http://www.markdowntutorial.com/)玩了一会
【明天计划的事情】
今天学css预处理学得时间不是很久,只是安装了,而且还没试过和选好用哪个,明天继续学。
【遇到的问题】
1、关于less。
之前玩hexo的时候装过node.js的包管理器(3月8号的日报),所以看到less的中文文档的里安装方法的这部分,这句话:$ npm install -g less,知道怎么做。但是装是装好了,可是后面的那个用法
$ lessc styles.less,输入了之后一直报错,也找不到解决的办法。
报错问题的详情类似于这个:https://segmentfault.com/q/1010000005037135,
当时我也结合着这个来看:http://blog.csdn.net/qq_19865749/article/details/52498113,
却还是没解决问题。
然后另外看到上文提到的这个文章:《sass、less和stylus的安装使用和入门实践》,发现less使用还可以不用服务端的方法。太好了。后来才发现原来中文文档也说了,但是当时看到“不推荐用于生产环境”这个字眼就没继续往下看。然后发现中文文档的版本号(less.js v1.7.0)比英文文档的版本号less.js v2.7.2)早好多。不过应该也可以用的啦。
明天继续跟着这篇文章第四步操作下去。
2、关于markdown。
找了一下有什么工具可以像沁修女神那样用markdown来做PPT,虽然之前都很喜欢用的sublime text来打开各种文件,比如md后缀名的标记语言文件,bat批处理文件等(当然很大一部分文件打开来都只会显示一堆十六进制数字。),但是也只是编辑文字而已,没有像沁修女神那样这边编了代码,那边就呈现出来PPT了这样的玩具。看到别人推荐的才发现,噢,原来可以安装插件。就随便装了markdown preview、markdown editing这俩插件。但是似乎并没有像沁修女神那样这边写代码那边就出现PPT的实时预览的效果。找啊找,终于在知乎找到一个问答https://www.zhihu.com/question/20712067中提到的:MarkdownLivePreview这么一个插件。试了一下!可以实时预览。(装之前好像还要装一个markdown extended的)但是非常卡。而且表情也不能显示。最后算了,然后装了markdownpad,实时预览挺好的不会卡,不过表情还是没有..在这里找Windows的markdown也花了不少的时间,,因为好多都是推荐ios或者mac的。。。(我都怀疑MarkdownLivePreview这插件这么卡是不是Windows的原因了。。)
3、如果不小心关掉"Package Control Message"之后在哪里打开呢,这个问题还没解决。网上找到的都是说每次重启软件都会自动打开,我的怎么不会。。
【收获】
1、知道了CSS-预处理是啥,还有几种优秀的CSS-预处理语言的背景介绍以及安装了less和sass。
2、知道markdown是一种可以用普通文本编辑器编写的标记语言,只要通过简单的标记语法就使原本普通的文本能具备一定的格式。然后也知道了github里每个仓库都会有个readme.md这个后缀名为md的文件就是markdown。以及他的一些简单的指令。
3、知道sublime text安装插件的方法(windows系统下):
首先要安装一个叫做Package Control的东西。https://packagecontrol.io/installation
在sublime text软件界面下摁键盘"ctrl"+"`"键,然后在框里面输入上面网址里提供的代码。(上面网址讲得很清楚。就不赘述了。)
然后Preference这个下拉菜单里会出现Package Control和Package Settings这俩选项,说明安装成功了。
点击Package Control或"ctrl"+"shift"+"p"键,输入"install",选择"Package Control:Install Package",然后输入要装的插件名字,比如我输入markdown preview,找到然后选择。然后重启sublime text软件就好了。噢,对了,还有这些插件的文档,在安装了插件之后,软件内部会弹出一个标签页名为"Package Control Message",里面有安装的所有插件的信息,包括使用文档肯定也在里面啦。
4、记录一个东西我怕以后瞎改什么东西的时候会忘记,sublime text的默认主题是monokai。看习惯这个主题了。当然也有别的主题插件好像也挺好,有待进一步探索。
5、再分享一个东西,有的东西在浏览器下载速度奇慢,就右键复制链接用下载工具(比如迅雷)下吧,比如git客户端,比如ruby客户端。
评论