<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>chengkai1853 (kai)</title>
    <link>https://ruby-china.org/chengkai1853</link>
    <description></description>
    <language>en-us</language>
    <item>
      <title>rails admin 怎么修改创建界面？</title>
      <description>&lt;p&gt;我用 rails admin 做后台管理。有这种情况，例如：Category（类别），Item（物品）两个数据模型，类别下有很多个物品。Category 关联有一个模型叫做 CategoryAttributes，里面记录的是 Category 的模板字段，这些字段都是对应 Category 下的 Item 的通用属性。现在我在 Item 的创建界面，需要显示 CategoryAttributes 里面的属性，以便给 Item 快速赋值哪些通用字段，这种情况应该怎么做？请问该怎么修改？&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Mon, 04 Mar 2019 15:49:57 +0800</pubDate>
      <link>https://ruby-china.org/topics/38185</link>
      <guid>https://ruby-china.org/topics/38185</guid>
    </item>
    <item>
      <title>Rails 5 里面使用 yarn 去管理前端库， 带字体的怎么去配置？</title>
      <description>&lt;p&gt;发现 rails 5 中已经集成 yarn 去管理前端库，一般导入的时候都要指明具体 css 和 js 的路径，那么类似 &lt;code&gt;simple-line-icons&lt;/code&gt;这种带有字体的库，应该怎么配置呢？请问这个怎么处理呢？还有那种库里面带有图片的，貌似也有问题，例如&lt;code&gt;html5-device-mockups&lt;/code&gt;这种。能否告知一下做法和其中的原理啊？求解或者指个方向。&lt;/p&gt;

&lt;p&gt;我在 github 上找到了一个人问，问题类似，但是也是没有人解答：&lt;a href="https://stackoverflow.com/questions/49106226/how-to-make-rails-use-images-fonts-contained-in-yarn-packages" rel="nofollow" target="_blank" title=""&gt;How to make Rails use images/fonts contained in Yarn packages&lt;/a&gt;&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Tue, 17 Apr 2018 10:56:40 +0800</pubDate>
      <link>https://ruby-china.org/topics/35466</link>
      <guid>https://ruby-china.org/topics/35466</guid>
    </item>
    <item>
      <title>Rails 同时作为网站和 App API 接口怎么弄？</title>
      <description>&lt;p&gt;我想用 Rails 写一个网站，网站接口可以作为 ios 或者 安卓 app 的接口。devise 作为网站登录，knock 作为 App api 登录。因为 web 有 protect_from_forgery，如果这样，我是不是必须写两套 rails 程序啊？一套用为 web，一套用作 app api。请问大家一般都是怎么弄的啊？&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Thu, 29 Mar 2018 09:23:52 +0800</pubDate>
      <link>https://ruby-china.org/topics/35352</link>
      <guid>https://ruby-china.org/topics/35352</guid>
    </item>
    <item>
      <title>Rails 页面跳转 jQuery 不工作</title>
      <description>&lt;p&gt;这个是导航栏的动效代码。点击 h2 标题的跳到新页面的时候，下面 js 的代码就失效了，导航栏不会有效果。如果我打开页面的调试工具，在控制台手动执行一遍&lt;code&gt;$('#mainNav').affix&lt;/code&gt;的代码，导航栏效果就可用了。请问这是什么问题导致的啊？求教。
html 代码如下：&lt;/p&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"col-lg-12 text-center"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
     &lt;span class="nt"&gt;&amp;lt;h2&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="err"&gt;%=&lt;/span&gt; &lt;span class="na"&gt;link_to&lt;/span&gt; &lt;span class="na"&gt;:Bike&lt;/span&gt; &lt;span class="err"&gt;,&lt;/span&gt; &lt;span class="na"&gt;bikes_url&lt;/span&gt; &lt;span class="err"&gt;,&lt;/span&gt; &lt;span class="na"&gt;rel:&lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt;&lt;span class="na"&gt;external&lt;/span&gt;&lt;span class="err"&gt;"&lt;/span&gt; &lt;span class="err"&gt;%&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&amp;lt;/h2&amp;gt;&lt;/span&gt;
     &lt;span class="nt"&gt;&amp;lt;hr&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"star-primary"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="nt"&gt;&amp;lt;/div&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Jquery 的代码如下，并且在 application.js 中 require 了它：&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;use strict&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt; &lt;span class="c1"&gt;// Start of use strict&lt;/span&gt;

    &lt;span class="c1"&gt;// Offset for Main Navigation&lt;/span&gt;
    &lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;#mainNav&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;affix&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;
        &lt;span class="na"&gt;offset&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
            &lt;span class="na"&gt;top&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="p"&gt;})&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Wed, 21 Sep 2016 11:00:14 +0800</pubDate>
      <link>https://ruby-china.org/topics/31120</link>
      <guid>https://ruby-china.org/topics/31120</guid>
    </item>
    <item>
      <title>服务器隔段时间 �MySQL 服务就挂掉了 </title>
      <description>&lt;p&gt;nignx + passenger 部署到 vps 了，可能是 vps 内存有限，隔段时间 mysql 服务就停掉了。于是每次都连接 vps，然后&lt;code&gt;sudo service mysql start&lt;/code&gt;命令来启动 mysql 服务，就可以访问网站了。请问这种情况框一般都怎么解决啊？有没有检测服务器资源的，然后让它自动重启的机制。对部署这块还比较陌生，不知道怎么查起。希望大神指点！&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Fri, 22 Jan 2016 14:34:20 +0800</pubDate>
      <link>https://ruby-china.org/topics/28822</link>
      <guid>https://ruby-china.org/topics/28822</guid>
    </item>
    <item>
      <title>request.body 获取的数据怎么处理？</title>
      <description>&lt;p&gt;从 request.body 获取的数据如下，是个 xml。但是开头和结尾的那些字符是什么啊？是我应该处理什么编码问题还是什么原因？求教！&lt;/p&gt;
