<?xml version="1.0" encoding="utf-8" ?>


<feed xmlns="http://www.w3.org/2005/Atom">
  <title>Bitcron</title>

  <description></description>

  <link href="http://template.bitcron.com/"></link>

  <link ref="self" href="http://template.bitcron.com/feed"></link>

  <id>0f900863de1832f62690d691d60e5de99879af3e-template.bitcron.com</id>


  <updated>2016-07-28T09:52:12Z</updated>


  <entry>


    <title>关于 Bitcron 以及其它的我们所谈论时候这些美好</title>

    <link href="http://template.bitcron.com/post/bitcron/about"  rel="alternate"></link>

    <updated>2016-07-28T09:52:12Z</updated>
    <id>bitcron/about</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;这是自动创建的演示文章，你可以在&lt;code&gt;FileManager&lt;/code&gt;内进行删除。&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h2 id="toc_0" class="h16"&gt;Bitcron的因由&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;这是两个词的合意: &lt;code&gt;Bit&lt;/code&gt;，信息技术的基本单位，&lt;code&gt;Cron&lt;/code&gt;则是操作系统中的计划任务。中文可以翻译成&lt;code&gt;比特计划&lt;/code&gt;。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;当我们敲定这个名字的时候，身边朋友先联想到的是&lt;strong&gt;“比特币”&lt;/strong&gt;。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;跟比特币倒没有什么关系，&lt;a class="md_compiled" href="/post/markdown/about"&gt;关于Markdown&lt;/a&gt; 我们不关心货币的电子化，我们更关心人类 (的电子化)。&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;a class="md_compiled" href="/post/markdown/about"&gt;关于Markdown&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Bitcron 是我们在弥合人文与技术之间沟渠，做的一种努力。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;信息技术，已经深入到了生活的每一个角落，它带来了便利，以及诸多的变革。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;在这场人类社会的变革中，我们每一个人、团队，都在创造更多电子数据，比如一篇日志、日常拍摄的照片、一个演讲稿、工作中的 Wiki、一次线下活动的页面……&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;但是这些电子数据如何更好的&lt;strong&gt;呈现&lt;/strong&gt;呢？&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;有没有更简单、更高效、更符合人类思维(而非技术思维)的产品，来应对这个信息犹如血液流动的时代呢？&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;a class="md_compiled" href="/post/apps/morepage"&gt;Page&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_1" class="h16"&gt;Bitcron 能为你提供什么&lt;/h2&gt;&lt;blockquote class="blockquote_lines_2"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Bitcron 是一个负责 “&lt;strong&gt;数据呈现&lt;/strong&gt;” 的互联网渲染引擎，作为引擎本身，它并不是单独为某个类型的应用而设计的。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;如果没有进行特别的模板自定义，你也可以比较快速地使用 Bitcron 实现博客、相册、文档、Wiki、演讲稿等应用……&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h3 id="toc_2" class="h16"&gt;作为博客&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;这是目前 Bitcron 上最常用的应用，在创建一个网站后，选择自己喜欢的博客主题，或者自己进行模板的重定义。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;&lt;strong&gt;“发布”&lt;/strong&gt;将会是一件很轻松的事情，你可以使用 Bitcron 提供的 Web版 FileManager，也可以使用一些桌面软件比如 &lt;a class="md_compiled" href="http://markeditor.com"&gt;MarkEditor&lt;/a&gt; 进行写作最后进行同步。你还可以关联 &lt;code&gt;Dropbox&lt;/code&gt; 等云端，然后在任何设备上、任何时候、在线或者离线，进行写作；在 Dropbox 完成同步后，也会自动同步到你的 Bitcron 上的网站。&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;在 Bitcron 上，你会发现很多概念，变得非常自然。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;所谓的文章，其实就是一个文本文件；所谓的分类，其实就是一个文件夹。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;使用 Markdown 语法，回归写作的本身；Bitcron 的 Markdown 引擎支持 meta 的声明，赋予一篇文章更多属性的可能，比如 tag、发布时间、是否为草稿等等。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;而所有的一切，都是文章本身决定的，不需要额外的各种点击进行各种设定。&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_3" class="h16"&gt;作为网页、幻灯片、文档...&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;在新建的网站中，默认会添加几篇文章，其中几篇是以 &lt;code&gt;app: page&lt;/code&gt;、&lt;code&gt;app: markdown&lt;/code&gt;、&lt;code&gt;app: slide/fullpage&lt;/code&gt; 的形式呈现。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;特别是&lt;code&gt;app: page&lt;/code&gt;可以构建出各种可能的网页甚至网站。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;而你所要专注的仅仅是内容本身。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;这些 App 呈现出来了诸多的可能性，而内容本身则是非常的简洁。你可以访问网站的 &lt;a class="md_compiled" href="/service/files_manager"&gt;FileManager&lt;/a&gt; 查看具体的文章内容，或者进行进一步的编辑。&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_4" class="h16"&gt;作为 Wiki&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;如果你需要为自己的产品制作说明文档、帮助、技术文档，Wiki 的功能会非常有帮助。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;只需要选定一个 Wiki 的模板，然后则是专注于内容便可以了。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;如果是一个相对私密的站点，那么可以在网站的 &lt;a class="md_compiled" href="/service/site_editor"&gt;Config&lt;/a&gt; 内设定一个访问密码。&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_5" class="h16"&gt;只与想象力有关&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;以上的举例，实际上都是某个模板起作用，而多数的模板代码量也都在 100 行之内。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;Bitcron 到底能做什么？ 其实，只与想象力有关。&lt;/span&gt;
&lt;/p&gt;


