Tag: 手写笔

如何在Express中使用Jeet？: 你如何在Express中使用Jeet？这是我的app.js文件的一部分： app.set('views', __dirname + '/views') app.set('view engine', 'jade') app.use(stylus.middleware( { src: __dirname + '/public' , compile: compile } )) app.use(express.static(__dirname + '/public')) 遵循Stylus插件文档，我应该这样做： app.configure(function () { app.use(stylus.middleware({ src: __dirname + '/views', dest: __dirname + '/public', compile: function (str, path, fn) { stylus(str) .set('filename', path) .use(example()) .render(fn); } })); }); 但是我无法让事情奏效。感谢所有帮助。

我可以在手写笔中将短格式颜色（＃123）转换成长格式（＃112233）吗？: 所以我使用了一个IE特定的filter，要求颜色是6个字符的长forms。但是，我有一个1000行样式表填充了我的函数使用3个字符的简短forms的调用。所以我希望可以从函数内的短格式转换为长格式。任何内置或自定义函数都可以。我的function看起来像这样： td_gradient(color1, color2) background-color (color1 + (color2 – color1) / 2) background -webkit-gradient(linear, 0% 0%, 0% 100%, from(color1), to(color2)) background -webkit-linear-gradient(top, color1, color2) background -moz-linear-gradient(top, color1, color2) background -ms-linear-gradient(top, color1, color2) background -o-linear-gradient(top, color1, color2) filter s("progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorstr='%s', EndColorstr='%s')", color1, color2) input的颜色看起来像#333和#123 ，但微软的过滤function需要#333333和#112233 。有什么办法来满足它，而不用编辑我的样式表中的每个实例或颜色？

expressjs – 无法将我的手写笔样式表加载到jade html页面: 在我的快速应用程序中，我正在尝试从样式模块引擎加载样式属性。但是我根本无法加载我的风格。这里是我的文件夹结构： myNodeApp -node_modules -styles -style.css -style.styl -views -index.jade 这里是我的app.js代码，我打电话使用手写笔。 var http = require("http"), express = require("express"), stylus = require("stylus"), app = express(); app.set('view engine', 'jade'); app.set('views', './views'); app.use(stylus.middleware({ debug : true, src : __dirname + '/views', dest : __dirname + '/styles' })); app.use(express.static(__dirname + '/styles')); app.use(express.static(__dirname + '/css')); app.get('/', function (req, res, next){ […]

当mixin函数是参数时，如何在Stylus中做透明的供应商混合？: 为border-radius等属性制作mixin很简单： vendor(name, args) -webkit-{name} args -moz-{name} args -ie-{name} args -o-{name} args {name} args border-radius() vendor('border-radius', arguments) #test border-radius 5px 但是如果我想为linear-gradient创build一个透明的供应商mixin呢？与border-radius不同， linear-gradient不是一个属性，而是一个参数，例如 #test background-image linear-gradient(top, #f00 0%, #00f 100%) 我想我必须创build一个名为background-image的mixin，并检查第一个参数是否是linear-gradient 。手写笔是否具有这种高级逻辑？如果是这样，我怎么能够完成我想要做的？感谢在这个问题上的任何帮助。

快递+手写笔+玉石，没有得到编译: 我无法得到这个简单的app.js工作：静态文件被提供，但玉和文件不被编译。这里的__dirname ls： damianomacbook:www damiano$ ls app.jade app.js app.styl config.xml johnd.jpg .jade和.styl文件通常和普通的服务。这里当curling css和html文件（中间件函数应该在运行中产生）时会发生什么情况： damianomacbook:www damiano$ curl localhost:8080/app.css curl: (52) Empty reply from server damianomacbook:www damiano$ curl localhost:8080/app.html Cannot GET /app.html less了什么东西？有罪代码： var express = require('express'); var stylus = require('stylus'); var nib = require('nib'); var app = express(); function compile(str, path) { return stylus(str) […]

如何在Windows机器上使用Webstorm来设置手写笔？: 我经历了所有的步骤（我在webstorm上看到）在windwos上通过节点安装手写笔，但是我得到：执行观察者“手写笔”时发生exception。看守已被禁用。修复：无法运行程序“C：\ Users \ user1 \ AppData \ Roaming \ npm \ node_modules \ stylus \ bin \ stylus”（在目录“C：\ dev \ patch \ src \ main \ resources \ web \ home \ css“）：CreateProcess错误= 193，％1不是有效的Win32应用程序

在Stylus中获取密钥的索引: SASS有一个内置的索引函数，它返回一个数组中的键位置。我一直在寻找几个小时，看看手写笔是否有任何类似的function，但到目前为止还没有发现任何东西。有没有人知道在Stylus这样的function，或者使用Stylus Javascript API来实现类似的function？作为一个例子，我试图在Stylus中重新创build这个Bootstrap函数： grid-breakpoints := { xs: 0, sm: 544px, md: 768px, lg: 992px, xl: 1200px } @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) { $n: index($breakpoint-names, $name); @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null); }

stylus.render函数中的文件名选项是做什么的？: 我试图根据下面给出的示例代码（来自官方文档）更改文件名参数，但是它对我的输出没有任何影响。我期望文件名将指定path到input或输出。然而，str是input，需要定义，并且不会根据filename参数生成输出文件。那么在stylus.render函数中文件名选项是做什么的？来自的示例代码 var css = require('../') , str = require('fs').readFileSync(__dirname + '/basic.styl', 'utf8'); css.render(str, { filename: 'basic.styl' }, function(err, css){ if (err) throw err; console.log(css); }); 来自的示例代码 var stylus = require('stylus'); stylus.render(str, { filename: 'nesting.css' }, function(err, css){ if (err) throw err; console.log(css); });

在Stylus和Node.js和Express中使用本地图像是否可行？: 这里的情况是：我想在我的Web应用程序中使用图像，在Stylus文件（ style.styl ）中使用下面的代码来设置图像： .background background: url(http://path/to/image) 但是，将图像保存到我的本地应用程序目录是可行的，并从目录内使用它？我的目录结构如下所示： app.js package.json public css style.styl js images image.png views routes 我想从style.styl文件中使用图像，然后在我的应用程序中有人访问特定的路由时，在我的应用程序中parsing和使用该图像。但是，下面的代码根本不起作用： .background background: url(../images/image.png) 另外下面的代码不起作用 .background background: url(./public/images/image.png) 那么，我怎样才能在我的应用程序从本地目录中使用图像？我得到了这个页面，但是我根本无法理解所有的东西。特别是，我应该在哪里写代码在页面上？它看起来像没有被认为是写在style.styl ，这只是一个手写笔文件，据我所知，而不是一个JavaScript文件。另外，我应该在callback函数中写什么？当我在app.js写上面的代码的时候，我得到了一个错误： str is not defined ，因为stylus(str)意味着我定义了一个str对象，我不这样做。所以我不确定它是怎么做的… 我在./public/css/目录中使用我的Stylus文件，并写入app.use(require("stylus").middleware(path.join(__dirname, "public"))); 在我的app.js. 另外，我使用Express 3.5.1。

node.js手写笔导入自动重build，过期？: 如何让手写笔在重新启动节点时自动重buildcss（包括导入）并添加时间戳？问题如schaermu所说：我的手写笔样式表总是重新编译，有一个例外：当使用@import指令时，导入的样式表在发现变化时不会被重新编译。对于这种情况，我总是需要手动删除样式表才能完全重新编译。编辑：有一个问题： https ： //github.com/LearnBoost/stylus/issues#issue/168