diff --git a/public/home/home.js b/public/home/home.js
index 8ecbf12c8..43eab17e0 100755
--- a/public/home/home.js
+++ b/public/home/home.js
@@ -538,6 +538,7 @@ function queryRecommendData(){
            displayActivity(json.activity);
            displayDataset(json.dataset);
            displayUserExp(json.user_experience);
+           LetterAvatar && LetterAvatar.transform();
         },
         error:function(response) {
         }
@@ -624,7 +625,7 @@ function displayRepo(json){
                 //  <i class="ri-star-line"></i>${repo["NumStars"]}<i class="ri-git-branch-line am-ml-10"></i>${repo["NumForks"]}</span> <div class="ui tags nowrap am-mt-10"></div>
                 html += `<div class="ui fluid card" style="border-radius:6px;">
                     <div class="content">
-                        <img class="left floated mini ui image" src="${repo["Avatar"]}">
+                        ${repo["Avatar"] ? `<img class="left floated mini ui image" src="${repo["Avatar"]}">` : `<img class="left floated mini ui image" avatar="${repo["OwnerName"]}">`}
                         <a class="header nowrap" style="color:rgb(50, 145, 248);font-size:14px;" href="/${repo["OwnerName"]}/${repo["Name"]}" title="${repo["Alias"]}">${repo["Alias"]}</a>
                         <div class="description nowrap-2" style="rgba(136,136,136,1);;font-size:12px;" title="${repo["Description"]}">${repo["Description"]}</div>
                         `;