&lt;hr&gt;
&lt;h2 id="toc_6" class="h16"&gt;更多...&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Bitcron 才刚刚开始。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;目前的所有，都只是 &lt;code&gt;Bit&lt;/code&gt; 而已，&lt;code&gt;Cron&lt;/code&gt; 的部分并没有体现。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;而我们希望，Bitcron 最终可以作为一个人，将其电子数据存活于互联网中，24小时不断可以作为一种 &lt;code&gt;Cronjob&lt;/code&gt; (计划任务)的存在。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;那么，这样的未来将充满了想象力。&lt;/span&gt;
&lt;/p&gt;</summary>

  </entry>


  <entry>


    <title>关于 Markdown</title>

    <link href="http://template.bitcron.com/post/markdown/about"  rel="alternate"></link>

    <updated>2016-07-28T09:51:12Z</updated>
    <id>markdown/about</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;blockquote class="blockquote_lines_3"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Markdown 会被解释为一种 &lt;strong&gt;“标记语法”&lt;/strong&gt;，实际上，可以不用去理解这种看似晦涩的意思。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Markdown 接近于普通文本，另外再由少数几个语法规则描述文本结构的一种约定方式；而且花很少的时间，就能很容易掌握的技巧。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;换一种说法，Markdown 是给&lt;strong&gt;专注于“偷懒”&lt;/strong&gt;，却不牺牲最终产出的人群使用的。&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h2 id="toc_0" class="h16"&gt;基本语法&lt;/h2&gt;&lt;h3 id="toc_1" class="h16"&gt;标题&lt;/h3&gt;
&lt;pre&gt;&lt;code&gt;# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;分别对应HTML中的&lt;code&gt;&amp;lt;h1&amp;gt;一级标题&amp;lt;/h1&amp;gt;&lt;/code&gt;，以此类推。&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;code&gt;&lt;strong&gt;用两个星号标记起来，表示加粗&lt;/strong&gt;&lt;/code&gt;，&lt;code&gt;*一个星号，表示斜体*&lt;/code&gt;，&lt;code&gt;&lt;del&gt;这样子表示删除&lt;/del&gt;&lt;/code&gt;，这些就是最基本的语法了。&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_2" class="h16"&gt;插入链接&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start"&gt;&lt;strong&gt;插入链接:&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;这是一个 &lt;code&gt;[链接](http://url.com/)&lt;/code&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start"&gt;&lt;strong&gt;快速链接:&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;只需要在网址头尾用尖括号包裹即可，比如&lt;code&gt;&amp;lt;http://url.com&amp;gt;&lt;/code&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start"&gt;&lt;strong&gt;特别支持:&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;&lt;code&gt;[Google (target=_blank id=google_link)](google.com)&lt;/code&gt;  其中内容括号内的&lt;code&gt;target=_blank id=google_link&lt;/code&gt; 会自动扩展到最终 HTML 对应 A 标签下的属性，另外，&lt;code&gt;google.com&lt;/code&gt; 作为一个域名，不需要补全&lt;code&gt;http://&lt;/code&gt;, 最终会自动补全。&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_3" class="h16"&gt;插入图片&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;跟插入链接的方式很像，就是前面多一个&lt;code&gt;!&lt;/code&gt;， 但是在一般的客户端编辑器，比如 &lt;a class="md_compiled" href="http://markeditor.com"&gt;MarkEditor&lt;/a&gt; 中直接拖入图片就可以。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed md_line_end"&gt;&lt;code&gt;![)](图片的url)&lt;/code&gt;&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_4" class="h16"&gt;列表&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;strong&gt;无序列表:&lt;/strong&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;pre&gt;&lt;code&gt;-   Red
-   Green
-   Blue&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;strong&gt;有序列表则使用数字接着一个英文句点：&lt;/strong&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;pre&gt;&lt;code&gt;1.  Bird
2.  McHale
3.  Parish&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;&lt;h2 id="toc_5" class="h16"&gt;居中与居右&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;单独一行的时候，&lt;code&gt;[文本内容]&lt;/code&gt;表示居中对齐，&lt;code&gt;[文本内容]]&lt;/code&gt;表示居右(右侧再多一个&lt;code&gt;]&lt;/code&gt;)，其它默认情况下都是居左。&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_6" class="h16"&gt;内容引用&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;用&lt;code&gt;&amp;gt;&lt;/code&gt;放在段首，之后是空格，输入文字:&lt;/span&gt;
&lt;/p&gt;


&lt;pre&gt;&lt;code&gt;&amp;gt; 你
&amp;gt; 一会看我
&amp;gt; 一会看云&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;&lt;h2 id="toc_7" class="h16"&gt;分割线&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;strong&gt;&lt;code&gt;-&lt;/code&gt;加上空格组成，三个以上:&lt;/strong&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;pre&gt;&lt;code&gt;- - - - - -&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;</summary>

  </entry>


  <entry>


    <title>极简.单页</title>

    <link href="http://template.bitcron.com/post/apps/homepage"  rel="alternate"></link>

    <updated>2016-07-28T09:49:12Z</updated>
    <id>apps/homepage</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;!-- cover(layout=&amp;quot;rl&amp;quot;) --&gt;
&lt;h2 id="toc_0" class="h16"&gt;Bitcron&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Just a Markdown post, find it&amp;#39;s source in FileManager.&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start"&gt;&lt;a class="md_compiled" href="/"&gt;Home&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed md_line_end"&gt;&lt;a class="md_compiled" href="/service/files_manager"&gt;FileManger&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start md_line_end"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/me.png" alt="" title="" &gt;&lt;/span&gt;
&lt;/p&gt;</summary>

  </entry>


  <entry>


    <title>Bitcron 活动页面</title>

    <link href="http://template.bitcron.com/post/apps/morepage"  rel="alternate"></link>

    <updated>2016-07-28T09:48:12Z</updated>
    <id>apps/morepage</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;!-- cover() --&gt;
