小编Kag*_*tai的帖子

grunt手表和连接

我对grunt有点新意,想和Jekyll以及一些LESS-compiling一起使用它.

我现在的问题是,我已经完全运行LESS-comipiling with live reload and watch task并且可以通过grunt构建我的jekyll站点,但是如何运行类似于jekyll serve或grunt-connect的grunt watch同时?我想要一个笨拙的任务,提供我的LESS文件等的观看,构建jekyll网站,然后运行一个小型的Web服务器与grunt-connect或其他任何东西.

到目前为止,我的Gruntfile.js:

'use strict';
module.exports = function (grunt) {

    grunt.initConfig({
        jshint: {
            options: {
                jshintrc: '.jshintrc'
            },
            all: [
                'Gruntfile.js',
                'js/*.js',
                '!js/scripts.min.js'
            ]
        },
        less: {
            dist: {
                files: {
                    'css/styles.min.css': [
                        'less/app.less'
                    ]
                },
                options: {
                    compress: true,
                    // LESS source map
                    // To enable, set sourceMap to true and update sourceMapRootpath based on your install
                    sourceMap: false,
                    sourceMapFilename: 'css/styles.min.css.map',
                    sourceMapRootpath: '/'
                }
            },
            dev: { …
Run Code Online (Sandbox Code Playgroud)

javascript jekyll gruntjs grunt-contrib-watch

24
推荐指数
1
解决办法
2万
查看次数

flexbox一个元素固定高度,其他填充

我想用下面的一些描述性文字制作某种图像查看器.问题是,带描述的下方框具有固定的高度,图像应填充其所在容器的剩余高度.

我想使用flexbox,因为我认为它似乎是最优雅和简单的解决方案(不使用JS).这个代码和codepen用于我当前的工作,它似乎主要起作用:

html,  body,  #container {
    height: 100%
}
#container {
    display: flex;
    flex-direction: column;
}
#container > #image {
/* flex-grow: 1; */ /* not needed here? */
    max-width: 75%;
    background-color: #fcc;
    margin: 0 auto;
}
img {
     max-height: 100%;
    /* HERE IS WHERE MY PROBLEM STARTS!; */
     max-width: 100%;
}
#container > #text {
    flex-grow: 0;
    flex-shrink: 0;
    background-color: rgba(128, 128, 128, 0.7);
    padding: 5px;
    max-width: 75%;
    margin: 15px auto 0;
/*  TOP MARGIN DOESN'T WORK */
} …
Run Code Online (Sandbox Code Playgroud)

css image flexbox

17
推荐指数
2
解决办法
3万
查看次数

Jekyll site.categories.{{variable}}?

我想用Jekyll文档中的示例生成器创建一个存档页面.生成器工作正常,但我不知道正确实现布局.到目前为止我使用以下文件:

{% assign cat = page.category %}
<div class="category-archive">
  <div>
    <span class="title">Category archive for {{ cat }}</span>
  </div>
  <div>
    {{ cat }}
    <ul class="posts">
      {% for post in site.categories.cat %}
      <li><span>{{ post.date | date_to_string }} - </span> <a href="{{ post.url }}">{{ post.title }}</a></li>
      {% endfor %}
    </ul>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我如何使用当前类别,page.category就像我在这里尝试使用的变量一样?

TL; DR
我想在site.categories使用液体变量.*

liquid jekyll

11
推荐指数
2
解决办法
4668
查看次数

Pandoc Filter为链接添加脚注

我只是想问一下是否有人知道Pandoc的短过滤器会自动为任何链接添加脚注.我只想在我的打印文档中有可读的链接源.所以要说明一下,我想去

[link](url)
Run Code Online (Sandbox Code Playgroud)

喜欢的东西

[link](url)[^link: url] 
Run Code Online (Sandbox Code Playgroud)

因此,在打印的PDF中,我所指的链接的URL应该在页面底部可见.

markdown pandoc

5
推荐指数
1
解决办法
1008
查看次数

Mongoose布尔值默认为false

我有一个带有布尔字段的mongoose模式,我希望它具有默认值false.我的第一个猜测是如何做到这一点是这样的:

active: { type: Boolean, default: false }
Run Code Online (Sandbox Code Playgroud)

但由于某些原因,猫鼬总是将场地设置为true.

我该怎么做才能改变它?

mongoose mongodb node.js

4
推荐指数
1
解决办法
1万
查看次数