&lt;pre class="highlight xml"&gt;&lt;code&gt;"0\x80\x06\t*\x86H\x86\xF7\r\x01\a\x02\xA0\x800\x80\x02\x01\x011\v0\t\x06\x05+\x0E\x03\x02\x1A\x05\x000\x80\x06\t*\x86H\x86\xF7\r\x01\a\x01\xA0\x80$\x80\x04\x82\x01\x9B&lt;span class="cp"&gt;&amp;lt;?xml version=\"1.0\" encoding=\"UTF-8\"?&amp;gt;&lt;/span&gt;\n&lt;span class="cp"&gt;&amp;lt;!DOCTYPE plist PUBLIC \"-//Apple//DTD PLIST 1.0//EN\" \"http://www.apple.com/DTDs/PropertyList-1.0.dtd\"&amp;gt;&lt;/span&gt;\n&lt;span class="nt"&gt;&amp;lt;plist&lt;/span&gt; &lt;span class="na"&gt;version=&lt;/span&gt;&lt;span class="s"&gt;\"1.0\"&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;\n&lt;span class="nt"&gt;&amp;lt;dict&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;key&amp;gt;&lt;/span&gt;IMEI&lt;span class="nt"&gt;&amp;lt;/key&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;string&amp;gt;&lt;/span&gt;99 000231 753049 9&lt;span class="nt"&gt;&amp;lt;/string&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;key&amp;gt;&lt;/span&gt;PRODUCT&lt;span class="nt"&gt;&amp;lt;/key&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;string&amp;gt;&lt;/span&gt;iPhone5,2&lt;span class="nt"&gt;&amp;lt;/string&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;key&amp;gt;&lt;/span&gt;UDID&lt;span class="nt"&gt;&amp;lt;/key&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;string&amp;gt;&lt;/span&gt;e8d1b097706cb1228112a898a06fca94341ae70a&lt;span class="nt"&gt;&amp;lt;/string&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;key&amp;gt;&lt;/span&gt;VERSION&lt;span class="nt"&gt;&amp;lt;/key&amp;gt;&lt;/span&gt;\n\t&lt;span class="nt"&gt;&amp;lt;string&amp;gt;&lt;/span&gt;13B143&lt;span class="nt"&gt;&amp;lt;/string&amp;gt;&lt;/span&gt;\n&lt;span class="nt"&gt;&amp;lt;/dict&amp;gt;&lt;/span&gt;\n&lt;span class="nt"&gt;&amp;lt;/plist&amp;gt;&lt;/span&gt;\n\x00\x00\x00\x00\x00\x00\xA0\x82\n[0\x82\x02\xF30\x82\x02\\\xA0\x03\x02\x01\x02\x02\n\x03\xBA\x98\xD6 \x00,\tY\x0E0\r\x06\t*\x86H\x86\xF7\r\x01\x01\v\x05\x000Z1\v0\t\x06\x03U\x04\x06\x13\x02US1\x130\x11\x06\x03U\x04\n\x13\nApple Inc.1\x150\x13\x06\x03U\x04\v\x13\fApple iPhone1\x1F0\x1D\x06\x03U\x04\x03\x13\x16Apple iPhone Device CA0\x1E\x17\r150921025747Z\x17\r180921025747Z0\x81\x831-0+\x06\x03U\x04\x03\x16$B82C799B-8301-441A-A64C-61711E434FF71\v0\t\x06\x03U\x04\x06\x13\x02US1\v0\t\x06\x03U\x04\b\x13\x02CA1\x120\x10\x06\x03U\x04\a\x13\tCupertino1\x130\x11\x06\x03U\x04\n\x13\nApple Inc.1\x0F0\r\x06\x03U\x04\v\x13\x06iPhone0\x81\x9F0\r\x06\t*\x86H\x86\xF7\r\x01\x01\x01\x05\x00\x03\x81\x8D\x000\x81\x89\x02\x81\x81\x00\xBF\x9B\xDC\xF7\xC4z\x00\xF7K\x8A~=\xC1V\xAD\xD3\xFC{$F\xCB\xC7\x85^0\xDF3\xF4\xB2\xB6\x81\x88\"\xE4\xDC\xDFj`\xEE\xA3\xA3\x13\x84y\xF5\x7F\xBE\xD90c\x8D\xD0\xEEN\xE7\xE7YU!\xDC\x84f\xD3\xB6\x11\vF\x7F\xD3\xA9-U\xFD\x93\x18\xBB\x1C\xC5\xECs\xACRm\x85^\xE4\b}\x7F:$\xCB\xEB.\a)\xD8\xD3o\xAC\x88\xFA\xE2{\xF3\xE9\xE4\r\xAB\x99\xBDz\xD9\x13\xDB\xF84\x04h\xD29\x95Dn;)\xF4\xE7\x02\x03\x01\x00\x01\xA3\x81\x950\x81\x920\x1F\x06\x03U\x1D#\x04\x180\x16\x80\x14\xB2\xFE!#D\x86\x95jy\xD5\x81&lt;span class="err"&gt;&amp;amp;&lt;/span&gt;\x8Es\x10\xD8\xA7L\x8Et0\x1D\x06\x03U\x1D\x0E\x04\x16\x04\x14\xDFJ\x98\xA7\xE9\xF0&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;\xC4-\x98\e?\xEFz\x81Jy,\xC2\xBB0\f\x06\x03U\x1D\x13\x01\x01\xFF\x04\x020\x000\x0E\x06\x03U\x1D\x0F\x01\x01\xFF\x04\x04\x03\x02\x05\xA00 \x06\x03U\x1D%\x01\x01\xFF\x04\x160\x14\x06\b+\x06\x01\x05\x05\a\x03\x01\x06\b+\x06\x01\x05\x05\a\x03\x020\x10\x06\n*\x86H\x86\xF7cd\x06\n\x02\x04\x02\x05\x000\r\x06\t*\x86H\x86\xF7\r\x01\x01\v\x05\x00\x03\x81\x81\x00\x87W\xEAO\r\x98\x89u\x01m\xA3\xBA\x97\x8E\xF7EY)K(t+\f1\x19S\x01\x83z\xEB\x19g\xF3b\x03\xA5{t\xB8\xB1\xF8\xBE\x9C\xA7s\xAE\x176\vz\xF7\x12L\xC3\\\xDC*\xE6{}\x89\xD8*3\xEA\xAFC\x90?@\xDC]\x8B\xFC\xAE\x04\x06H\xF9[\x9A\xB8\x1E\n\x05\x06\x8FF\xA4\xC4d\x86\x1D\xE1\xAFb\xBB\xC1&lt;span class="ni"&gt;&amp;amp;\x90'\x9C'I\xE5\fd\xB3;&lt;/span&gt;\xC1+\xB4\xA8x\x85\x8F\xEE\xF2X\x9Ce\xD0\xE6\x10\t\x05\xB9\xDC0\x82\x03i0\x82\x02Q\xA0\x03\x02\x01\x02\x02\x01\x010\r\x06\t*\x86H\x86\xF7\r\x01\x01\x05\x05\x000y1\v0\t\x06\x03U\x04\x06\x13\x02US1\x130\x11\x06\x03U\x04\n\x13\nApple Inc.1&lt;span class="err"&gt;&amp;amp;&lt;/span&gt;0$\x06\x03U\x04\v\x13\x1DApple Certification Authority1-0+\x06\x03U\x04\x03\x13$Apple iPhone Certification Authority0\x1E\x17\r070416225446Z\x17\r140416225446Z0Z1\v0\t\x06\x03U\x04\x06\x13\x02US1\x130\x11\x06\x03U\x04\n\x13\nApple Inc.1\x150\x13\x06\x03U\x04\v\x13\fApple iPhone1\x1F0\x1D\x06\x03U\x04\x03\x13\x16Apple iPhone Device CA0\x81\x9F0\r\x06\t*\x86H\x86\xF7\r\x01\x01\x01\x05\x00\x03\x81\x8D\x000\x81\x89\x02\x81\x81\x00\xF1\x94J\xC9\xEA\xBAZ\x18`\xAD\xCB\xA2MMNT\x19i\x17Y\af\xCB\x97\xE8f\x9AG_F\xAEgz\xB5JsT\xB1\xCB\x04\xF6\xBD6\xB8\fU8\x8A\x84\x831Re\xF93\xE1\x97w\x9C+L&lt;span class="err"&gt;&amp;amp;&lt;/span&gt;\xB0%?\xE92\xAA{\bt\x94\xEC\xC1K8\x1DgN\bR\x94Z\x8BY\xA3\\\xD7\x93\xF4\xA0\xFEU\x85\xBBLF\x97^n\xB2wE/g\\\xBC\v\x18\xBFY\xB9l\x86\xF7*uv\xD2\x19q\xF4)c\xB9%\v\xAF\x02\x03\x01\x00\x01\xA3\x81\x9E0\x81\x9B0\x0E\x06\x03U\x1D\x0F\x01\x01\xFF\x04\x04\x03\x02\x01\x860\x0F\x06\x03U\x1D\x13\x01\x01\xFF\x04\x050\x03\x01\x01\xFF0\x1D\x06\x03U\x1D\x0E\x04\x16\x04\x14\xB2\xFE!#D\x86\x95jy\xD5\x81&lt;span class="err"&gt;&amp;amp;&lt;/span&gt;\x8Es\x10\xD8\xA7L\x8Et0\x1F\x06\x03U\x1D#\x04\x180\x16\x80\x14\xE74*.\"\xDE9`k\xB4\x94\xCEw\x83a/1\xA0|508\x06\x03U\x1D\x1F\x0410/0-\xA0+\xA0)\x86'http://www.apple.com/appleca/iphone.crl0\r\x06\t*\x86H\x86\xF7\r\x01\x01\x05\x05\x00\x03\x82\x01\x01\x00w]\xCFgzLV+\xA4Tw\xBDYH&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;\x1E\xE9\xBE\xD0\x8F\xF4\x90r\xAF\x8E\x1C\x15w\xF2\f\xC0iW\xC9N\xC3\x85F\x16v6\xB6_\xFC\xEA\x8F\xB5\xB6\xE0\n\xB9\xED\xD1\n\x9Bw\xEA\xAB\x12\xB9\\!U\x19\x8EG#G\x11\xB1\xD1\r\xC93\xFB\x97\x14\xA2\x894X\x8Fi\xA5=\xE7ax)\xFE\x93\xA4\xF9\xCBE8^\xBE4\x15|\x16oi\xD6\xA8!u\x02\x02.v\x18/U\xBCe\xBE\xA71Ro\x19\xCF\xBC\x83x\x9D\t\x16\x8B\xD7B\x1C\x8E\xE5\xF2\xD4\x1D\x12\xC2@[,\x01\xB7\xFC\a\x88\xBC\xAD\x86,\x05HXN\xCAU%\xCCU\xA4\x82%\xB6F)t\x84R \x04@\xE3\xD1\xCD\xBC\xA2\xB8\x878\xF31/\xCE\x84\xA4)T\xAC&amp;gt;8!\x19\xC6\x9BBU\xE3v\xA66\xDD\xB7\xDB\xB3\x8B^\xF9\xA1Z?\xBB\xA0v\x02\xB2\x80[^\xEE\xE9q\a!\xD0\xCC9\xEE\xDCo}\xE9yR:L=y[\x83\b\xA7$\x0Fn\x9F(\xAEU\xDE\xFA\xD0&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;$0\x82\x03\xF30\x82\x02\xDB\xA0\x03\x02\x01\x02\x02\x01\x170\r\x06\t*\x86H\x86\xF7\r\x01\x01\x05\x05\x000b1\v0\t\x06\x03U\x04\x06\x13\x02US1\x130\x11\x06\x03U\x04\n\x13\nApple Inc.1&lt;span class="err"&gt;&amp;amp;&lt;/span&gt;0$\x06\x03U\x04\v\x13\x1DApple Certification Authority1\x160\x14\x06\x03U\x04\x03\x13\rApple Root CA0\x1E\x17\r070412174328Z\x17\r220412174328Z0y1\v0\t\x06\x03U\x04\x06\x13\x02US1\x130\x11\x06\x03U\x04\n\x13\nApple Inc.1&lt;span class="err"&gt;&amp;amp;&lt;/span&gt;0$\x06\x03U\x04\v\x13\x1DApple Certification Authority1-0+\x06\x03U\x04\x03\x13$Apple iPhone Certification Authority0\x82\x01\"0\r\x06\t*\x86H\x86\xF7\r\x01\x01\x01\x05\x00\x03\x82\x01\x0F\x000\x82\x01\n\x02\x82\x01\x01\x00\xA3\x1E\xBE\xF0G\xC0\xB4\x9E\x10[F\xA4\xB8!\xB8O\x86!p(E`\\\x1C\xC3\xC8\ndc\x88\xFB\xFCi\xEE\xF8T\xFC\xE9[\xB7\x06N\x04/\xC3k3\xAFDL\xEAK\x80\t\xB4\x87\xF6[\xB4\xFDd\xDD\xB3r\xE0\x13\xB3\xFD\x17\xD9\xBC\xE7\xA8\xED\xC2\x8Ca\xC2*\xF9\xEC\xCE\xA5^\xD6i\xEBd\v\x8D\b\x8F\xB8\xA0PF\t\xDC\x19\xE4\xE5\xB0\x94m\xBB\xF7\x99\x98\xC4\xE8\x9BAN\xD4\xF1e\xE3\eRz\xDC\xE8\x03\xD9n\x1D\xDA\x10U\x86\xA4)XI\f\xEAG\xD7\x1543\xF6\xC0\xA0DJp\xBE,\xB5*07\x8C.\x15\xEB\xD1\xE4l\x978UV\xB15+X\xEAD\xA3&lt;span class="ni"&gt;&amp;amp;\x85\xEE\xC8fJ\xE4\xCF\x89\xF0=c\xAD)\xDE\xAD\xBAZ\xB3\xDC\xA5\xA3\x9A\xA7\tN\x80\x165e\xA4\x85\rc{&amp;gt;c\x8A\xDA}JF\xEC\xA39\x184\xB9\xC6(e\x18\xBC\x13`\x9C\x7FW\xAC\x14\xC9\x89\xED\xA1\xB6\x87hR\xB6\x84N\xB8\xC8\x83\xEC\xF9\x9E\x19\xAB\xB3\xC1\v\x86\xC7\x9F\x02\x03\x01\x00\x01\xA3\x81\x9C0\x81\x990\x0E\x06\x03U\x1D\x0F\x01\x01\xFF\x04\x04\x03\x02\x01\x860\x0F\x06\x03U\x1D\x13\x01\x01\xFF\x04\x050\x03\x01\x01\xFF0\x1D\x06\x03U\x1D\x0E\x04\x16\x04\x14\xE74*.\"\xDE9`k\xB4\x94\xCEw\x83a/1\xA0|50\x1F\x06\x03U\x1D#\x04\x180\x16\x80\x14+\xD0iG\x94v\t\xFE\xF4k\x8D.@\xA6\xF7GM\x7F\b^06\x06\x03U\x1D\x1F\x04/0-0+\xA0)\xA0'\x86%http://www.apple.com/appleca/root.crl0\r\x06\t*\x86H\x86\xF7\r\x01\x01\x05\x05\x00\x03\x82\x01\x01\x00\x1D\xD1\xD5{\xDDtN\xD7\x17\xFC\x82-\f\x99\x9B^Br\xF2i\xDC\xD5k^\r\fkK&amp;gt;{\x14%\xDE\xB3\x94\xE8\xA0\xFA\x0F\x80\x89\xF2\x17=\x00\x02\xA2\x91\x91\xBEtW\xDC\xAF\x9A\x9F\xA1\n}0\xBE\x00*\xCC!Y\xEB\xFDI\xACnu\x19\xE8\x9Az\x03\xD1\x86\xF6\xE7\xF6\xB0\x0EKI\xFA\xA3\xB7A\xBA\xD7\xD1\xE3V\xA1}\x83\xAB\x97\xAE\xF8QJ&amp;amp;\xC1\x85B\x13&amp;amp;\x8D\x03Tf\x10^`\x84\x05\x121+kT\xC0\xA0\xC8A\xBCT\x1E\xE7T\xAD\x13\x00\xD2J\xC7\xBB\xC1\x8A\xAF\x81\b\x8E\xF0F\n\xBF'\xA6\xBE\xDC\xCF9:\x80p\x19#2\xA3kf]\x9EM\xA8GI\xB2{E\xB5Q3\xA7tg\tN\xB6loH\xF7,\xB93\x05DkE\xBEtKo\xB2\x86\x91\xB4&amp;gt;%(%\x9E\xB3\xC2Q\x86\xFCO\xE5\xAF;&lt;/span&gt;\xAA\xBBD,\x01I\xE2t\xB34\xFAD\xEF\x14\xC2\x11\xF2-\x19\x1AQ\x89\xD3\bJAlXV\xDE\x9B:\xE1\x05W\xE5b\xCF\xD2\x0F1\x82\x01m0\x82\x01i\x02\x01\x010h0Z1\v0\t\x06\x03U\x04\x06\x13\x02US1\x130\x11\x06\x03U\x04\n\x13\nApple Inc.1\x150\x13\x06\x03U\x04\v\x13\fApple iPhone1\x1F0\x1D\x06\x03U\x04\x03\x13\x16Apple iPhone Device CA\x02\n\x03\xBA\x98\xD6 \x00,\tY\x0E0\t\x06\x05+\x0E\x03\x02\x1A\x05\x00\xA0]0\x18\x06\t*\x86H\x86\xF7\r\x01\t\x031\v\x06\t*\x86H\x86\xF7\r\x01\a\x010\x1C\x06\t*\x86H\x86\xF7\r\x01\t\x051\x0F\x17\r151127013644Z0#\x06\t*\x86H\x86\xF7\r\x01\t\x041\x16\x04\x14\xA6\xDB\xAF.\x8D\xB3\xEE\xEA0HgfU\x80+\xF9iX\x06&lt;span class="err"&gt;&amp;lt;&lt;/span&gt;0\r\x06\t*\x86H\x86\xF7\r\x01\x01\x01\x05\x00\x04\x81\x80\x1E\x85yB\xC8\xBC;z\xFCg\xFE\xDB)\xAA\x9F\xC4\xAE\xC94o\xCFR\x83\f\r\xCDt\xAC\t\xBE\xB1s\xF1\xA1\xC8\xAA\xEA\x98y\xFF\xBB\xE8\xCFqj\xF0\x05j\xDF'GW\xAE{\x91\x93\xE2\x0F~X[k\xEB\xC8n^\x00\x04+|\xEEA`D6{\xF0\xF1\xC8J\x9C\xD0\xE0\xFD\x03,'\xF2\x9F\xC6\xB6\xF4\xF9\xF5\xEA\x179\xB3~:4\x18(\xC5-\x86\xC8\xFF\xDC\xA6DZ\xD2\x17\xC7\xC1\x1A\xA7\xB5b'_(\x0F\x81\x91m7\x00\x00\x00\x00\x00\x00"
&lt;/code&gt;&lt;/pre&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Fri, 27 Nov 2015 10:35:51 +0800</pubDate>
      <link>https://ruby-china.org/topics/28213</link>
      <guid>https://ruby-china.org/topics/28213</guid>
    </item>
    <item>
      <title>rails-assets.org 挂掉了</title>
      <description>&lt;p&gt;昨天买了个 vps，今天第一次尝试部署 rails，结果 rails-assets.org 挂掉了。提示 &lt;code&gt;Could not fetch specs from https://rails-assets.org/&lt;/code&gt;, google 原因，stackoverflow 也有人可能是 rails-assets.org 挂掉的原因。于是访问它的网站，结果：&lt;/p&gt;

