小编Joã*_*ssa的帖子

Jekyll - 更改帖子布局中的 _config.yml 变量

在我的config.yml我有:

\n\n
...\n\nshowheader: "yes"\n
Run Code Online (Sandbox Code Playgroud)\n\n

而在我的default.html模板中,我有一个显示标题的条件,包括:

\n\n
<!DOCTYPE html>\n<html>\n  {% include head.html %}\n  <body>\n    {% if site.showheader == "yes" %}{% include header.html %}{% endif %}\n    <main class="page-main">\n      {{ content }}\n    </main>\n    {% include footer.html %}\n </body>\n</html>\n
Run Code Online (Sandbox Code Playgroud)\n\n

在我的post.html模板中我不想显示header.html所以我尝试这样做:

\n\n
---\nlayout: default\n---\n{{ site.showheader = "no" }}\n<article class="post">\n  <header class="post-header">\n    <h1 class="post-h1" href="{{ post.url | prepend: site.baseurl }}">{{ page.title }}</h1>\n    <p class="post-meta">{{ page.date | date: "%b %-d, %Y" }}{% if page.author %} \xe2\x80\xa2 {{ …
Run Code Online (Sandbox Code Playgroud)

jekyll

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

聚合物 - 在聚合物元素内显示元素

我开始玩Polymer,我正在使用这种结构构建一个元素:

<link rel="import" href="../bower_components/polymer/polymer.html">

<polymer-element name="e-card" attributes="background" contructor="eCard" noscript>

  <template>

    <style>

      h1
      {
        color: #123;
        font-size: 3em;
        text-align: center;
      }

      p
      {
        color: #333;
      }

    </style>
  </template>
</polymer-element>
Run Code Online (Sandbox Code Playgroud)

在我的index.html文件中,我调用这样的元素:

...
<head>
  <script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
  <link rel="import" href="elements/e-card.html">
</head>
<body>
  <e-card>
    <h1>This is my card</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  </e-card>
</body>
...
Run Code Online (Sandbox Code Playgroud)

但是当我在浏览器中打开文件时,没有显示任何内容.我做错了什么?

polymer

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

使用 javascript 解析和显示 HTML 音频当前时间

我正在开发一个普通的 JavaScript + HTML 音频播放器,此时我想构建一个界面,以“MM:SS”的形式显示音频的当前时间。对于我可以搜索的内容,HTML 音频/视频 DOM 参考只有一个本机功能 -audio|video.currentTime以秒为单位以大十进制精度返回当前音频时间。

为了做到这一点,我编码:

HTML

<audio id='audio' src="http://www.stephaniequinn.com/Music/Canon.mp3" controls></audio>
<div id="timer">00:00</div>
Run Code Online (Sandbox Code Playgroud)

JavaScript

var audio = document.getElementById('audio'),
      timer = document.getElementById('timer');

var update = setInterval(function() {

  timer.innerHTML = audio.currentTime;
}, 10);
Run Code Online (Sandbox Code Playgroud)

我尝试了很多方法,但无法按照我想要的方式格式化输出。希望你们中的一些人可以对此有所了解。

代码笔示例

html javascript audio html5-audio javascript-audio-api

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