&lt;h2 id="toc_0" class="h16"&gt;Bitcron Conf&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/3.jpg" alt="" title="" &gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line img_before only_img_before"&gt;时间：10月22日 13:00-17:00；地点：仅是 Demo&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed"&gt;&lt;a class="md_compiled" href="/"&gt;Home&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed"&gt;&lt;a class="md_compiled" href="http://form.mikecrm.com/PFIeoj"&gt;我要报名&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed"&gt;&lt;a class="md_compiled" href="https://player.vimeo.com/video/162681396"&gt;Play Video&lt;/a&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed md_line_end"&gt;&lt;a class="md_compiled" href="/post/apps/morepage" title="qrcode"&gt;On Mobile&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;!-- event --&gt;
&lt;h2 id="toc_1" class="h16"&gt;日程安排&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;13:00-13:20 签到&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;13:20-13:30 Bitcron 的介绍&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;13:30-14:10 未曾见的特性&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;14:20-15:00 Bitcron 的一些实际应用&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;15:00-15:20 茶歇、互动&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;15:20-16:00 白话.技术&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;16:10-17:00 自由问答&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;17:00::  合影结束，自助餐时间&lt;/span&gt;
&lt;/p&gt;


&lt;!-- cover --&gt;
&lt;div class="codehilite code_lang_css  highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="nb"&gt;margin&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt; &lt;span class="m"&gt;150px&lt;/span&gt; &lt;span class="nb"&gt;auto&lt;/span&gt; &lt;span class="m"&gt;165px&lt;/span&gt; &lt;span class="nb"&gt;auto&lt;/span&gt;&lt;span class="p"&gt;;}&lt;/span&gt;
&lt;span class="nc"&gt;.aha&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nb"&gt;background-attachment&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="nb"&gt;fixed&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;!--block_code_end--&gt;&lt;h2 id="toc_2" class="h16"&gt;Z.R.E.Y&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/2.jpg" alt="" title="" &gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line img_before only_img_before md_line_end"&gt;Z.R.E.Y是“自然而已”的首字母缩写&lt;/span&gt;
&lt;/p&gt;


&lt;!-- list --&gt;
&lt;h2 id="toc_3" class="h16"&gt;更多介绍&lt;/h2&gt;&lt;h3 id="toc_4" class="h16"&gt;/&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/sme.png" alt="" title="" &gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed img_before only_img_before"&gt;&lt;strong&gt;我们看待世界的视角，总能呈现绝然的不一&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;若有懈怠，就会距离创造伟大的产品，愈远。&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_5" class="h16"&gt;/fb_static/unsplash/1.jpg&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/s1.jpg" alt="" title="" &gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed img_before only_img_before"&gt;&lt;strong&gt;文本的力量: 内容至上&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;这是一张图片的链接，点击会进行图片的浏览。&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_6" class="h16"&gt;/fb_static/unsplash/2.jpg&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/s2.jpg" alt="" title="" &gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed img_before only_img_before"&gt;&lt;strong&gt;理解技术，是愉悦脑力的练习&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;这是另一张图片，点击以及链接。&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_7" class="h16"&gt;http://dn-farbox-video.qbox.me/farbox.mp4&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/s3.jpg" alt="" title="" &gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed img_before only_img_before"&gt;&lt;strong&gt;即使是视频，也能轻松应对；不需要复杂的设定&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;这里的链接是一个在线的mp4&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_8" class="h16"&gt;http://player.youku.com/player.php/sid/XNzc0MzQwODk2/v.swf&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_with_image md_line_start"&gt;&lt;img class="md_compiled " src="/fb_static/unsplash/s2.jpg" alt="" title="" &gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_dom_embed img_before only_img_before"&gt;&lt;strong&gt;我们会有很多表达方式，一图或胜千言，视频也如此&lt;/strong&gt;&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;这里的链接是优酷的视频&lt;/span&gt;
&lt;/p&gt;


&lt;hr&gt;

&lt;!-- markdown --&gt;
&lt;div class="codehilite code_lang_css  highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nb"&gt;text-align&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="nb"&gt;center&lt;/span&gt;&lt;span class="p"&gt;}&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;!--block_code_end--&gt;&lt;h2 id="toc_9" class="h16"&gt;Bitcron 的想象力&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;科技与人文的交叉口；&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;说的人多了，然后就被遗忘了。&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Bitcron 一直希望能将 “技术” 解构后，让普通人也容易掌控。&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;虽然，过程并不容易；&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;结果还是喜人的。&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;我们可以用最少的时间，&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;完成一个符合想象的页面构建，&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;仅取决于自己的想象力。&lt;/span&gt;
&lt;/p&gt;


&lt;!-- markdown --&gt;
&lt;div class="codehilite code_lang_css  highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nb"&gt;color&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt; &lt;span class="m"&gt;#888&lt;/span&gt;&lt;span class="p"&gt;;}&lt;/span&gt;
&lt;span class="nc"&gt;.page_core&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nb"&gt;max-width&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="nb"&gt;none&lt;/span&gt;&lt;span class="p"&gt;;}&lt;/span&gt;
&lt;span class="nc"&gt;.markdown_layout&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nb"&gt;margin&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="m"&gt;0&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="nb"&gt;text-align&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="nb"&gt;center&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;&lt;span class="nb"&gt;border-top&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="m"&gt;1px&lt;/span&gt; &lt;span class="nb"&gt;solid&lt;/span&gt; &lt;span class="m"&gt;#efefef&lt;/span&gt;&lt;span class="p"&gt;;}&lt;/span&gt;
&lt;span class="nc"&gt;.markdown&lt;/span&gt; &lt;span class="nc"&gt;.md_block&lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="nb"&gt;margin-bottom&lt;/span&gt;&lt;span class="o"&gt;:&lt;/span&gt;&lt;span class="m"&gt;0.8em&lt;/span&gt;&lt;span class="p"&gt;;}&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;!--block_code_end--&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;powered by &lt;a class="md_compiled" href="https://www.bitcron.com"&gt;Bitcron&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;</summary>

  </entry>


  <entry>


    <title>简历.Page</title>

    <link href="http://template.bitcron.com/post/apps/resume"  rel="alternate"></link>

    <updated>2016-07-28T09:47:12Z</updated>
    <id>apps/resume</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;!-- default --&gt;
&lt;h2 id="toc_0" class="h16"&gt;About Me&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Name: PI&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;DOB:  Oct. 23rd 2012&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Gender: Male&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Nationality: China&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Mobile Phone: 186-XXXX-XXXX&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;Website: blog.bitcron.com&lt;/span&gt;
&lt;/p&gt;