&lt;p&gt;&lt;img src="https://l.ruby-china.com/photo/2015/9a59259cfd2e1ccf274e389ef2d0779f.png" title="" alt=""&gt;&lt;/p&gt;

&lt;p&gt;一上午也没见它恢复过来，是不是 rails-assets 服务器不是很稳定？&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Thu, 19 Nov 2015 11:31:02 +0800</pubDate>
      <link>https://ruby-china.org/topics/28109</link>
      <guid>https://ruby-china.org/topics/28109</guid>
    </item>
    <item>
      <title>Ruby China 看帖子旁边的 side-bar 是怎么实现窗口变小的时候隐藏的啊？</title>
      <description>&lt;p&gt;我自己写了一个 &lt;code&gt;position:fiexed&lt;/code&gt;的 side-bar，但是当浏览器窗口变小的时候 side-bar 依然出现，只是被挤到了最下面。&lt;/p&gt;

&lt;p&gt;而看了下 ruby china 里面的可以在浏览器窗口缩小到一定程度的时候，side-bar 消失。我原本以为是 javascript 来实现的。但是看了下，里面没找到相应的代码。是 css 就可以实现的么？怎么实现？请求大神解答啊&lt;/p&gt;

&lt;p&gt;ruby china 相应的界面图如下：&lt;/p&gt;

