发表于: 2017-03-08 22:32:45
2 888
我是老大钦点的外门弟子
【今天完成的事情】
1、任务相关的事:一直在找轮播图实现的办法。轮播实现得不太好,然后写了一点点后面的布局。
2、其他的事:在找轮播的过程中看到一个页面:http://gdutwyg.github.io/2016/05/04/%E4%BD%A0%E6%95%A2%E7%82%B9%E5%90%97/
然后没忍住重复点了好多次“你敢点吗?”然后觉得很好玩,自己想弄一个。就在这里玩了很久。。
【明天计划的事情】
继续写任务8的页面。
【遇到的问题】
1、关于hexo。
上面讲的其他事里要实现那个,对方用的是hexo。然后就去看hexo的文档,说要装node.js和git,git我有了,那装个node.js,有Windows的安装包。两个都装完了,官方文档说安装hexo就这么一个句话就好了:
$ npm install -g hexo-cli
一开始不明白什么意思,以为在node.js(就是安装好后绿色logo的那个程序)里输入这段指令。
然后就提示我SyntaxError:Unexpected identifier。
虽然不知道这句话是什么意思,但是看到error这个单词就知道肯定是有错,装不了。
然后我忘了我操作什么东西就出现“npm should be run outside of the node repl, in your normal shell”这句话。然后我就搜这句话。
然后就出现了一个stackoverflow的问答。(http://stackoverflow.com/questions/24476805/how-to-resolve-npm-should-be-run-outside-of-the-node-repl-in-your-normal-shell)
有一个这样的回答,看得比较懂一点点
<For Windows users, run npm commands from the Command Prompt (cmd.exe), not Node.Js (node.exe). So your "normal shell" is cmd.exe. (I agree this message can be confusing for a Windows, Node newbie.)
By the way, the Node.js Command Prompt is actually just an easy shortcut to cmd.exe.>
哦,然后我就在Node.js Command Prompt这里面装。有反应。然后就在AppData/Roaming里看到多了两个文件夹一个叫做npm一个叫做npmcache。这个时候有点懵比。。因为没接触过,以为这npm是跟hexo一起的。就把这两个文件夹删掉..然后别人说的要知道有没有装好npm输入npm -v就好。。删掉了那两个文件夹也还有..神奇..我明明把node.js装到了e盘。。这个会跑到C盘的AppData里去..神奇..不信邪还是重启了一下...再输入npm -v,还是出现了版本号..然后再搜这个npm是什么东东,哦,原来这是跟node.js一起的,叫做Node包管理器。难怪删掉那两个文件夹还有。
那我还是要用hexo的啊。那还是再在Node.js Command Prompt里输入指令$ npm install -g hexo-cli,然后又出现了像刚刚那样的反应,还是多了那两个文件夹...
然后继续文档的下一步,
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
$ hexo init <folder>
$ cd <folder>
$ npm install
后面的官方文档看得不是很懂。。有点方。。。然后。。。就在那个你敢点吗那个页面里看到他的主页,然后看他有介绍使用方法。就跟着做。。 突然发现很晚了。。git客户端还崩溃了!Error: could not fork child process: There are no available terminals (-1). 这是怎么啦?怎么办怎么办。然后我把好不容易搭建的hexo删掉,把那些什么包全部npm uninstall -g,然后再git bash。还是那样!oh no!什么情况....在其他文件夹git bash也是那样!糟糕,重启吧重启吧,好像只有重启才能解决问题的样子。果然,重启就好了...然后就另外找了个方法。http://crazymilk.github.io/2015/12/28/GitHub-Pages-Hexo%E6%90%AD%E5%BB%BA%E5%8D%9A%E5%AE%A2/
试了几遍,没有做成。而且也不知道什么原因。今天在这上面花了好多时间都偏离了任务,明天有时间的话继续试。
2、关于轮播。
这个方法花了些时间去试。但是没试出来。http://www.htmleaf.com/jQuery/Slideshow-Scroller/201610274145.html
新建一个test的文件可以用,但是最后实现的效果不是很好。想着算了 实现得不好也放到任务8的页面里。但是一放到页面里,就直接实现不了了,暂时没找到原因。
然后那个unslider的方法也试过,用得不好,后来找到原因似乎是因为没有引入他的css文件。引入了之后能正常轮播了。但是左右的控件和底部的小圆还没有做出来。。。而且轮播图不是从第一个页面开始的。。一会继续研究。。
【收获】
无意中知道了node.js和npm
然后npm里安装和卸载包的方法。
安装:在git bash里或者cmd里输入npm install (要安装的包) -g(全局有效,虽然不知道这个全局有效是什么意思。应该是有用的吧。。)
卸载:输入npm uninstall (要卸载的包) -g。
评论