&lt;!-- timeline --&gt;
&lt;h2 id="toc_1" class="h16"&gt;Work and Education&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Z.R.E.Y Co., LTD. : Dec 2012 to Now   Product Leader&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Funny Co., LTD. : Nov 2011 to Dec 2012   Chief Architecture&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;BAE : Jul 2007 to Nov 2011    UED Leader&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;No.1 School of the Earth : Dec 2003 to Jun 2007    MBA&lt;/span&gt;
&lt;/p&gt;


&lt;!-- score (score=10) --&gt;
&lt;h2 id="toc_2" class="h16"&gt;Technical Experience&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Python: 9&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Coffee: 7&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Lua: 6&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;Linux: 6&lt;/span&gt;
&lt;/p&gt;</summary>

  </entry>


  <entry>


    <title>Markdown Page</title>

    <link href="http://template.bitcron.com/post/apps/markdown"  rel="alternate"></link>

    <updated>2016-07-28T09:46:12Z</updated>
    <id>apps/markdown</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;blockquote class="blockquote_lines_2"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;We choose StackEdit as a demo article, if you set &lt;code&gt;app: markdown&lt;/code&gt; in metadata of a post, then you will get a page like this one. &lt;a class="md_compiled" href="/"&gt;click here back to Homepage&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;
&lt;/blockquote&gt;&lt;blockquote&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;我们选了 StackEdit 作为demo 文章，如果你也同样在文章的头部 meta 中申明&lt;code&gt;app: markdown&lt;/code&gt;，那么也会得到一个类似当前的页面。&lt;a class="md_compiled" href="/"&gt;点击此处返回主页&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;

&lt;hr&gt;

&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Hey! I&amp;#39;m your first Markdown document in &lt;strong&gt;StackEdit&lt;/strong&gt;&lt;sup id="fnref1"&gt;&lt;a href="#fn1" rel="footnote"&gt;1&lt;/a&gt;&lt;/sup&gt;. Don&amp;#39;t delete me, I&amp;#39;m very helpful! I can be recovered anyway in the &lt;strong&gt;Utils&lt;/strong&gt; tab of the &lt;i class="fa fa-cog"&gt;&lt;/i&gt; &lt;strong&gt;Settings&lt;/strong&gt; dialog.&lt;/span&gt;
&lt;/p&gt;


&lt;hr&gt;
&lt;h2 id="toc_0" class="h16"&gt;Documents&lt;/h2&gt;
&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;StackEdit stores your documents in your browser, which means all your documents are automatically saved locally and are accessible &lt;strong&gt;offline!&lt;/strong&gt;&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt;&lt;/span&gt;
&lt;/p&gt;
&lt;/blockquote&gt;&lt;blockquote&gt;
&lt;ul&gt;
&lt;li class="md_li"&gt;&lt;span&gt;StackEdit is accessible offline after the application has been loaded for the first time.
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;Your local documents are not shared between different browsers or computers.
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;Clearing your browser&amp;#39;s data may &lt;strong&gt;delete all your local documents!&lt;/strong&gt; Make sure your documents are synchronized with &lt;strong&gt;Google Drive&lt;/strong&gt; or &lt;strong&gt;Dropbox&lt;/strong&gt; (check out the &lt;a class="md_compiled" href="#synchronization"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Synchronization&lt;/a&gt; section).
&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;h4 id="toc_1" class="h16"&gt;&lt;i class="fa fa-file"&gt;&lt;/i&gt; Create a document&lt;/h4&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;The document panel is accessible using the &lt;i class="fa fa-folder-open"&gt;&lt;/i&gt; button in the navigation bar. You can create a new document by clicking &lt;i class="fa fa-file"&gt;&lt;/i&gt; &lt;strong&gt;New document&lt;/strong&gt; in the document panel.&lt;/span&gt;
&lt;/p&gt;

&lt;h4 id="toc_2" class="h16"&gt;&lt;i class="fa fa-folder-open"&gt;&lt;/i&gt; Switch to another document&lt;/h4&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;All your local documents are listed in the document panel. You can switch from one to another by clicking a document in the list or you can toggle documents using &lt;kbd&gt;Ctrl+[&lt;/kbd&gt; and &lt;kbd&gt;Ctrl+]&lt;/kbd&gt;.&lt;/span&gt;
&lt;/p&gt;

&lt;h4 id="toc_3" class="h16"&gt;&lt;i class="fa fa-pencil"&gt;&lt;/i&gt; Rename a document&lt;/h4&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can rename the current document by clicking the document title in the navigation bar.&lt;/span&gt;
&lt;/p&gt;

&lt;h4 id="toc_4" class="h16"&gt;&lt;i class="fa fa-trash"&gt;&lt;/i&gt; Delete a document&lt;/h4&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can delete the current document by clicking &lt;i class="fa fa-trash"&gt;&lt;/i&gt; &lt;strong&gt;Delete document&lt;/strong&gt; in the document panel.&lt;/span&gt;
&lt;/p&gt;

&lt;h4 id="toc_5" class="h16"&gt;&lt;i class="fa fa-hdd"&gt;&lt;/i&gt; Export a document&lt;/h4&gt;
&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can save the current document to a file by clicking &lt;i class="fa fa-hdd"&gt;&lt;/i&gt; &lt;strong&gt;Export to disk&lt;/strong&gt; from the &lt;i class="fa fa-provider-stackedit"&gt;&lt;/i&gt; menu panel.&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Tip:&lt;/strong&gt; Check out the &lt;a class="md_compiled" href="#publish-a-document"&gt;&lt;i class="fa fa-upload"&gt;&lt;/i&gt; Publish a document&lt;/a&gt; section for a description of the different output formats.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;