&lt;p&gt;&lt;img src="https://l.ruby-china.com/photo/2015/17afee4f243fa90305627357611d5798.png" title="" alt=""&gt;&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Tue, 17 Nov 2015 19:28:48 +0800</pubDate>
      <link>https://ruby-china.org/topics/28090</link>
      <guid>https://ruby-china.org/topics/28090</guid>
    </item>
    <item>
      <title>Bootstrap Markdown 如何中文本地化</title>
      <description>&lt;p&gt;我开始参照 ruby-china 写 markdown 的评论框，但是后来发现 bootstrap-markdown 已经封装好了，而且功能齐全，于是改用了它。但是在使用的时候遇到了语文，它默认是英文。看它的文档&lt;a href="http://www.codingdrama.com/bootstrap-markdown/" rel="nofollow" target="_blank" title=""&gt;doc&lt;/a&gt;，本地化很简单，只需要如下一行代码就能搞定：&lt;/p&gt;

&lt;p&gt;添加了&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;function &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;$&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="nx"&gt;$&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;fn&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;markdown&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;messages&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;zh&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Bold&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;粗体&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Italic&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;斜体&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Heading&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;标题&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;URL/Link&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;链接&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Image&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;图片&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;List&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;列表&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Unordered List&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;无序列表&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Ordered List&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;有序列表&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Code&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;代码&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Quote&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;引用&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Preview&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;预览&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;strong text&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;粗体&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;emphasized text&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;强调&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;heading text&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;标题&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;enter link description here&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;输入链接说明&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Insert Hyperlink&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;URL地址&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;enter image description here&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;输入图片说明&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;Insert Image Hyperlink&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;图片URL地址&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;enter image title here&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;在这里输入图片标题&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;list text here&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;这里是列表文本&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;code text here&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;这里输入代码&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt;
    &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;quote here&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;这里输入引用文本&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;


  &lt;span class="p"&gt;};&lt;/span&gt;
