add react

892432d1 · afc163 · 35e9a4b8 · 892432d1 · 892432d1 · 892432d1
隐藏空白更改
内联并排

Showing with 20 addition and 7 deletion

static/code.jsx static/code.jsx +6 -0

theme/templates/component.html theme/templates/component.html +0 -7

theme/templates/layout.html theme/templates/layout.html +14 -0

未找到文件。
--- a/static/code.jsx
+++ b/static/code.jsx
+/*jshint ignore:start */
+var CodeBox = React.createClass({
+  render: function() {
+    return <pre><code>{this.props.code}</code></pre>;
+  }
+});
--- a/theme/templates/component.html
+++ b/theme/templates/component.html
@@ -2,10 +2,3 @@

 {% block title %}{{post.title}} - {{config.site.name}}{% endblock %}
 {% block description %}{% if post.summay %}{{post.summary}}{% endif %}{% endblock %}
-{% block main -%}
-{%- include "aside.html" %}
-<article class="markdown">
-  <h1>{{ post.title }}</h1>
-  {{ post.html }}
-</article>
-{%- endblock %}
--- a/theme/templates/layout.html
+++ b/theme/templates/layout.html
@@ -13,6 +13,13 @@
  <link rel="stylesheet" href="/static/tomorrow.css">
  <script src="https://a.alipayobjects.com/jquery/jquery/1.11.1/jquery.js"></script>
  <script src="/static/script.js"></script>
+  <!-- react -->
+  <script src="https://t.alipayobjects.com/images/T12TdfXlpbXXXXXXXX.js"></script>
+  <!-- JSXTransformer -->
+  <script src="https://t.alipayobjects.com/images/T1jCFfXdNiXXXXXXXX.js"></script>
+  {%- if post.meta.template === 'component' %}
+  <script type="text/jsx" src="/static/code.jsx"></script>
+  {%- endif %}
 </head>
 <body class="{%- if post.filepath === 'README.md' %}index-page{%- endif %}">
  <header id="header">
@@ -82,6 +89,13 @@
        {%- endif %}
      </h1>
      {{ post.html }}
+      <div id="code-boxes"></div>
+      <script type="text/jsx">
+        React.render(
+          <CodeBox code="123"></CodeBox>,
+          document.getElementById('code-boxes')
+        );
+      </script>
    </article>
  </section>
  {%- endif %}