&lt;hr&gt;
&lt;h2 id="toc_6" class="h16"&gt;Synchronization&lt;/h2&gt;
&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;StackEdit can be combined with &lt;i class="fa fa-provider-gdrive"&gt;&lt;/i&gt; &lt;strong&gt;Google Drive&lt;/strong&gt; and &lt;i class="fa fa-provider-dropbox"&gt;&lt;/i&gt; &lt;strong&gt;Dropbox&lt;/strong&gt; to have your documents saved in the &lt;em&gt;Cloud&lt;/em&gt;. The synchronization mechanism takes care of uploading your modifications or downloading the latest version of your documents.&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt;&lt;/span&gt;
&lt;/p&gt;
&lt;/blockquote&gt;&lt;blockquote&gt;
&lt;ul&gt;
&lt;li class="md_li"&gt;&lt;span&gt;Full access to &lt;strong&gt;Google Drive&lt;/strong&gt; or &lt;strong&gt;Dropbox&lt;/strong&gt; is required to be able to import any document in StackEdit. Permission restrictions can be configured in the settings.
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;Imported documents are downloaded in your browser and are not transmitted to a server.
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;If you experience problems saving your documents on Google Drive, check and optionally disable browser extensions, such as Disconnect.
&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;h4 id="toc_7" class="h16"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Open a document&lt;/h4&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can open a document from &lt;i class="fa fa-provider-gdrive"&gt;&lt;/i&gt; &lt;strong&gt;Google Drive&lt;/strong&gt; or the &lt;i class="fa fa-provider-dropbox"&gt;&lt;/i&gt; &lt;strong&gt;Dropbox&lt;/strong&gt; by opening the &lt;i class="fa fa-refresh"&gt;&lt;/i&gt; &lt;strong&gt;Synchronize&lt;/strong&gt; sub-menu and by clicking &lt;strong&gt;Open from...&lt;/strong&gt;. Once opened, any modification in your document will be automatically synchronized with the file in your &lt;strong&gt;Google Drive&lt;/strong&gt; / &lt;strong&gt;Dropbox&lt;/strong&gt; account.&lt;/span&gt;
&lt;/p&gt;

&lt;h4 id="toc_8" class="h16"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Save a document&lt;/h4&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can save any document by opening the &lt;i class="fa fa-refresh"&gt;&lt;/i&gt; &lt;strong&gt;Synchronize&lt;/strong&gt; sub-menu and by clicking &lt;strong&gt;Save on...&lt;/strong&gt;. Even if your document is already synchronized with &lt;strong&gt;Google Drive&lt;/strong&gt; or &lt;strong&gt;Dropbox&lt;/strong&gt;, you can export it to a another location. StackEdit can synchronize one document with multiple locations and accounts.&lt;/span&gt;
&lt;/p&gt;

&lt;h4 id="toc_9" class="h16"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Synchronize a document&lt;/h4&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Once your document is linked to a &lt;i class="fa fa-provider-gdrive"&gt;&lt;/i&gt; &lt;strong&gt;Google Drive&lt;/strong&gt; or a &lt;i class="fa fa-provider-dropbox"&gt;&lt;/i&gt; &lt;strong&gt;Dropbox&lt;/strong&gt; file, StackEdit will periodically (every 3 minutes) synchronize it by downloading/uploading any modification. A merge will be performed if necessary and conflicts will be detected.&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;If you just have modified your document and you want to force the synchronization, click the &lt;i class="fa fa-refresh"&gt;&lt;/i&gt; button in the navigation bar.&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; The &lt;i class="fa fa-refresh"&gt;&lt;/i&gt; button is disabled when you have no document to synchronize.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h4 id="toc_10" class="h16"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Manage document synchronization&lt;/h4&gt;
&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Since one document can be synchronized with multiple locations, you can list and manage synchronized locations by clicking &lt;i class="fa fa-refresh"&gt;&lt;/i&gt; &lt;strong&gt;Manage synchronization&lt;/strong&gt; in the &lt;i class="fa fa-refresh"&gt;&lt;/i&gt; &lt;strong&gt;Synchronize&lt;/strong&gt; sub-menu. This will let you remove synchronization locations that are associated to your document.&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; If you delete the file from &lt;strong&gt;Google Drive&lt;/strong&gt; or from &lt;strong&gt;Dropbox&lt;/strong&gt;, the document will no longer be synchronized with that location.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;

&lt;hr&gt;
&lt;h2 id="toc_11" class="h16"&gt;Publication&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Once you are happy with your document, you can publish it on different websites directly from StackEdit. As for now, StackEdit can publish on &lt;strong&gt;Blogger&lt;/strong&gt;, &lt;strong&gt;Dropbox&lt;/strong&gt;, &lt;strong&gt;Gist&lt;/strong&gt;, &lt;strong&gt;GitHub&lt;/strong&gt;, &lt;strong&gt;Google Drive&lt;/strong&gt;, &lt;strong&gt;Tumblr&lt;/strong&gt;, &lt;strong&gt;WordPress&lt;/strong&gt; and on any SSH server.&lt;/span&gt;
&lt;/p&gt;

&lt;h4 id="toc_12" class="h16"&gt;&lt;i class="fa fa-upload"&gt;&lt;/i&gt; Publish a document&lt;/h4&gt;
&lt;p class="md_block md_block_as_opening md_has_block_below md_has_block_below_ul"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can publish your document by opening the &lt;i class="fa fa-upload"&gt;&lt;/i&gt; &lt;strong&gt;Publish&lt;/strong&gt; sub-menu and by choosing a website. In the dialog box, you can choose the publication format:&lt;/span&gt;
&lt;/p&gt;