&lt;span class="p"&gt;}(&lt;/span&gt;&lt;span class="nx"&gt;jQuery&lt;/span&gt;&lt;span class="p"&gt;));&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;然后再添加如下代码就 ok 了&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nb"&gt;document&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;ready&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="kd"&gt;function&lt;/span&gt;&lt;span class="p"&gt;(){&lt;/span&gt;
  &lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="s2"&gt;[data-provide=markdown]&lt;/span&gt;&lt;span class="dl"&gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;markdown&lt;/span&gt;&lt;span class="p"&gt;({&lt;/span&gt;&lt;span class="na"&gt;language&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;zh&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;})&lt;/span&gt;
&lt;span class="p"&gt;})&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;但是完全不起作用，跟踪了半天的 js 代码也没找到具体原因。最后跟踪到了这里：&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="nx"&gt;$&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;fn&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nx"&gt;markdown&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;function &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;option&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
  &lt;span class="k"&gt;return&lt;/span&gt; &lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;each&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nf"&gt;function &lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;
    &lt;span class="kd"&gt;var&lt;/span&gt; &lt;span class="nx"&gt;$this&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nf"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
      &lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="nx"&gt;$this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;data&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;markdown&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
      &lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;options&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;typeof&lt;/span&gt; &lt;span class="nx"&gt;option&lt;/span&gt; &lt;span class="o"&gt;==&lt;/span&gt; &lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;object&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt; &lt;span class="o"&gt;&amp;amp;&amp;amp;&lt;/span&gt; &lt;span class="nx"&gt;option&lt;/span&gt;&lt;span class="p"&gt;;&lt;/span&gt;
    &lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="o"&gt;!&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="nx"&gt;$this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;data&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;markdown&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Markdown&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;options&lt;/span&gt;&lt;span class="p"&gt;)))&lt;/span&gt;
  &lt;span class="p"&gt;})&lt;/span&gt;
&lt;span class="p"&gt;};&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;按照以上写法，到这里&lt;/p&gt;
&lt;pre class="highlight javascript"&gt;&lt;code&gt;&lt;span class="k"&gt;if &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="o"&gt;!&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="nx"&gt;$this&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;data&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="s1"&gt;markdown&lt;/span&gt;&lt;span class="dl"&gt;'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="nx"&gt;data&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="k"&gt;new&lt;/span&gt; &lt;span class="nc"&gt;Markdown&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="k"&gt;this&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="nx"&gt;options&lt;/span&gt;&lt;span class="p"&gt;)))&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;由于 data 存在，就不会继续执行了。我怀疑是文档有问题或者是自己用法有问题，请用过的大神指点一下。&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Tue, 17 Nov 2015 15:38:09 +0800</pubDate>
      <link>https://ruby-china.org/topics/28086</link>
      <guid>https://ruby-china.org/topics/28086</guid>
    </item>
    <item>
      <title>怎么在 erb 中给元素的属性添加多个值？</title>
      <description>&lt;p&gt;代码如下：&lt;/p&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;div&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;% "alert &lt;/span&gt;&lt;span class="n"&gt;alert&lt;/span&gt;&lt;span class="o"&gt;-&lt;/span&gt;&lt;span class="c1"&gt;#{alert_type(message_type)}"%&amp;gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;用以上方式会不会把值付给 class，它会截断。会生成如下 html:&lt;/p&gt;
