添加 medium-zoom 用于查看图片

Gruntfile.js

@@ -30,6 +30,7 @@ module.exports = function(grunt) {
 					'js/lib/template.js',
 					'js/lib/marked.js',
 					'js/lib/highlight.js',
+					'js/lib/medium-zoom.js',
 					'js/boot.js',
 					'js/pull2refresh.js',
 					'js/issuelist.js',

dev.html

@@ -26,6 +26,7 @@
 <script src="js/lib/template.js"></script>
 <script src="js/lib/marked.js"></script>
 <script src="js/lib/highlight.js"></script>
+<script src="js/lib/medium-zoom.js"></script>
 <script src="js/boot.js"></script>
 <script src="js/pull2refresh.js"></script>
 <script src="js/issuelist.js"></script>
@@ -37,19 +38,18 @@
 <script>
 $.extend(spring.config, {
   // my blog title
-  title: 'Spring',
+  title: '学前班',
   // my blog description
-  desc: "A blog engine written by GitHub Issues  \n[Fork me on GitHub](https://github.com/zhaoda/spring)",
+  desc: "学前端",
   // my github username
-  owner: 'zhaoda',
+  owner: 'f2e-journey',
   // creator's username
-  creator: 'zhaoda',
+  creator: '',
   // the repository name on github for writting issues
-  repo: 'spring',
+  repo: 'xueqianban',
   // custom page
   pages: [
-    {name: 'About Spring', number: 1},
-    {name: 'Quick Start', number: 2}
+    // {name: 'About Spring', number: 1}
   ]
 })
 </script>

index.html

@@ -18,7 +18,7 @@
 <link rel="apple-touch-startup-image" href="img/apple-touch-startup-image-640x920.png" media="(-webkit-min-device-pixel-ratio: 2)">
 <link rel="apple-touch-startup-image" href="img/apple-touch-startup-image-640x1096.png" media="(device-height: 568px)">
 <link rel="stylesheet" href="dist/main.min.css" />
-<script src="dist/main.min.js"></script>
+<script src="dist/main.min.js?v20170309"></script>
 <script>
 $.extend(spring.config, {
   // my blog title

js/issues.js

@@ -57,6 +57,8 @@
 
   var commentsTplCompiled = template.compile(commentsTpl);
 
+  var mzoom;
+
   // XXX 将获取数据的逻辑提升到服务层
   function getIssueComments(number, callback) {
     var url = '/repos/' + spring.config.owner + '/' + spring.config.repo + '/issues/' + number + '/comments';
@@ -129,6 +131,11 @@
         issue = options.issue
 
     $target.html(renderContent(issue))
+
+    if (mzoom) {
+      mzoom.detach()
+    }
+    mzoom = mediumZoom('.issues img')
   })
 
   $doc.trigger('spa:route', pageLabels)