&lt;ul&gt;
&lt;li class="md_li"&gt;&lt;span&gt;Markdown, to publish the Markdown text on a website that can interpret it (&lt;strong&gt;GitHub&lt;/strong&gt; for instance),
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;HTML, to publish the document converted into HTML (on a blog for example),
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;Template, to have a full control of the output.
&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; The default template is a simple webpage wrapping your document in HTML format. You can customize it in the &lt;strong&gt;Advanced&lt;/strong&gt; tab of the &lt;i class="fa fa-cog"&gt;&lt;/i&gt; &lt;strong&gt;Settings&lt;/strong&gt; dialog.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h4 id="toc_13" class="h16"&gt;&lt;i class="fa fa-upload"&gt;&lt;/i&gt; Update a publication&lt;/h4&gt;
&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;After publishing, StackEdit will keep your document linked to that publication which makes it easy for you to update it. Once you have modified your document and you want to update your publication, click on the &lt;i class="fa fa-upload"&gt;&lt;/i&gt; button in the navigation bar.&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; The &lt;i class="fa fa-upload"&gt;&lt;/i&gt; button is disabled when your document has not been published yet.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h4 id="toc_14" class="h16"&gt;&lt;i class="fa fa-upload"&gt;&lt;/i&gt; Manage document publication&lt;/h4&gt;
&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Since one document can be published on multiple locations, you can list and manage publish locations by clicking &lt;i class="fa fa-upload"&gt;&lt;/i&gt; &lt;strong&gt;Manage publication&lt;/strong&gt; in the &lt;i class="fa fa-provider-stackedit"&gt;&lt;/i&gt; menu panel. This will let you remove publication locations that are associated to your document.&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; If the file has been removed from the website or the blog, the document will no longer be published on that location.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;

&lt;hr&gt;
&lt;h2 id="toc_15" class="h16"&gt;Markdown Extra&lt;/h2&gt;
&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;StackEdit supports &lt;strong&gt;Markdown Extra&lt;/strong&gt;, which extends &lt;strong&gt;Markdown&lt;/strong&gt; syntax with some nice features.&lt;/span&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_2"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Tip:&lt;/strong&gt; You can disable any &lt;strong&gt;Markdown Extra&lt;/strong&gt; feature in the &lt;strong&gt;Extensions&lt;/strong&gt; tab of the &lt;i class="fa fa-cog"&gt;&lt;/i&gt; &lt;strong&gt;Settings&lt;/strong&gt; dialog.&lt;/span&gt;
&lt;/p&gt;
&lt;/blockquote&gt;&lt;blockquote&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; You can find more information about &lt;strong&gt;Markdown&lt;/strong&gt; syntax &lt;a class="md_compiled" href="http://daringfireball.net/projects/markdown/syntax" title="Markdown"&gt;here&lt;/a&gt; and &lt;strong&gt;Markdown Extra&lt;/strong&gt; extension &lt;a class="md_compiled" href="https://github.com/jmcmanus/pagedown-extra" title="Pagedown Extra"&gt;here&lt;/a&gt;.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h3 id="toc_16" class="h16"&gt;Tables&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Markdown Extra&lt;/strong&gt; has a special syntax for tables:&lt;/span&gt;
&lt;/p&gt;


&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;Item&lt;/th&gt;
&lt;th&gt;Value&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;

&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Computer&lt;/td&gt;
&lt;td&gt;$1600&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Phone&lt;/td&gt;
&lt;td&gt;$12&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Pipe&lt;/td&gt;
&lt;td&gt;$1&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;

&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can specify column alignment with one or two colons:&lt;/span&gt;
&lt;/p&gt;


&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th style="text-align: left"&gt;Item&lt;/th&gt;
&lt;th style="text-align: right"&gt;Value&lt;/th&gt;
&lt;th style="text-align: center"&gt;Qty&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;

&lt;tbody&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;Computer&lt;/td&gt;
&lt;td style="text-align: right"&gt;$1600&lt;/td&gt;
&lt;td style="text-align: center"&gt;5&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;Phone&lt;/td&gt;
&lt;td style="text-align: right"&gt;$12&lt;/td&gt;
&lt;td style="text-align: center"&gt;12&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style="text-align: left"&gt;Pipe&lt;/td&gt;
&lt;td style="text-align: right"&gt;$1&lt;/td&gt;
&lt;td style="text-align: center"&gt;234&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id="toc_17" class="h16"&gt;Definition Lists&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Markdown Extra&lt;/strong&gt; has a special syntax for definition lists too:&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;Term 1&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;Term 2&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;:   Definition A&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;:   Definition B&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Term 3&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;:   Definition C&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;:   Definition D&lt;/span&gt;
&lt;/p&gt;


&lt;pre&gt;&lt;code&gt;&amp;gt; part of definition D&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;&lt;h3 id="toc_18" class="h16"&gt;Fenced code blocks&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;GitHub&amp;#39;s fenced code blocks are also supported with &lt;strong&gt;Highlight.js&lt;/strong&gt; syntax highlighting:&lt;/span&gt;
&lt;/p&gt;


&lt;pre&gt;&lt;code&gt;// Foo
var bar = 0;&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;&lt;blockquote class="blockquote_lines_2"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Tip:&lt;/strong&gt; To use &lt;strong&gt;Prettify&lt;/strong&gt; instead of &lt;strong&gt;Highlight.js&lt;/strong&gt;, just configure the &lt;strong&gt;Markdown Extra&lt;/strong&gt; extension in the &lt;i class="fa fa-cog"&gt;&lt;/i&gt; &lt;strong&gt;Settings&lt;/strong&gt; dialog.&lt;/span&gt;
&lt;/p&gt;
&lt;/blockquote&gt;&lt;blockquote&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; You can find more information:&lt;/span&gt;
&lt;/p&gt;
&lt;/blockquote&gt;&lt;blockquote&gt;
&lt;ul&gt;
&lt;li class="md_li"&gt;&lt;span&gt;about &lt;strong&gt;Prettify&lt;/strong&gt; syntax highlighting &lt;a class="md_compiled" href="https://code.google.com/p/google-code-prettify/"&gt;here&lt;/a&gt;,
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;about &lt;strong&gt;Highlight.js&lt;/strong&gt; syntax highlighting &lt;a class="md_compiled" href="http://highlightjs.org/"&gt;here&lt;/a&gt;.
&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;h3 id="toc_19" class="h16"&gt;Footnotes&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can create footnotes like this&lt;sup id="fnref2"&gt;&lt;a href="#fn2" rel="footnote"&gt;2&lt;/a&gt;&lt;/sup&gt;.&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_20" class="h16"&gt;SmartyPants&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;SmartyPants converts ASCII punctuation characters into &amp;quot;smart&amp;quot; typographic punctuation HTML entities. For example:&lt;/span&gt;
&lt;/p&gt;