&lt;pre class="highlight html"&gt;&lt;code&gt;&lt;span class="nt"&gt;&amp;lt;div&lt;/span&gt; &lt;span class="na"&gt;class=&lt;/span&gt;&lt;span class="s"&gt;"alert"&lt;/span&gt; &lt;span class="na"&gt;alert-success=&lt;/span&gt;&lt;span class="s"&gt;""&lt;/span&gt;&lt;span class="nt"&gt;&amp;gt;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;请问要把多个值付给元素的属性，应该怎么做啊？&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Mon, 09 Nov 2015 14:14:03 +0800</pubDate>
      <link>https://ruby-china.org/topics/27998</link>
      <guid>https://ruby-china.org/topics/27998</guid>
    </item>
    <item>
      <title>帮助页面如何实现？</title>
      <description>&lt;p&gt;要创建一个帮助页面，但是里面可能有很多主题。因为里面各个主题的帮助页面结构可能各不一样，所以说每个主题是用 markdown 写的网页。那么怎么组织这些主题呢？在 rails 里面创建一个帮助的路由，然后为每个主题定义方法，让它自己路由到相应的主题帮助页面？但是主题一多，那么都要定义方式就显得很麻烦了。请问这种类型的问题，在 rails 中一般怎么解决啊？有什么好的方案？&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Wed, 04 Nov 2015 09:07:25 +0800</pubDate>
      <link>https://ruby-china.org/topics/27938</link>
      <guid>https://ruby-china.org/topics/27938</guid>
    </item>
    <item>
      <title>Ruby China 发帖的这种编辑预览是怎么实现？</title>
      <description>&lt;p&gt;我把 ruby-china 的代码下载下来了，想看看 markdown 预览效果是怎么实现的。看了下源代码如下 pages/_form.html.erb：&lt;/p&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= simple_form_for @page do |f| %&amp;gt;
  &amp;lt;%=&lt;/span&gt; &lt;span class="n"&gt;render&lt;/span&gt; &lt;span class="s2"&gt;"shared/error_messages"&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="ss"&gt;target: &lt;/span&gt;&lt;span class="vi"&gt;@page&lt;/span&gt; &lt;span class="o"&gt;%&amp;gt;&lt;/span&gt;

  &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= f.input :slug, hint: "http://&lt;/span&gt;&lt;span class="si"&gt;#{&lt;/span&gt;&lt;span class="no"&gt;Setting&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;domain&lt;/span&gt;&lt;span class="si"&gt;}&lt;/span&gt;&lt;span class="sx"&gt;/wiki/:slug"%&amp;gt;
  &amp;lt;%=&lt;/span&gt; &lt;span class="n"&gt;f&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;input&lt;/span&gt; &lt;span class="ss"&gt;:title&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="ss"&gt;input_html: &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="ss"&gt;class: &lt;/span&gt;&lt;span class="s2"&gt;"xxlarge"&lt;/span&gt; &lt;span class="p"&gt;}&lt;/span&gt; &lt;span class="o"&gt;%&amp;gt;&lt;/span&gt;

  &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;div&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"form-group"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;div&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"editor-toolbar col-sm-offset-2 col-sm-10"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;ul&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"nav nav-pills"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
        &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;li&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"edit active"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= link_to(t("common.editor_toolbar_edit"), "#") %&amp;gt;&amp;lt;/li&amp;gt;
        &amp;lt;li class=&lt;/span&gt;&lt;span class="s2"&gt;"preview"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= link_to(t("common.editor_toolbar_preview"), "#") %&amp;gt;&amp;lt;/li&amp;gt;
      &amp;lt;/ul&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;

  &amp;lt;%=&lt;/span&gt; &lt;span class="n"&gt;f&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;input&lt;/span&gt; &lt;span class="ss"&gt;:body&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="ss"&gt;as: :text&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="ss"&gt;input_html: &lt;/span&gt;&lt;span class="p"&gt;{&lt;/span&gt; &lt;span class="ss"&gt;rows: &lt;/span&gt;&lt;span class="s2"&gt;"30"&lt;/span&gt; &lt;span class="p"&gt;},&lt;/span&gt;
        &lt;span class="ss"&gt;hint: &lt;/span&gt;&lt;span class="s2"&gt;"请使用 Markdown 格式编写,可以试试用 &amp;lt;a href='http://mouapp.com' target='_blank'&amp;gt;Mou&amp;lt;/a&amp;gt; 这个 App 来编写。"&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;html_safe&lt;/span&gt; &lt;span class="sx"&gt;%&amp;gt;
  &amp;lt;% if not @page.new_record? %&amp;gt;&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= f.input :change_desc, as: :text, input_html: { rows: "2" }, hint: t("pages.describe_this_time_change") %&amp;gt;
  &amp;lt;% end %&amp;gt;
  &amp;lt;div class=&lt;/span&gt;&lt;span class="s2"&gt;"form-group"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;div&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"col-sm-offset-2 col-sm-10"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= f.submit t("common.save"), class: "btn btn-primary", 'data-disable-with' =&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="n"&gt;t&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;"common.saving"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;%&amp;gt;&lt;/span&gt;
      &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= link_to t("common.cancel"), pages_path, class: "btn btn-default reset" %&amp;gt;
    &amp;lt;/div&amp;gt;
  &amp;lt;/div&amp;gt;
