我在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运算符适用,但我更愿意理解这里的基本问题.谢谢大家.
我正在尝试实现一个语言切换器,如果用户点击"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) 我有一组嵌套的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和其他选项 - 但我不能让它工作 - 任何想法?
我正在使用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响应是相同的错误消息,所以我不相信问题出在节点模块上.
对于"最佳实践"问题,这个问题可能有点落空,但请耐心等待.
这是我州的一部分:
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项目,我想这没关系,但我觉得这是非常沉重的,很快就会导致任何规模的性能问题.
在我的帖子中,我在前面有三个标签,我试图循环遍历这些标签,但它只是将它们中的所有三个拼接在一个字符串中.
我用这个:
<tr>
{% for tag in post.tags %}
<td>{{ post.tag }}</td>
{% endfor %}
</tr>
Run Code Online (Sandbox Code Playgroud)
我想要一个开箱即用的解决方案,而不是依赖插件,但我正在托管我自己,所以我能够使用它们,如果我不得不.
我知道您可以在命令提示符下捕获单个html节点小瓶,但是可以通过类似于Puppeteer的控制台以编程方式执行此操作吗?我想循环页面上的所有元素并捕获偶尔的一次性项目,我不想在puppeteer中设置完整的auth过程.
但是就像在foreach或类似的事情中一样从控制台执行.
这样的效果:
$x("//*[contains(@class, 'special-class-name')]").forEach((el)=> el.screenshot())
我正在尝试创建一个链接(在一个snippit内)链接到任何给定页面,但我无法弄清楚如何做到这一点.我正在使用这种一般结构:
{{ 'Link Text' | link_to: X }}
Run Code Online (Sandbox Code Playgroud)
我不知道x的参数应该是什么来访问我的网站上的页面/产品.感谢任何帮助.
我正在浏览两个产品 - 在帖子视图页面上我拉了一个辅助帖子(在示例中,一个相关的食谱),它在第一个产品页面上解析得很好 - 在第二个产品页面上就是{{ 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) 我有以下网址的代码:https://gist.github.com/motleydev/6d5e980e4d90cc5d52fd我正在构建一个标签类型设置.有一排标签,一段内容,然后是另一排具有交替活动状态的图像,具体取决于哪个标签是"打开".我最终需要做的是能够点击选项卡的索引,但我似乎无法找到一个好方法.我只需要整数.欣赏任何洞察力.谢谢!
我在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...
我还没有在文档中找到这个技巧.
jekyll ×4
javascript ×2
liquid ×2
reactjs ×2
angularjs ×1
arrays ×1
d3.js ×1
ecmascript-6 ×1
immutability ×1
puppeteer ×1
ruby ×1
shopify ×1
wordpress ×1
wp-api ×1
yaml ×1