&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;th&gt;ASCII&lt;/th&gt;
&lt;th&gt;HTML&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;

&lt;tbody&gt;
&lt;tr&gt;
&lt;td&gt;Single backticks&lt;/td&gt;
&lt;td&gt;&lt;code&gt;&amp;#39;Isn&amp;#39;t this fun?&amp;#39;&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&amp;#39;Isn&amp;#39;t this fun?&amp;#39;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Quotes&lt;/td&gt;
&lt;td&gt;&lt;code&gt;&amp;quot;Isn&amp;#39;t this fun?&amp;quot;&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;&amp;quot;Isn&amp;#39;t this fun?&amp;quot;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;Dashes&lt;/td&gt;
&lt;td&gt;&lt;code&gt;-- is en-dash, --- is em-dash&lt;/code&gt;&lt;/td&gt;
&lt;td&gt;-- is en-dash, --- is em-dash&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id="toc_21" class="h16"&gt;Table of contents&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can insert a table of contents using the marker &lt;code&gt;[TOC]&lt;/code&gt;:&lt;/span&gt;
&lt;/p&gt;

&lt;div class="toc_container"&gt;
&lt;div class="toc"&gt;&lt;ul&gt;
&lt;li&gt;
&lt;a href="#toc_0"&gt;Documents&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="#toc_1"&gt;&lt;i class="fa fa-file"&gt;&lt;/i&gt; Create a document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_2"&gt;&lt;i class="fa fa-folder-open"&gt;&lt;/i&gt; Switch to another document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_3"&gt;&lt;i class="fa fa-pencil"&gt;&lt;/i&gt; Rename a document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_4"&gt;&lt;i class="fa fa-trash"&gt;&lt;/i&gt; Delete a document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_5"&gt;&lt;i class="fa fa-hdd"&gt;&lt;/i&gt; Export a document&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_6"&gt;Synchronization&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="#toc_7"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Open a document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_8"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Save a document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_9"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Synchronize a document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_10"&gt;&lt;i class="fa fa-refresh"&gt;&lt;/i&gt; Manage document synchronization&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_11"&gt;Publication&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="#toc_12"&gt;&lt;i class="fa fa-upload"&gt;&lt;/i&gt; Publish a document&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_13"&gt;&lt;i class="fa fa-upload"&gt;&lt;/i&gt; Update a publication&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_14"&gt;&lt;i class="fa fa-upload"&gt;&lt;/i&gt; Manage document publication&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_15"&gt;Markdown Extra&lt;/a&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;a href="#toc_16"&gt;Tables&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_17"&gt;Definition Lists&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_18"&gt;Fenced code blocks&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_19"&gt;Footnotes&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_20"&gt;SmartyPants&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_21"&gt;Table of contents&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_22"&gt;MathJax&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_23"&gt;UML diagrams&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;a href="#toc_24"&gt;Support StackEdit&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;h3 id="toc_22" class="h16"&gt;MathJax&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can render &lt;em&gt;LaTeX&lt;/em&gt; mathematical expressions using &lt;strong&gt;MathJax&lt;/strong&gt;, as on&lt;a class="md_compiled" href="http://math.stackexchange.com/"&gt;math.stackexchange.com&lt;/a&gt;:&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;The &lt;em&gt;Gamma function&lt;/em&gt; satisfying $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ is via the Euler integral&lt;/span&gt;
&lt;/p&gt;


&lt;p class="md_block  md_has_block_below md_has_block_below_blockquote"&gt;
&lt;section class=" mathjax_p p_without_wrap"&gt;
$$&lt;br /&gt;
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.&lt;br /&gt;
$$
&lt;/section&gt;
&lt;/p&gt;

&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Tip:&lt;/strong&gt; To make sure mathematical expressions are rendered properly on your website, include &lt;strong&gt;MathJax&lt;/strong&gt; into your template:&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;

&lt;pre&gt;&lt;code&gt;&amp;lt;script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"&amp;gt;&amp;lt;/script&amp;gt;&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; You can find more information about &lt;strong&gt;LaTeX&lt;/strong&gt; mathematical expressions &lt;a class="md_compiled" href="http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference"&gt;here&lt;/a&gt;.&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h3 id="toc_23" class="h16"&gt;UML diagrams&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;You can also render sequence diagrams like this:&lt;/span&gt;
&lt;/p&gt;


&lt;pre class="lang_sequence"&gt;&lt;code&gt;Alice-&amp;gt;Bob: Hello Bob, how are you?
Note right of Bob: Bob thinks
Bob--&amp;gt;Alice: I am good thanks!&lt;/code&gt;&lt;/pre&gt;

&lt;!--block_code_end--&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;And flow charts like this:&lt;/span&gt;
&lt;/p&gt;


    &lt;div id="ZD7phbE2RtSPDuPJjT9kZZk" class="flow-graphic"&gt; &lt;/div&gt;
    &lt;script&gt;
    var diagram = flowchart.parse('st=&gt;start: Start\ne=&gt;end\nop=&gt;operation: My Operation\ncond=&gt;condition: Yes or No?\n\nst-&gt;op-&gt;cond\ncond(yes)-&gt;e\ncond(no)-&gt;op\n');
    diagram.drawSVG('ZD7phbE2RtSPDuPJjT9kZZk');
    &lt;/script&gt; 
    