&amp;lt;% end %&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;而 pages.coffee 相应的 coffee 的代码是这样的：&lt;/p&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="n"&gt;window&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="no"&gt;PageView&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="no"&gt;Backbone&lt;/span&gt;&lt;span class="o"&gt;.&lt;/span&gt;&lt;span class="no"&gt;View&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;extend&lt;/span&gt;
  &lt;span class="ss"&gt;el: &lt;/span&gt;&lt;span class="s2"&gt;"body"&lt;/span&gt;
  &lt;span class="ss"&gt;events:
    &lt;/span&gt;&lt;span class="s2"&gt;"click .editor-toolbar .edit a"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"toggleEditView"&lt;/span&gt;
    &lt;span class="s2"&gt;"click .editor-toolbar .preview a"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"togglePreviewView"&lt;/span&gt;

  &lt;span class="ss"&gt;initialize: &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;opts&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;
    &lt;span class="vi"&gt;@parentView&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="n"&gt;opts&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;parentView&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s2"&gt;"&amp;lt;div id='preview' class='markdown form-control'&amp;gt;&amp;lt;/div&amp;gt;"&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;insertAfter&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt; &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#page_body'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="p"&gt;)&lt;/span&gt;

  &lt;span class="ss"&gt;toggleEditView: &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;e&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;e&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;target&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;parent&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;addClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'active'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'.preview a'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;parent&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;removeClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'active'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#preview'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;hide&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#page_body'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;show&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
    &lt;span class="kp"&gt;false&lt;/span&gt;

  &lt;span class="ss"&gt;togglePreviewView: &lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;e&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt; &lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;e&lt;/span&gt;&lt;span class="p"&gt;.&lt;/span&gt;&lt;span class="nf"&gt;target&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;parent&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;addClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'active'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'.edit a'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;parent&lt;/span&gt;&lt;span class="p"&gt;().&lt;/span&gt;&lt;span class="nf"&gt;removeClass&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'active'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#preview'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;html&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'Loading...'&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#page_body'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;hide&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
    &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#preview'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;show&lt;/span&gt;&lt;span class="p"&gt;()&lt;/span&gt;
    &lt;span class="vg"&gt;$.&lt;/span&gt;&lt;span class="n"&gt;post&lt;/span&gt; &lt;span class="s1"&gt;'/wiki/preview'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="ss"&gt;body: &lt;/span&gt;&lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#page_body'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;val&lt;/span&gt;&lt;span class="p"&gt;()},&lt;/span&gt; &lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;&lt;span class="o"&gt;-&amp;gt;&lt;/span&gt;
      &lt;span class="err"&gt;$&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="s1"&gt;'#preview'&lt;/span&gt;&lt;span class="p"&gt;).&lt;/span&gt;&lt;span class="nf"&gt;html&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;data&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
      &lt;span class="kp"&gt;false&lt;/span&gt;
    &lt;span class="kp"&gt;false&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;问题是&lt;/p&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;li&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"edit active"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= link_to(t("common.editor_toolbar_edit"), "#") %&amp;gt;&amp;lt;/li&amp;gt;
&amp;lt;li class=&lt;/span&gt;&lt;span class="s2"&gt;"preview"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= link_to(t("common.editor_toolbar_preview"), "#") %&amp;gt;&amp;lt;/li&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;这个都是连接到‘#'本页，它是怎么实现逻辑的啊？参数传递什么的，都是怎么样实现的呢？那个 js 的&lt;/p&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="ss"&gt;el: &lt;/span&gt;&lt;span class="s2"&gt;"body"&lt;/span&gt;
  &lt;span class="ss"&gt;events:
    &lt;/span&gt;&lt;span class="s2"&gt;"click .editor-toolbar .edit a"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"toggleEditView"&lt;/span&gt;
    &lt;span class="s2"&gt;"click .editor-toolbar .preview a"&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt; &lt;span class="s2"&gt;"togglePreviewView"&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;是什么意思啊？具体实现逻辑是怎么样的呢？求分解下这个 js 代码。如果有更简单的方法显示，也求方法。先谢谢了啊。&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Mon, 14 Sep 2015 17:19:34 +0800</pubDate>
      <link>https://ruby-china.org/topics/27323</link>
      <guid>https://ruby-china.org/topics/27323</guid>
    </item>
    <item>
      <title>讨论下有没有可能用 Rails 的方式开发 iOS 应用 ？</title>
      <description>&lt;p&gt;现在 IOS 开发基本上已经算相当成熟了，许多的类库也是应有尽有。Rails 方式的开发优点就是快。现在开发 IOS 的类库是很多，但是并没有一个能类似 Rails 特点而且全面高效的框架。考虑到 IOS 是 Object-c 和 swift，不像 Rails 的 ruby 这种动态脚本语言等各种因素，各位懂 Rails 和 IOS 的大大能否分析下（例如利用 rails 原本的命令模式，应用到 IOS 开发中，生成 object-c 或者 swift 文件，帮助高效开发，让 rails 的开发者，能很快的编写 ios 程序).      &lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Sat, 12 Sep 2015 10:01:24 +0800</pubDate>
      <link>https://ruby-china.org/topics/27295</link>
      <guid>https://ruby-china.org/topics/27295</guid>
    </item>
    <item>
      <title>数据迁移和模型里面 validate 区别</title>
      <description>&lt;p&gt;有几个问题：&lt;/p&gt;

&lt;p&gt;1.在创建数据迁移文件的时候可以指定 unique: true 来判断该字段的唯一性，模型类的 validates 的 uniqueness: true 也可以判断唯一性，这两者怎么区别。两者都可以确定 belong_to,  reference ,请问什么情况在数据库迁移时候判断，什么情况在模型类里面判断啊？&lt;/p&gt;

&lt;p&gt;2.群组（Group），用户（User）如果该群组 group 有用户 current_user 就不让用户 current_user 再申请加入群。一般的做法是  &lt;a href="/group.users.include" class="user-mention" title="@group.users.include"&gt;&lt;i&gt;@&lt;/i&gt;group.users.include&lt;/a&gt;? current_user，还是通过其他的方式来判断&lt;/p&gt;

&lt;p&gt;3.问下数据库索引错误处理，我添加索引 add_index :applications  , [:group_id,:user_id] , unique: true，重复添加的时候会出现 &lt;code&gt;ActiveRecord::RecordNotUnique&lt;/code&gt; 错误，在写程序的时候是代码逻辑避免这样数据库的错误出现，还是在这样错误出现的时候加入异常处理，如果是后者，一般是怎么做的？&lt;/p&gt;

&lt;p&gt;4.最后，开始第一个写的 rails 项目就困难重重，求推荐一个好的开源 rails 项目，可以学习学习 rails 项目中遇到一些情况通常是怎么处理的。&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Thu, 13 Aug 2015 20:24:42 +0800</pubDate>
      <link>https://ruby-china.org/topics/26914</link>
      <guid>https://ruby-china.org/topics/26914</guid>
    </item>
    <item>
      <title>Rails 路由问题</title>
      <description>&lt;p&gt;新手 rails 写项目时候遇到一个问题，例如 QQ 那种模式的 web 应用。这里有三个模型，用户（User) , 群组 (Gropu),加入群组的申请 (GroupApplication)。申请的时候管理员可以决定通过（agree) ,拒绝 (reject)。那么这个 agree 和 reject 方法怎么写啊，在 rails 怎么路由？
