From a8da1415af0f7c0cd0a20a1d133e0730f09ed4b4 Mon Sep 17 00:00:00 2001
From: Henry Wang <hi@henry.wang>
Date: Wed, 30 Oct 2019 18:42:16 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E6=8D=A2=E8=A1=8C=E7=AC=A6=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=20(#3361)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

优化部分显示效果，如：一觉醒来世界上又发生哪些值得关注的事情 /kzfeed/topic/zE5QRX1Ok4vw
---
 lib/routes/kzfeed/topic.js | 67 +++++++++++++++++++-------------------
 1 file changed, 33 insertions(+), 34 deletions(-)

diff --git a/lib/routes/kzfeed/topic.js b/lib/routes/kzfeed/topic.js
index 965e88d59..781d3a640 100644
--- a/lib/routes/kzfeed/topic.js
+++ b/lib/routes/kzfeed/topic.js
@@ -73,13 +73,13 @@ module.exports = async (ctx) => {
 /**
  * @param {Card} cardData
  */
-function buildFeedItem(cardData) {
+const buildFeedItem = (cardData) => {
     const description = `
-<p><img src="${cardData.url_cover}" /></p>
-<p>${cardData.url_title}${cardData.url_desc ? ` - ${cardData.url_desc}` : ''}</p>
-<p style="white-space: pre-line">${serializeCardText(cardData.text)}</p>
-${renderImageList(cardData.images)}
-<p><a href="https://kz.sync163.com/web/card/${cardData.id}" style="margin-left: 10px">快知中间页</a></p>
+        <p><img src="${cardData.url_cover}" /></p>
+        <p>${cardData.url_title}${cardData.url_desc ? ` - ${cardData.url_desc}` : ''}</p>
+        <p style="white-space: pre-line">${serializeCardText(cardData.text)}</p>
+        ${renderImageList(cardData.images)}
+        <p><a href="https://kz.sync163.com/web/card/${cardData.id}" style="margin-left: 10px">快知中间页</a></p>
     `;
 
     return {
@@ -88,36 +88,35 @@ ${renderImageList(cardData.images)}
         pubDate: new Date(cardData.created_time * 1000),
         link: cardData.url,
     };
-}
+};
+
+const renderImageList = (images) => {
+    const renderItem = (src) => `
+        <li style="width: 30%; margin: 0.5rem">
+        <img style="width: 100%" src="${src}" />
+        </li>
+        `;
 
-function renderImageList(images) {
     return `
-<ul style="
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  list-style: none;
-  margin: 0;
-  padding: 0;
-">
-  ${images.map(renderItem).join('')}
-</ul>
-`;
+        <ul style="
+        display: flex;
+        justify-content: space-between;
+        flex-wrap: wrap;
+        list-style: none;
+        margin: 0;
+        padding: 0;
+        ">
+        ${images.map(renderItem).join('')}
+        </ul>
+        `;
+};
 
-    function renderItem(src) {
-        return `
-<li style="width: 30%; margin: 0.5rem">
-  <img style="width: 100%" src="${src}" />
-</li>
-`;
-    }
-}
+const serializeCardText = (text) =>
+    text
 
-function serializeCardText(text) {
-    return transformAnchorTagName(text);
+        /* 快知的 API 里的 a 标签名字叫做 a-link ，我们要把它改过来 */
+        .replace(/<a-link/g, '<a')
+        .replace(/<\/a-link>/g, '</a>')
 
-    /* 快知的 API 里的 a 标签名字叫做 a-link ，我们要把它改过来 */
-    function transformAnchorTagName(text) {
-        return text.replace(/<a-link/g, '<a').replace(/<\/a-link>/g, '</a>');
-    }
-}
+        /* 替换换行符 */
+        .replace(/\n/g, '<br>');