{"status":0,"content":{"id":"335","title":"\u5e74\u8f7b\u4eba\u7684\u8336\u5ba4","cover":"https:\/\/img.ilohas.com","cover_small":"https:\/\/img.ilohas.com\/upload\/1412\/29\/120772331854a0bb20e2ba02.13457294.jpg","app_cover":"https:\/\/img.ilohas.com\/upload\/1503\/09\/145107752754fd1b2a8db6b2.40102042.jpg","image":"https:\/\/img.ilohas.com\/upload\/1412\/29\/188632470554a0bb20cf5b93.86191627.jpg","seo_keywords":"","seo_description":"","content":"<p class=\"line line-nu-1\">\u5728\u5e2e\u5fd9\u6253\u7406\u5bb6\u65cf\u8336\u53f6\u751f\u610f\u5341\u591a\u5e74\u540e\uff0cPeter \u51b3\u5b9a\u5f00\u4e00\u5bb6\u5c5e\u4e8e\u81ea\u5df1\u7684\u8336\u5ba4\u3002\u7cbe\u9009\u7684\u8336\u53f6\uff0c\u597d\u770b\u7684\u9676\u571f\u8336\u58f6\uff0c\u4ee5\u53ca\u6781\u7b80\u7684\u5e97\u94fa\u7a7a\u95f4\uff0c\u662f\u8fd9\u5bb6\u53d6\u540d\u4e3a Song Tea &amp; Ceramics \u7684\u7279\u5f81\u3002<\/p><p class=\"img\"><img src=\"http:\/\/s2.cdn.bbwc.cn\/issue_0\/articles\/160050093\/2014\/1228\/54a00a966282d.jpg\"\/><\/p><p class=\"line line-nu-2\">\u8336\u5ba4\u76ee\u524d\u4e3b\u8981\u7cbe\u9009\u6765\u81ea\u4e2d\u56fd\u5927\u9646\u3001\u53f0\u6e7e\u7684\u8336\u53f6\uff0c\u4e5f\u6709\u5f15\u8fdb\u97e9\u56fd\u548c\u65e5\u672c\u8336\u7684\u6253\u7b97\u3002\u6bcf\u4e00\u79cd\u8336\u6e90\u7684\u9009\u62e9\uff0cPeter \u90fd\u4f1a\u4eb2\u81ea\u53bb\u539f\u4ea7\u5730\u4e0e\u79cd\u690d\u8005\u548c\u57f9\u80b2\u8005\u76f4\u63a5\u4ea4\u6d41\u3001\u63a2\u8ba8\u3002\u5728 Song Tea \u6b63\u5f0f\u542f\u52a8\u4e4b\u524d\uff0cPeter \u82b1\u4e86\u4e24\u4e2a\u6708\u7684\u65f6\u95f4\u7a7f\u68ad\u5728\u4e2d\u56fd\u5927\u9646\u548c\u53f0\u6e7e\u7684\u5404\u4e2a\u8336\u56ed\uff0c\u53ea\u4e3a\u5e26\u56de\u9ad8\u8d28\u91cf\u548c\u7279\u522b\u53e3\u611f\u7684\u8336\u53f6\u3002<\/p><p class=\"img\"><img src=\"http:\/\/s2.cdn.bbwc.cn\/issue_0\/articles\/160050093\/2014\/1228\/54a00a966bca0.jpg\"\/><\/p><p class=\"line line-nu-3\">\u8fd1\u51e0\u5e74\u6765\uff0c\u9ad8\u54c1\u8d28\u7684\u8336\u53d7\u5230\u8d8a\u6765\u8d8a\u591a\u4eba\u7684\u5173\u6ce8\uff0c\u4e0d\u8bba\u662f\u8d85\u5e02\u8fd8\u662f\u4e13\u95e8\u7684\u5546\u5e97\u90fd\u66f4\u503e\u5411\u4e8e\u552e\u5356\u9ad8\u54c1\u8d28\u7684\u8336\u53f6\uff0c\u8fd9\u5bf9\u4e8e\u6574\u4e2a\u4ea7\u4e1a\u6765\u8bf4\u662f\u4ef6\u597d\u4e8b\uff0c\u5f53\u7136\u6d88\u8d39\u8005\u4e5f\u5728\u6162\u6162\u5b66\u4e60\u548c\u63a5\u53d7\u66f4\u597d\u66f4\u8d35\u7684\u8336\u53f6\u3002<\/p><p class=\"img\"><img src=\"http:\/\/s2.cdn.bbwc.cn\/issue_0\/articles\/160050093\/2014\/1228\/54a025947ad1f.jpg\"\/><\/p><p class=\"line line-nu-4\">\u201c\u597d\u8336\u914d\u597d\u5668\u201d\uff0c\u4e0e\u8336\u53f6\u4e00\u6837\u8bb2\u7a76\u7684\u662f\u7528\u6765\u559d\u8336\u7684\u8336\u5177\uff0cPeter \u575a\u6301\u4e0e\u53f0\u6e7e\u827a\u672f\u5bb6\u5408\u4f5c\u8ba2\u8d2d\u5c0f\u6279\u91cf\u624b\u4f5c\u751f\u4ea7\u7684\u8336\u5177\uff0c\u4ee5\u53ca\u50cf\u662f\u5982\u5927\u9646\u5b9c\u5174\u7d2b\u7802\u58f6\u8fd9\u6837\u80fd\u591f\u5f88\u597d\u5438\u6536\u8336\u53f6\u9999\u6c14\u548c\u5473\u9053\u7684\u8336\u58f6\u3002<\/p><p class=\"img\"><img src=\"http:\/\/s2.cdn.bbwc.cn\/issue_0\/articles\/160050093\/2014\/1228\/54a02594821ab.jpg\"\/><\/p><p class=\"line line-nu-5\">\u88ab\u95ee\u53ca\u4e00\u5929\u4e2d\u6700\u7231\u7684\u559d\u8336\u65f6\u95f4\u662f\u4ec0\u4e48\u65f6\u5019\uff1fPeter \u56de\u7b54\u8bf4\uff0c\u5728\u6211\u4eec\u7684\u7f51\u7ad9\u4e0a\u6709\u8fd9\u6837\u4e00\u53e5\u8bdd\uff1a\u6211\u4eec\u4e00\u6574\u5929\u90fd\u559d\u8336\u3002\uff08\u7b11\uff09\u6240\u4ee5\u6211\u5c31\u662f\u5728\u60f3\u559d\u8336\u7684\u65f6\u5019\u559d\u8336\u3002<\/p><p class=\"img\"><img src=\"http:\/\/s2.cdn.bbwc.cn\/issue_0\/articles\/160050093\/2014\/1228\/54a00a9654f4c.jpg\"\/><\/p><p class=\"line line-nu-6\">\u82e5\u662f\u4e0b\u6b21\u53bb\u65e7\u91d1\u5c71\u7684\u65f6\u5019\u4e5f\u6070\u60f3\u559d\u8336\uff0c\u5c31\u53bb 2120 Sutter Street \u770b\u770b\u5427\u3002<\/p><p class=\"line line-nu-7\"><br\/><\/p><script type=\"text\/javascript\">var ua = navigator.userAgent.toLowerCase();\r\nvar wrapper = document.querySelector('.wrapper');\r\nvar toutu = document.querySelector('.toutu');\r\nvar bottomContent = document.querySelector('.bottom-content');  \/\/\u5934\u56fe\u4e0b\u9762\u7684\u5185\u5bb9\r\nvar issueid = '0';    \/\/\u671fid\r\nvar articleid = '160050093';    \/\/\u6587\u7ae0ID\r\nvar catid = '220'; \/\/\u5206\u7c7bID\r\nvar srcTmpl = '{domain}issue_{issueid}\/articles\/{articleid}{imgsrc}'; \/\/\u56fe\u7247\u5730\u5740\u6a21\u677f\r\nvar act = 'pugpig';   \/\/\u662f\u5426\u662f\u9884\u89c8\r\nvar domains = [\"http:\/\/s1.cdn.bbwc.cn\/\",\"http:\/\/s2.cdn.bbwc.cn\/\",\"http:\/\/s3.cdn.bbwc.cn\/\",\"http:\/\/s4.cdn.bbwc.cn\/\"];\r\nvar deviceType = '3';   \/\/1\uff0c10\uff0c11\uff0c12\u662fphone\r\nvar author = '';   \/\/\u4f5c\u8005\u5b57\u6bb5\r\nvar articleRelation = '';\r\n\r\nif(ua.indexOf('slate') >-1){\r\n    document.documentElement.style.webkitUserSelect = 'none';\r\n    document.documentElement.style.webkitTouchCallout = 'none';\r\n}\r\n\/**\r\n * \u968f\u673a\u83b7\u53d6\u57df\u540d\r\n * @returns {*}\r\n *\/\r\nfunction getDomain() {\r\n    return domains[Math.ceil(Math.random() * domains.length - 1)];\r\n}\r\n\r\n\/**\r\n * \u56fe\u7247\u5730\u5740\u5927\u5c0f\u5904\u7406\r\n *\/\r\nfunction imgHandle() {\r\n    var imgs = document.querySelectorAll('img');\r\n    for (var i = 0; i < imgs.length; i++) {\r\n        \/\/\u9884\u5148\u8bbe\u7f6e\u597d\u56fe\u7247\u5927\u5c0f\uff0c\u907f\u514d\u95ea\u52a8\r\n        var wdh = imgs[i].dataset['width'] \/ imgs[i].dataset['height'];\r\n        if (imgs[i].parentNode.clientWidth < imgs[i].dataset['width'] || imgs[i].parentNode.className.indexOf('toutu') > -1) {\r\n            imgs[i].width = imgs[i].parentNode.clientWidth;\r\n            imgs[i].height = Math.floor(imgs[i].width \/ wdh);\r\n        } else {\r\n            imgs[i].width = imgs[i].dataset['width'];\r\n            imgs[i].height = Math.floor(imgs[i].width \/ wdh);\r\n        }\r\n        imgs[i].src = srcTmpl.replace('{domain}', getDomain()).replace('{issueid}', issueid).replace('{articleid}', articleid).replace('{imgsrc}', imgs[i].dataset['src'].replace('uploadfile', ''));\r\n        imgs[i].style.opacity = 1;\r\n    }\r\n}\r\n\r\n\/**\r\n * \u9875\u9762\u94fe\u63a5\u5904\u7406\r\n *\/\r\nfunction linkHandle() {\r\n    if (ua.indexOf('slate') == -1 && 'preview' != act) {\r\n        var linksBox = document.getElementsByClassName('link-list'),\r\n                hotBox = document.getElementsByClassName('hot'),\r\n                _linkHandle = function (link) {\r\n                    var linksUrl = link['href'];\r\n                    if (linksUrl.indexOf('slate:\/\/web\/') > -1) {\r\n                        link['href'] = linksUrl.split('slate:\/\/web\/')[1];\r\n                    } else if (linksUrl.indexOf('slate:\/\/video\/') > -1) {\r\n                        var videoLink = linksUrl.split('slate:\/\/video\/')[1];\r\n                        videoLink = videoLink.substr(0, videoLink.lastIndexOf('.')) + '.mp4';\r\n                        link['href'] = 'javascript:;';\r\n                        link.onclick = function () {\r\n                            var videoBox = document.querySelector('.video-box');\r\n                            if (videoBox) {\r\n                                videoBox.querySelector('video').src = videoLink;\r\n                                videoBox.style.display = 'block';\r\n                            } else {\r\n                                var videoBox = document.createElement('div');\r\n                                var video = document.createElement('video');\r\n                                var close = document.createElement('div');\r\n                                close.innerHTML = '\u00d7';\r\n                                close.style.position = 'absolute';\r\n                                close.style.right = 20 + 'px';\r\n                                close.style.top = 20 + 'px';\r\n                                close.style.fontSize = 40 + 'px';\r\n                                close.onclick = function () {\r\n                                    videoBox.style.display = 'none';\r\n                                    video.pause();\r\n                                };\r\n                                videoBox.appendChild(close);\r\n\r\n                                video.src = videoLink;\r\n                                video.controls = 'controls';\r\n                                video.style.width = wrapper.offsetWidth + 'px';\r\n                                video.style.marginTop = 100 + 'px';\r\n                                video.style.marginLeft = document.body.offsetWidth \/ 2 - wrapper.offsetWidth \/ 2 + 'px';\r\n                                videoBox.appendChild(video);\r\n\r\n                                videoBox.className = 'video-box';\r\n                                videoBox.style.position = 'fixed';\r\n                                videoBox.style.color = '#FFF';\r\n                                videoBox.style.backgroundColor = '#000';\r\n                                videoBox.style.left = '0';\r\n                                videoBox.style.top = '0';\r\n                                videoBox.style.zIndex = '99999';\r\n                                videoBox.style.width = document.body.offsetWidth + 'px';\r\n                                videoBox.style.height = document.body.offsetHeight + 'px';\r\n                                document.body.appendChild(videoBox);\r\n                            }\r\n                        }\r\n                    } else if (linksUrl.indexOf('tel:\/\/') > -1) {\r\n                        link.removeAttribute('href');\r\n                    }\r\n                };\r\n        for (var i = 0; i < linksBox.length; i++) {\r\n            var links = linksBox[i].getElementsByTagName('a');\r\n            for (var j = 0; j < links.length; j++) {\r\n                _linkHandle(links[j]);\r\n            }\r\n        }\r\n        for (var i = 0; i < hotBox.length; i++) {\r\n            _linkHandle(hotBox[i]);\r\n        }\r\n    }\r\n}\r\n\r\n\/**\r\n * \u70ed\u533a\u5904\u7406\r\n *\/\r\nfunction hotHandle() {\r\n    var hots = document.querySelectorAll('.hot');\r\n    for (var i = 0; i < hots.length; i++) {\r\n        var hot = hots[i];\r\n        var wdw = hot.dataset['width'] \/ toutu.offsetWidth;\r\n        hot.style.left = Math.floor(hot.dataset['left'] \/ wdw) + 'px';\r\n        hot.style.top = Math.floor(hot.dataset['top'] \/ wdw) + 'px';\r\n        hot.style.width = Math.floor(hot.offsetWidth \/ wdw) + 'px';\r\n        hot.style.height = Math.floor(hot.offsetHeight \/ wdw) + 'px';\r\n        hot.dataset['width'] = toutu.offsetWidth;\r\n    }\r\n}\r\n\r\n\/**\r\n * \u7ffb\u8f6c\u6216\u8c03\u6574\u5c4f\u5e55\r\n *\/\r\nfunction orientationHandle() {\r\n    var evt = \"onorientationchange\" in window ? \"orientationchange\" : \"resize\";\r\n    window.addEventListener(evt, function () {\r\n        imgHandle();\r\n        hotHandle();\r\n    }, false);\r\n}\r\n\r\n\/**\r\n * \u5982\u679c\u4e0b\u9762\u5185\u5bb9\u9875\u9762\u9ad8\u5ea6\u5c0f\u4e8e80\uff0c\u5c31\u8ba4\u4e3a\u8fd9\u7bc7\u6587\u7ae0\u662f\u4e00\u4e2a\u5168\u5c4f\u56fe\uff0c\u5c06\u4e00\u4e9b\u6837\u5f0f\u53bb\u6389\r\n *\/\r\nfunction onlyToutuHandle() {\r\n    var title = wrapper.querySelector('.title'),\r\n            time = wrapper.querySelector('.time'),\r\n            subcontent = wrapper.querySelector('.subcontent');\r\n\r\n    if ((title && title.style.display == 'none')\r\n            && (time && time.style.display == 'none')\r\n            && (subcontent && subcontent.style.display == 'none')) {\r\n        wrapper.style['max-width'] = '100%';\r\n        wrapper.style['margin-bottom'] = 0;\r\n        bottomContent.style.display = 'none';\r\n        toutu.style['padding-bottom'] = 0;\r\n        toutu.style['margin-bottom'] = 0;\r\n        document.body.style['margin-bottom'] = 0;\r\n\r\n        \/\/\u5546\u5468\u7684\u4e1c\u897f\r\n        var topBox = document.querySelector('.top-box'),\r\n                footerDivider = document.querySelector('.footer-divider');\r\n        if (topBox) {\r\n            topBox.style.display = 'none';\r\n        }\r\n        if (footerDivider) {\r\n            footerDivider.style.display = 'none';\r\n        }\r\n    }\r\n}\r\n\r\n\/**\r\n * \u9884\u89c8\u65f6\u9875\u9762\u5bbd\u5ea6\u5904\u7406\r\n *\/\r\nfunction viewWidthHandle() {\r\n    if ('preview' == act) {\r\n        var reg = new RegExp('(^|&)' + 'deviceType' + '=([^&]*)(&|$)');\r\n        var r = window.location.search.substr(1).match(reg);\r\n        if (r && '1' == r[2]) {\r\n            wrapper.className = wrapper.className + ' phone-view';\r\n        } else {\r\n            wrapper.className = wrapper.className + ' pad-view';\r\n        }\r\n    }\r\n    wrapper.style.opacity = 1;\r\n}\r\n\r\n\/**\r\n * \u5b57\u4f53\u548c\u884c\u8ddd\u8c03\u6574\r\n * @param size\r\n *\/\r\nfunction setFontSize(size) {\r\n    var lines = bottomContent.querySelectorAll('.line');\r\n    for (var i = 0; i < lines.length; i++) {\r\n        lines[i].style.fontSize = 13 + size + 'px';\r\n    }\r\n}\r\n\r\n\/**\r\n * \u5b57\u4f53\u548c\u884c\u8ddd\u8c03\u6574\r\n * @param height\r\n *\/\r\nfunction setLineHeight(height) {\r\n    var lines = bottomContent.querySelectorAll('.line');\r\n    for (var i = 0; i < lines.length; i++) {\r\n        lines[i].style.lineHeight = 23 + height + 'px';\r\n    }\r\n}\r\n\r\n\/**\r\n * \u76f8\u5173\u6587\u7ae0\r\n *\/\r\nfunction renderRelationArticles() {\r\n    if (articleRelation != '') {\r\n        var articlesObject = JSON.parse(articleRelation);\r\n        if (articlesObject.tagname_tagindex.articles instanceof Array &&\r\n                articlesObject.tagname_tagindex.articles.length > 0) {\r\n            var html = '<div class=\"relation-title\">\u60a8\u53ef\u80fd\u8fd8\u60f3\u770b\uff1a<\/div>';\r\n            var articlesHandle = function (articles) {\r\n                var html = '';\r\n                html += '<div class=\"relation-articles\">';\r\n                for (var i = 0; i < articles.length; i++) {\r\n                    if (ua.indexOf('slate') == -1 && 'preview' != act) {\r\n                        html += '<a href=\"' + articles[i].weburl + '\">';\r\n                    } else {\r\n                        html += '<a href=\"' + articles[i].slate_uri + '\">';\r\n                    }\r\n                    if (articles[i].thumb && articles[i].thumb[0].url != '') {\r\n                        html += '<img class=\"re-photo\" src=\"' + articles[i].thumb[0].url + '\"\/>';\r\n                    }\r\n                    html += '<div class=\"re-right\"><div class=\"re-title\">' + articles[i].title + '<\/div><div class=\"re-desc\">' + articles[i].desc + '<\/div><\/div><\/a>';\r\n                }\r\n                return html;\r\n            };\r\n            html += articlesHandle(articlesObject.tagname_tagindex.article<\/script><script>function MyAppGetHTMLElementsAtPoint(x,y){var tags=\",\";var e=document.elementFromPoint(x,y);while(e){if(e.tagName){tags+=e.tagName+\",\"}e=e.parentNode}return tags}function MyAppGetLinkSRCAtPoint(x,y){var tags=\"\";var e=document.elementFromPoint(x,y);while(e){if(e.src){tags+=e.src;break}e=e.parentNode}return tags}function MyAppGetLinkHREFAtPoint(x,y){var tags=\"\";var e=document.elementFromPoint(x,y);while(e){if(e.href){tags+=e.href;break}e=e.parentNode}return tags};<\/script>","likes":"131","favorites":"12","hits":"51401","replies":"0","dateline":"1419782400","link":[{"id":"417","article_id":"335","icon":"1","title":"Song Tea","url":"http:\/\/www.songtea.com\/"},{"id":"418","article_id":"335","icon":"1","title":"Kinfolk","url":"http:\/\/www.kinfolk.com\/city_guide\/san-francisco-song-tea-ceramics\/"},{"id":"419","article_id":"335","icon":"1","title":"\u66f4\u591a\u54a8\u8be2\uff0c\u6b22\u8fce\u8ba2\u9605","url":"http:\/\/detail.tmall.com\/item.htm?spm=a220m.1000858.1000725.6.gernsi&id=10613821986&is_b=1&cat_id=2&q=LOHAS%C0%D6%BB%EE%D4%D3%D6%BE&rn=0c32256e9d9e8f55ebad9f4db7fcb652"}]}}