&lt;!--block_code_end--&gt;&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;strong&gt;Note:&lt;/strong&gt; You can find more information:&lt;/span&gt;
&lt;/p&gt;
&lt;/blockquote&gt;&lt;blockquote&gt;
&lt;ul&gt;
&lt;li class="md_li"&gt;&lt;span&gt;about &lt;strong&gt;Sequence diagrams&lt;/strong&gt; syntax &lt;a class="md_compiled" href="http://bramp.github.io/js-sequence-diagrams/"&gt;here&lt;/a&gt;,
&lt;/span&gt;&lt;/li&gt;
&lt;li class="md_li"&gt;&lt;span&gt;about &lt;strong&gt;Flow charts&lt;/strong&gt; syntax &lt;a class="md_compiled" href="http://adrai.github.io/flowchart.js/"&gt;here&lt;/a&gt;.
&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;
&lt;h3 id="toc_24" class="h16"&gt;Support StackEdit&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_dom_embed md_line_start md_line_end"&gt;&lt;a class="md_compiled" href="https://monetizejs.com/authorize?client_id=ESTHdCYOi18iLhhO&amp;summary=true"&gt;&lt;img class="md_compiled " src="https://cdn.monetizejs.com/resources/button-32.png" alt="" title="" &gt;&lt;/a&gt;&lt;/span&gt;
&lt;/p&gt;


&lt;div class="footnotes"&gt;
&lt;hr&gt;
&lt;ol&gt;

&lt;li id="fn1"&gt;

&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;&lt;a class="md_compiled" href="https://stackedit.io/"&gt;StackEdit&lt;/a&gt; is a full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.&lt;/span&gt;
&amp;nbsp;&lt;a href="#fnref1" rev="footnote"&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;

&lt;/li&gt;

&lt;li id="fn2"&gt;

&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Here is the &lt;em&gt;text&lt;/em&gt; of the &lt;strong&gt;footnote&lt;/strong&gt;.&lt;/span&gt;
&amp;nbsp;&lt;a href="#fnref2" rev="footnote"&gt;&amp;#8617;&lt;/a&gt;&lt;/p&gt;

&lt;/li&gt;

&lt;/ol&gt;
&lt;/div&gt;</summary>

  </entry>


  <entry>


    <title>Markdown &amp; Slide</title>

    <link href="http://template.bitcron.com/post/apps/slide"  rel="alternate"></link>

    <updated>2016-07-28T09:45:12Z</updated>
    <id>apps/slide</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;代码，是艺术的一部分。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;2016&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_0" class="h16"&gt;这也是一篇百来字的文章&lt;/h2&gt;&lt;h3 id="toc_1" class="h16"&gt;采用 Markdown 语法&lt;/h3&gt;&lt;h3 id="toc_2" class="h16"&gt;无需排版&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;只需要专注内容，也能节省最多的时间。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;你可以在网站的 FileManager 里查看对应的原文。&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_3" class="h16"&gt;偷懒是高效的动力&lt;/h2&gt;&lt;h2 id="toc_4" class="h16"&gt;如何使用？&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;在文章的 meta 中声明  &lt;code&gt;app: slide/fullpage&lt;/code&gt;&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_5" class="h16"&gt;使用 Markdown 语法&lt;/h3&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;按照标题层级，来安排 Slide 的内容层次&lt;/span&gt;
&lt;/p&gt;

&lt;h3 id="toc_6" class="h16"&gt;然后就是专注内容与思路&lt;/h3&gt;&lt;h3 id="toc_7" class="h16"&gt;还能贴代码或者图片&lt;/h3&gt;&lt;div class="codehilite code_lang_python  highlight"&gt;&lt;pre&gt;&lt;span&gt;&lt;/span&gt;&lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="nb"&gt;range&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;100&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
        &lt;span class="k"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;i&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="k"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;&amp;#39;hello world&amp;#39;&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/pre&gt;&lt;/div&gt;

&lt;!--block_code_end--&gt;&lt;h2 id="toc_8" class="h16"&gt;从工具开始改变&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;Bitcron，取决于想象力。&lt;/span&gt;
&lt;/p&gt;</summary>

  </entry>


  <entry>


    <title>关于 “书写”</title>

    <link href="http://template.bitcron.com/post/writting/about"  rel="alternate"></link>

    <updated>2015-05-03T09:50:12Z</updated>
    <id>writting/about</id>

    <author>
      <name>海波</name>

    </author>
    <summary type="html">&lt;blockquote class="blockquote_lines_1"&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start md_line_end"&gt;在 Bitcron 中书写、发布内容，一般可以通过以下几种方式。&lt;/span&gt;
&lt;/p&gt;

&lt;/blockquote&gt;
&lt;h2 id="toc_0" class="h16"&gt;Web 版文件管理器&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;在登录 bitcron.com 之后，你可以看到每个网站对应着一个 &lt;code&gt;FileManager&lt;/code&gt;，这就是 Web 版的文件管理器。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;你可以在这里面创建、删除文件夹，创建、编辑某一篇文本文件 (一般以&lt;code&gt;.md&lt;/code&gt;或&lt;code&gt;.txt&lt;/code&gt;作为后缀)。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;不仅如此，Web 版文件管理器也可以同样完成模板的编辑。&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_1" class="h16"&gt;通过云端更新&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;在 Bitcron 中，你可以关联某个云端 (目前暂仅支持 Dropbox)，然后在这个云端中指定的站点文件夹中，更新内容就可以完成发布了。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;这样一来，你可以通过任何 App、任何设备，只要能将最终的文件、图片存储到对应的云端(比如 Dropbox)上对应的位置内，就可以了。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;云端除了 Dropbox 之外，也可接入Wechat(微信)，通过发文本消息、图片，也能完成文章、相册的更新。&lt;/span&gt;
&lt;/p&gt;

&lt;h2 id="toc_2" class="h16"&gt;使用桌面端 App&lt;/h2&gt;
&lt;p class="md_block"&gt;
    &lt;span class="md_line md_line_start"&gt;如果通过云端的关联，那么你可以使用任何的桌面 App 进行书写、发布。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line"&gt;其中，&lt;a class="md_compiled" href="http://markeditor.com"&gt;MarkEditor&lt;/a&gt; 比较特殊，它作为一个非常强大的 Markdown 编辑器的同时，也集成了 Bitcron 的 API，从而可以实现数据与 Bitcron 保持完全的同步。&lt;br /&gt;&lt;/span&gt;
    &lt;span class="md_line md_line_end"&gt;如果将 Bitcron 作为文档工具使用，MarkEditor 是非常值得推荐的一款 App。&lt;/span&gt;
&lt;/p&gt;</summary>

  </entry>


</feed>