小编mot*_*dev的帖子

如何在Jekyll中链接if语句?

我在Jekyll中使用逻辑运算符但它不起作用.

第一页,第二页和第三页都使用相同的布局(多语言解决方案的一部分,效果很好,但需要使用逻辑循环进行布局控制以保持干燥.)

这是代码:

{% if page.type == "post" %}
{% include post.html %}
{% elseif page.class == "contact" %}
{% include contact.html %}
{% else %}
{{ content }}
{% endif %}
Run Code Online (Sandbox Code Playgroud)

如果我把它分解为一个else和一个if else设置,任何两个树,一切正常.但是一旦我使用第三个条件就会中断.我和Jekyll只限于两个条件?我可以进行重组以使case运算符适用,但我更愿意理解这里的基本问题.谢谢大家.

ruby ruby-on-rails jekyll

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

用ui路由器公开当前的州名

我正在尝试实现一个语言切换器,如果用户点击"en"侧的任何给定页面上的"de" - 它会将它们带到"de"侧的那个页面.如果我在console.dir中使用$ state参数,它会使用给定$ state的"current"属性公开我想要的值.如果我尝试使用console.dir $ state.current来关注我想要的值,它只给出父状态属性(我当前的视图是嵌套的).

我当前的想法是,我在url/en/content,然后动态地我可以让我的lang导航动态地将适当的目标点加载到某种数据属性中,用我自己启动的自定义指令选择那些"转到"并根据angular-translate设置我的首选语言值.

目前的关键问题是暴露那个$ state name - 再次,当简单地浏览$ state时,当前对象给出了我想要的值,但$ current.state直接只给出了父状态.

如果有人有更好的建议如何做到这一点(以一种有角度的方式 - 没有自定义cookie垃圾)我很乐意接受建议.

谢谢!

更新!代码示例:

我的州的对象参考:

var urlStates = {
        en: {
            home: {
                name: 'home',
                url: '/en',
                templateUrl: 'templates/'+lang+'/home.html',
                abstract: 'true'
            },
            home_highlights: {
                name:'home.highlights',
                url: '',
                templateUrl: 'templates/'+lang+'/home.highlights.html'
            },
            home_social:
            {
                name: 'home.social',
                url: '/social',
                templateUrl: 'templates/'+lang+'/home.social.html'
            },
            home_map:
            {
                name: 'home.map',
                url: '/map',
                templateUrl: 'templates/'+lang+'/home.map.html'
            }

        };
Run Code Online (Sandbox Code Playgroud)

我的国家:

$stateProvider
        .state(urlStates.en.home)
        .state(urlStates.en.home_highlights)
        .state(urlStates.en.home_social)
        .state(urlStates.en.home_map);

        $locationProvider.html5Mode(true);

})
Run Code Online (Sandbox Code Playgroud)

控制器:

.controller('LandingPage', function($translate, $state){
    this.state = $state; …
Run Code Online (Sandbox Code Playgroud)

javascript angularjs angular-ui-router angular-translate

48
推荐指数
3
解决办法
10万
查看次数

YAML Jekyll的前端问题和嵌套列表

我有一组嵌套的yaml列表,如下所示:

title: the example
image: link.jpg
products:
 - top-level: Product One
   arbitrary: Value
   nested-products:
    - nested: Associated Product
      sub-arbitrary: Associated Value
 - top-level: Product Two
   arbitrary: Value
 - top-level: Product Three
   arbitrary: Value
Run Code Online (Sandbox Code Playgroud)

我可以在没有问题的情况下循环使用产品,for item in page.products我可以使用逻辑运算符来确定嵌套产品是否存在 - 我不能做的是nested-products每次迭代循环多次top-level

我尝试过使用for subitem in item和其他选项 - 但我不能让它工作 - 任何想法?

yaml jekyll

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

在Wordpress中禁止提取草稿

我正在使用wpapi npm模块与节点应用程序中的WP rest api进行交互.我通过身份验证,我的用户创建了一些草稿帖子.当我使用相同的凭据进入仪表板时,我也可以查看/编辑草稿帖子.

我正在使用此方法列出草稿:

wp.posts().auth().param( 'context', 'edit' ).param( 'status', 'draft' )
Run Code Online (Sandbox Code Playgroud)

但我一直收到这个错误:

{ code: 'rest_invalid_param',
  message: 'Invalid parameter(s): status',
  data: { status: 400, params: { status: 'Status is forbidden.' } } }
Run Code Online (Sandbox Code Playgroud)

这是我对这个问题和一些有用的背景进行评论的地方.

http:// localhost:8000/wp-json/wp/v2/posts?status = draft的curl响应是相同的错误消息,所以我不相信问题出在节点模块上.

wordpress wp-api wordpress-rest-api

11
推荐指数
1
解决办法
2038
查看次数

在反应状态下替换数组中的对象

对于"最佳实践"问题,这个问题可能有点落空,但请耐心等待.

这是我州的一部分:

this.state = {
  typeElements: {
    headers: [
        {
          name: "h1",
          size: 70,
          lineHeight: 1.25,
          kearning: 0,
          marginAfter: 0
        }, {
          name: "h2",
          size: 70,
          lineHeight: 1.25,
          kearning: 0,
          marginAfter: 0
        }, {
          name: "h3",
          size: 70,
          lineHeight: 1.25,
          kearning: 0,
          marginAfter: 0
        }...
Run Code Online (Sandbox Code Playgroud)

我需要做的是在headers数组的给定索引处替换对象.

我不知道如何用setState方法做到这一点this.setState(headers[1] = {obj})- 但这显然是无效的.我当前的方法是创建一个新的数组并破坏旧的数组,如下所示:

_updateStyle(props) {
  let newState = Object.assign({}, this.state)
  newState.typeElements.headers[props.index] = props
  this.setState(newState)
};
Run Code Online (Sandbox Code Playgroud)

对于我的小hacky项目,我想这没关系,但我觉得这是非常沉重的,很快就会导致任何规模的性能问题.

javascript arrays immutability ecmascript-6 reactjs

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

如何在Android Studio中生成新的图像资产

所有文档都涉及在res文件夹上单击鼠标右键,选择new并选择“ new Image Asset”-此选项根本不存在。我已经尝试过寻找它,却找不到它。我想念什么?

这是我看到的:

在此处输入图片说明

android-studio

9
推荐指数
5
解决办法
4497
查看次数

如何在jekyll帖子中循环标记?

在我的帖子中,我在前面有三个标签,我试图循环遍历这些标签,但它只是将它们中的所有三个拼接在一个字符串中.

我用这个:

<tr>
{% for tag in post.tags %}
<td>{{ post.tag }}</td>
{% endfor %}
</tr>
Run Code Online (Sandbox Code Playgroud)

我想要一个开箱即用的解决方案,而不是依赖插件,但我正在托管我自己,所以我能够使用它们,如果我不得不.

jekyll

8
推荐指数
2
解决办法
2867
查看次数

如何从控制台调用Chrome Node屏幕截图

我知道您可以在命令提示符下捕获单个html节点小瓶,但是可以通过类似于Puppeteer的控制台以编程方式执行此操作吗?我想循环页面上的所有元素并捕获偶尔的一次性项目,我不想在puppeteer中设置完整的auth过程.

我指的是这个功能: 在此输入图像描述

但是就像在foreach或类似的事情中一样从控制台执行.

请参阅此处的木偶操作参考.

这样的效果:
$x("//*[contains(@class, 'special-class-name')]").forEach((el)=> el.screenshot())

google-chrome google-chrome-devtools puppeteer

8
推荐指数
1
解决办法
351
查看次数

无法在Shopify中创建指向页面的链接

我正在尝试创建一个链接(在一个snippit内)链接到任何给定页面,但我无法弄清楚如何做到这一点.我正在使用这种一般结构:

{{ 'Link Text' | link_to: X }}
Run Code Online (Sandbox Code Playgroud)

我不知道x的参数应该是什么来访问我的网站上的页面/产品.感谢任何帮助.

liquid shopify

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

Jekyll Loop在第二次迭代时中断

我正在浏览两个产品 - 在帖子视图页面上我拉了一个辅助帖子(在示例中,一个相关的食谱),它在第一个产品页面上解析得很好 - 在第二个产品页面上就是{{ post.content }}不会解析.我可以用它来破解{{ post.content | markdownify }}- 但我想知道为什么它会破裂.这是相关的代码:

{% for post in site.categories.recipe %}
    {% if post.products contains page.title and post.featured %}
        <div class="row">
            <div class="four columns">
            <h4>{{ post.title }}</h4>
            <ul>
                <li>Serves {{ post.serves }}</li>
               <li>Prep: {{ post.time }}</li>
                <li><a href=" ">Share</a></li>
            </ul>

            {{ post.content }}

            ...

            <!-- All tags are closed, the rest just isn't relevant -->

    {% endif %}
{% endfor %}
Run Code Online (Sandbox Code Playgroud)

liquid jekyll

3
推荐指数
1
解决办法
1557
查看次数

使用ReactJs获取onClick目标的索引

我有以下网址的代码:https://gist.github.com/motleydev/6d5e980e4d90cc5d52fd我正在构建一个标签类型设置.有一排标签,一段内容,然后是另一排具有交替活动状态的图像,具体取决于哪个标签是"打开".我最终需要做的是能够点击选项卡的索引,但我似乎无法找到一个好方法.我只需要整数.欣赏任何洞察力.谢谢!

reactjs

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

d3.nest将键转换为字符串值

我在d3中有以下代码

const weeksOfYear = d3.nest()
 .key(d => d.dateObj.week())
 .sortKeys(d3.ascending)
 .entries(pics);
Run Code Online (Sandbox Code Playgroud)

d.dateObj属性是Moment.js对象.该.week()方法返回一个数字.

有些人d3.nest()把它变成了一个字符串值,因此我按字母顺序排序应该是一个数字顺序.即,我的输出是:

1
10
11
12
13
2
20
21
22
23
...
Run Code Online (Sandbox Code Playgroud)

虽然我想要它订购 1,2,3,4...

我还没有在文档中找到这个技巧.

d3.js

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