默认有如下路由
&lt;img src="https://l.ruby-china.com/photo/2015/9e86bf7651978934e87fce4eecf12fc5.png" title="" alt=""&gt;
由于这种问题，不知道怎么去 google，所以请大大指教！&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Wed, 12 Aug 2015 16:27:23 +0800</pubDate>
      <link>https://ruby-china.org/topics/26894</link>
      <guid>https://ruby-china.org/topics/26894</guid>
    </item>
    <item>
      <title>controller_name 可以在 View 中使用，这是怎么来的？</title>
      <description>&lt;p&gt;例如，在 view 中可以用 controller_name 获得 controller 的名称，我进入&lt;a href="http://api.rubyonrails.org" rel="nofollow" target="_blank" title=""&gt;http://api.rubyonrails.org&lt;/a&gt; 查询 controller_name，获得的结果如下
&lt;img src="https://l.ruby-china.com/photo/2015/378bc2bae7050ec2f28f65ea247a83f1.png" title="" alt=""&gt;
发现它 ActionController::Metal &amp;lt; AbstractController::Base 的方法，应该 controller 里面的方法不能直接在 view 中使用，helper 的方法可以，但是 controller_name 可以在 view 中使用。请问大大们，这个怎么理解？&lt;/p&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Wed, 05 Aug 2015 20:23:27 +0800</pubDate>
      <link>https://ruby-china.org/topics/26786</link>
      <guid>https://ruby-china.org/topics/26786</guid>
    </item>
    <item>
      <title>simple_form  在 f.input 的前面加上 glyicon ？ </title>
      <description>&lt;p&gt;在 rails 项目中安装了 
gem 'simple_form', '~&amp;gt; 3.1.0.rc1', github: 'plataformatec/simple_form', branch: 'master'
gem 'bootstrap-sass', '~&amp;gt; 3.3.5'
自己在调整登陆界面的时候，想在输入框的前面加载用户名和密码的 icon，用 bootstrap 的 glyicon. 类似这样
&lt;img src="https://l.ruby-china.com/photo/2015/2fd029e3bb298b442966f3923a792951.png" title="" alt=""&gt; 
但是怎么弄都打不到效果。Google 了好多，有人说利用如下方式来做&lt;/p&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= f.input :notary_name,:label =&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="s1"&gt;'Notary'&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="ss"&gt;:input_html&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="p"&gt;{&lt;/span&gt;&lt;span class="ss"&gt;:class&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="s2"&gt;"span4"&lt;/span&gt;&lt;span class="p"&gt;},&lt;/span&gt; &lt;span class="ss"&gt;:wrapper&lt;/span&gt; &lt;span class="o"&gt;=&amp;gt;&lt;/span&gt; &lt;span class="ss"&gt;:prepend&lt;/span&gt; &lt;span class="k"&gt;do&lt;/span&gt; &lt;span class="sx"&gt;%&amp;gt;
  &amp;lt;span class="add-on"&amp;gt;&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"icon-search"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/i&amp;gt;&amp;lt;/s&lt;/span&gt;&lt;span class="n"&gt;pan&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= f.input_field :notary_name, :class =&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="s2"&gt;"span4 typeahead"&lt;/span&gt; &lt;span class="o"&gt;%&amp;gt;&lt;/span&gt;
&lt;span class="o"&gt;&amp;lt;%&lt;/span&gt;&lt;span class="k"&gt;end&lt;/span&gt;&lt;span class="sx"&gt;%&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;但是 simple_form_bootstrap.rb 中没有 prepend 的方法，于是界面就报“Couldn't find wrapper with name append”的错误，求解决方法啊。怎么实现那种效果。&lt;/p&gt;

&lt;p&gt;本人新手，刚刚看完一本书，想写写东西试试。刚刚开始就遇到这样问题，感觉是最基础的知识，结果都被折磨了一天，莫名觉得前路漫漫啊。跪求！&lt;/p&gt;

&lt;p&gt;下面是登陆界面的代码：&lt;/p&gt;
&lt;pre class="highlight ruby"&gt;&lt;code&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= render 'users/shared/header' %&amp;gt;

&amp;lt;div class=&lt;/span&gt;&lt;span class="s2"&gt;"container"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;h2&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;&lt;span class="no"&gt;Log&lt;/span&gt; &lt;span class="k"&gt;in&lt;/span&gt;&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/h2&amp;gt;
&amp;lt;div class="row"&amp;gt;
    &amp;lt;div class= "col-md-6 col-md-offset-3"&amp;gt;
      &amp;lt;%= simple_form_for(resource, as: resource_name, url: session_path(resource_name), html: { class: 'form-vertical' }) do |f| %&amp;gt;
        &amp;lt;div class="form-inputs"&amp;gt;
          &amp;lt;%= f.input :email, required: false, autofocus: true, :wrapper =&amp;gt; :append do%&amp;gt;
            &amp;lt;%= f.input_field :email %&amp;gt;
            &amp;lt;%= icon "envelope" %&amp;gt;
          &amp;lt;% end %&amp;gt;
          &amp;lt;%= f.input :password, required: false %&amp;gt;
          &amp;lt;%= f.input :remember_me, as: :boolean if devise_mapping.rememberable? %&amp;gt;
        &amp;lt;/&lt;/span&gt;&lt;span class="n"&gt;div&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;

        &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="n"&gt;div&lt;/span&gt; &lt;span class="k"&gt;class&lt;/span&gt;&lt;span class="o"&gt;=&lt;/span&gt;&lt;span class="s2"&gt;"form-actions"&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
          &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sx"&gt;%= f.button :submit, "Log in" ,class:"btn btn-primary"%&amp;gt;
        &amp;lt;/div&amp;gt;
      &amp;lt;% end %&amp;gt;

      &amp;lt;%=&lt;/span&gt; &lt;span class="n"&gt;render&lt;/span&gt; &lt;span class="s2"&gt;"users/shared/links"&lt;/span&gt; &lt;span class="o"&gt;%&amp;gt;&lt;/span&gt;
    &lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/div&amp;gt;
  &amp;lt;/&lt;/span&gt;&lt;span class="n"&gt;div&lt;/span&gt;&lt;span class="o"&gt;&amp;gt;&lt;/span&gt;
&lt;span class="o"&gt;&amp;lt;&lt;/span&gt;&lt;span class="sr"&gt;/div&amp;gt;
&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;</description>
      <author>chengkai1853</author>
      <pubDate>Fri, 31 Jul 2015 17:10:21 +0800</pubDate>
      <link>https://ruby-china.org/topics/26722</link>
      <guid>https://ruby-china.org/topics/26722</guid>
    </item>
  </channel>
</rss>
