hexo-theme-stellar 1.8.0 → 1.9.0

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.8.0'
+  version: '1.9.0'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   cdn_css: # Use cdn links instead of /css/main.css
@@ -65,8 +65,10 @@ breadcrumb:
 
 ######## Article ########
 article:
-  # 如果没有指定封面，是否根据 tags 作为关键词搜索封面？
+  # 如果没有指定封面，是否根据 tags 作为关键词搜索封面图片？
   auto_cover: false # search from https://source.unsplash.com/
+  # 如果没有指定横幅，是否根据 tags 作为关键词搜索横幅图片？
+  auto_banner: false # search from https://source.unsplash.com/
   # 如果没有指定 excerpt 和 description，将自动取多长的内容作为文章摘要？
   auto_excerpt: 200
   # 分类颜色
@@ -84,7 +86,6 @@ article:
     auto_cover: true # 如果没有封面就根据 tags 作为关键词搜索封面，开了此项将不会自动从文章中提取首张图片作为封面了。
 
 
-
 ######## Comments ########
 comments:
   service: # beaudar, utterances, valine, twikoo, waline
@@ -109,6 +110,23 @@ comments:
     issue-number:
     theme: preferred-color-scheme
     label:
+  # giscus
+  # https://giscus.app/zh-CN
+  giscus:
+    data-repo: xxx/xxx # [在此输入仓库]
+    data-repo-id: # [在此输入仓库 ID]
+    data-category: # [在此输入分类名]
+    data-category-id:
+    data-mapping: pathname
+    data-strict: 0
+    data-reactions-enabled: 1
+    data-emit-metadata: 0
+    data-input-position: top # top, bottom
+    data-theme: preferred_color_scheme
+    data-lang: zh-CN
+    data-loading: lazy
+    crossorigin: anonymous
+
   valine:
     js: https://fastly.jsdelivr.net/gh/XuxuGood/simple-blog-cdn@main/js/Valine.min.js
     appId: # your appId
@@ -140,7 +158,7 @@ comments:
     js: https://unpkg.com/@waline/client@v2/dist/waline.js
     css: https://unpkg.com/@waline/client@v2/dist/waline.css
     # Waline server address url, you should set this to your own link
-    serverURL: 
+    serverURL:
 
     # If false, comment count will only be displayed in post page, not in home page
     commentCount: true
@@ -212,7 +230,7 @@ footer:
     # '更多':
     #   - '[关于本站](/)'
     #   - '[GitHub](/)'
-  license: '[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)'
+  license: # '[CC BY-NC-SA 4.0](https://creativecommons.org/licenses/by-nc-sa/4.0/)'
   source: #'[GitHub](https://github.com/xaoxuu/hexo-theme-stellar)'
   more: # string or array (support markdown)
 
@@ -304,6 +322,22 @@ plugins:
     css: https://unpkg.com/heti/umd/heti.min.css
     js: https://unpkg.com/heti/umd/heti-addon.min.js
 
+  # MathJax
+  # 需在Markdown文件开头加入mathjax: true
+  # 推荐使用Pandoc: npm uninstall hexo-renderer-marked --save & npm install hexo-renderer-pandoc --save
+  mathjax:
+    enable: false
+    cdn: https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.6/MathJax.js?config=TeX-AMS-MML_HTMLorMML
+
+  # Katex - The fastest math typesetting library for the web
+  # https://katex.org/docs/autorender.html
+  # https://github.com/KaTeX/KaTeX
+  # 使用 hexo-renderer-markdown-it-plus 作为公式渲染器：npm uninstall hexo-renderer-marked --save npm install hexo-renderer-markdown-it-plus --save
+  katex:
+    enable: false
+    min_css: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.css" integrity="sha384-Xi8rHCmBmhbuyyhbI88391ZKP2dmfnOl4rT9ZfRI7mLTdk1wblIUnrIq35nqwEvC" crossorigin="anonymous">
+    min_js: <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/katex.min.js" integrity="sha384-X/XCfMm41VSsqRNQgDerQczD69XqmjOOOwYQvr/uuC+j4OPoNhVgjdGFwhvN02Ja" crossorigin="anonymous"></script>
+    auto_render_min_js: <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.0/dist/contrib/auto-render.min.js" integrity="sha384-+XBljXPPiv+OzfbB3cVmLHf4hdUFHlWNZN5spNQ7rmHTXpd7WvJum6fIACpNNfIR" crossorigin="anonymous"onload="renderMathInElement(document.body);"></script>
 
 style:
   darkmode: auto # auto / always / false
@@ -315,6 +349,7 @@ style:
     background: https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.2/avatar/round/rainbow64@3x.webp
   codeblock:
     scrollbar: 4px
+    highlightjs_theme: https://fastly.jsdelivr.net/gh/highlightjs/cdn-release@11.5.0/build/styles/atom-one-dark.min.css
 
 default:
   avatar: https://fastly.jsdelivr.net/gh/cdn-x/placeholder@1.0.1/avatar/round/3442075.svg

package/languages/zh-CN.yml

@@ -38,8 +38,8 @@ meta:
 
 footer:
   license: '本博客所有文章除特别声明外，均采用 %s 许可协议，转载请注明出处。'
-  info_not_open_source: '本站由 %s 创建，使用 %s 作为主题。'
-  info_open_source: '本站由 %s 创建，使用 %s 作为主题，您可以在 %s 找到本站源码。'
+  info_not_open_source: '本站由 %s 使用 %s 主题创建。'
+  info_open_source: '本站由 %s 使用 %s 主题创建，您可以在 %s 找到本站源码。'
 
 page:
   error:

package/languages/zh-TW.yml

@@ -38,8 +38,8 @@ meta:
 
 footer:
   license: '本網誌所有文章除特別聲明外，均採用 %s 授權條款。轉載請註明出處。'
-  info_not_open_source: '本站由 %s 建立，使用 %s 作為主題。'
-  info_open_source: '本站由 %s 建立，使用 %s 作為主題。您可以在 %s 找到本站原始碼。'
+  info_not_open_source: '本站由 %s 使用 %s 主題建立。'
+  info_open_source: '本站由 %s 使用 %s 主題建立。您可以在 %s 找到本站原始碼。'
 
 page:
   error:

package/layout/_partial/cover/post_cover.ejs

@@ -1,15 +1,37 @@
 <%
 function div() {
   var el = '';
-  if (page.banner == undefined || page.banner == false) {
+  if ((page.banner == undefined || page.banner == false) && !theme.article.auto_banner) {
     return el;
   }
+  var url;
+  if (page.banner != undefined) {
+    if (page.banner.includes('/')) {
+      url = page.banner;
+    } else {
+      url = 'https://source.unsplash.com/2000x400/?' + page.banner;
+    }
+  } else {
+    // 自动以 tags 作为关键词搜索封面
+    if (page.tags) {
+      var params = '';
+      page.tags.reverse().forEach((tag, i) => {
+        if (i > 0) {
+          params += ',';
+        }
+        params += tag.name;
+      });
+      url = 'https://source.unsplash.com/2000x400/?' + params;
+    } else {
+      url = 'https://source.unsplash.com/random/2000x400';
+    }
+  }
   el += '<div class="l_cover post' + scrollreveal() + '">';
   el += '<div class="cover">';
   if (theme.plugins.lazyload && theme.plugins.lazyload.enable) {
-    el += '<div class="lazy img bg" data-bg="' + page.banner + '"></div>';
+    el += '<div class="lazy img bg" data-bg="' + url + '"></div>';
   } else {
-    el += '<div class="lazy img bg" style="background-image:url(&quot;' + page.banner + '&quot;)"></div>';
+    el += '<div class="lazy img bg" style="background-image:url(&quot;' + url + '&quot;)"></div>';
   }
   el += '</div>';
   el += '</div>';

package/layout/_partial/head.ejs

@@ -82,6 +82,17 @@ function og_args() {
     <%- favicon_tag(config.favicon) %>
   <% } %>
 
+  <% if (config.highlight && config.highlight.enable == true && config.highlight.hljs == true) { %>
+    <%- css(theme.style.codeblock.highlightjs_theme) %>
+  <% } %>
+
+  <% if (theme.plugins.katex && theme.plugins.katex.enable) { %>
+    <%- theme.plugins.katex.min_css %>
+    <%- theme.plugins.katex.min_js %>
+    <%- theme.plugins.katex.auto_render_min_js %>
+  <% } %>
+
+
   <% if (config.inject && config.inject.head){ %>
     <% (config.inject.head||[]).forEach(function(item){ %>
       <%- item %>

package/layout/_partial/plugins/comments/giscus/layout.ejs

@@ -0,0 +1,39 @@
+<%
+function layoutDiv() {
+  const cmt = 'giscus';
+  // 合并配置参数
+  var config = Object.assign({}, theme.comments[cmt]);
+  if (page.layout === 'wiki' && page.wiki) {
+    let proj = theme.wiki.projects[page.wiki];
+    if (proj[cmt] != undefined) {
+      Object.assign(config, proj[cmt]);
+    }
+  }
+  Object.assign(config, page[cmt]);
+  // 合并评论数据
+  if (page.comment_id != undefined) {
+    config['data-mapping'] = 'specific';
+    config['data-term'] = page.comment_id;
+  } else if (page.layout === 'wiki' && page.wiki) {
+    let proj = theme.wiki.projects[page.wiki];
+    if (proj.comment_id != undefined) {
+      config['data-mapping'] = 'specific';
+      config['data-term'] = proj.comment_id;
+    }
+  }
+  // 布局
+  var el = '';
+  el += '<div id="' + cmt + '"';
+  for (let key of Object.keys(config)) {
+    if (config[key] !== null) {
+      el += ' ' + key + '="' + config[key] + '"';
+    }
+  }
+  el += '></div>';
+  return el;
+}
+%>
+
+<svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg>
+
+<%- layoutDiv() %>

package/layout/_partial/plugins/comments/giscus/script.ejs

@@ -0,0 +1,26 @@
+<script>
+  function loadJS() {
+    const els = document.querySelectorAll("#comments #giscus");
+    if (els.length === 0) return;
+    els.forEach((el, i) => {
+      try {
+        el.innerHTML = '';
+      } catch (error) {
+        console.log(error);
+      }
+      var script = document.createElement('script');
+      script.src = 'https://giscus.app/client.js';
+      script.async = true;
+      for (let key of Object.keys(el.attributes)) {
+        let attr = el.attributes[key];
+        if (['class', 'id'].includes(attr.name) === false) {
+          script.setAttribute(attr.name, attr.value);
+        }
+      }
+      el.appendChild(script);
+    });
+  }
+  window.addEventListener('DOMContentLoaded', (event) => {
+    loadJS();
+  });
+</script>

package/layout/_partial/plugins/comments/layout.ejs

@@ -9,7 +9,7 @@ if (theme.comments.service && theme.comments.service.length > 0) {
 if (loadComment && page.layout == 'wiki' && page.wiki) {
   let proj = theme.wiki.projects[page.wiki];
   if (proj.comment_title != undefined && page.comment_title == undefined) {
-    if (['utterances', 'beaudar'].includes(theme.comments.service)) {
+    if (['utterances', 'beaudar', 'giscus'].includes(theme.comments.service)) {
       page.comment_title = proj.comment_title;
     }
   }

package/layout/mathjax.ejs

@@ -0,0 +1,29 @@
+<% if (theme.plugins.mathjax.enable){ %>
+    <script type="text/x-mathjax-config">
+      MathJax.Hub.Config({
+          tex2jax: {
+            inlineMath: [ ['$','$'], ["\\(","\\)"] ],
+            processEscapes: true
+          }
+        });
+      </script>
+
+    <script type="text/x-mathjax-config">
+      MathJax.Hub.Config({
+            tex2jax: {
+              skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
+            }
+          });
+      </script>
+
+    <script type="text/x-mathjax-config">
+      MathJax.Hub.Queue(function() {
+              var all = MathJax.Hub.getAllJax(), i;
+              for(i=0; i < all.length; i += 1) {
+                  all[i].SourceElement().parentNode.className += ' has-jax';
+              }
+          });
+      </script>
+
+    <script type="text/javascript" src="<%- theme.plugins.mathjax.cdn %>"></script>
+<% } %>

package/layout/page.ejs

@@ -10,7 +10,7 @@ function layoutTitle() {
 %>
 <% if (page.h1 || page.title || (page.content && page.content.length > 0)) { %>
   <%- partial('_partial/main/navbar/breadcrumb') %>
-  <article class='content md <%- page.layout %><%- scrollreveal() %>'>
+  <article class='content md <%- page.layout %><%- page.indent ? ' indent' : '' %><%- scrollreveal() %>'>
   <%- layoutTitle() %>
   <% if (page.content && page.content.length > 0) { %>
     <%- page.content %>

package/layout/post.ejs

@@ -19,6 +19,9 @@ if (theme.plugins.heti && theme.plugins.heti.enable) {
   heti = ' heti';
 }
 %>
+<% if (page.mathjax == true){ %>
+    <%- partial('mathjax') %>
+<% } %>
 <%- partial('_partial/main/navbar/breadcrumb') %>
 <article class='content<%- heti %> md <%- post.layout %><%- post.indent ? ' indent' : '' %><%- scrollreveal() %>'>
 <%- layoutTitle() %>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/tags/index.js

@@ -6,3 +6,6 @@ const postTabs = require('./lib/tabs')(hexo);
 hexo.extend.tag.register('tabs', postTabs, true);
 hexo.extend.tag.register('subtabs', postTabs, true);
 hexo.extend.tag.register('subsubtabs', postTabs, true);
+
+const users = require('./lib/users')(hexo);
+hexo.extend.tag.register('users', users);

package/scripts/tags/lib/users.js

@@ -0,0 +1,23 @@
+/**
+ * users.js v1 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% users api:https://api.github.com/repos/xaoxuu/hexo-theme-stellar/contributors %}
+ */
+
+'use strict';
+
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['api']);
+  var el = '<div class="tag-plugin users-wrap">';
+  
+  el += '<div class="friendsjs-wrap"';
+  el += ' id="friends-api"';
+  el += ' api="' + args.api + '"';
+  el += '>';
+  el += '<div class="group-body"></div>';
+  el += '</div>';
+
+  el += '</div>';
+  return el;
+};

package/source/css/_common/base.styl

@@ -12,6 +12,15 @@ a
   &:hover
     color: $color-hover
 
+// md > a
+p, li
+  >a:not([class])
+    margin: 0 1px
+    padding: 4px
+    border-radius: 4px
+    &:hover
+      color: darken($color-hover, 10)
+      background: alpha($color-hover, 0.08)
 
 hr
   color: var(--text-meta)

package/source/css/_common/cap.styl

@@ -1,6 +1,7 @@
 .cap
   font-weight: 500
   font-size: $fs-12
+  scrollbar-width: none
   color: var(--text-p3)
   &.blue
     color: darken($color-md-blue, 6)

package/source/css/_common/highlight.styl

@@ -78,6 +78,17 @@ article.md .highlight
 table:not([class])
   border-collapse: collapse
 
+
+article.md pre
+  >.caption
+    color: var(--text-p3)
+  >.hljs
+    padding: 1rem
+    border-radius: $border-block
+    border: 1px solid var(--block-border)
+    line-height: 1.5
+    box-sizing: border-box
+
 article.md .highlight
   .code
     vertical-align: top
@@ -133,7 +144,7 @@ article.md .highlight
     content: "Python"
   &.php .code:before
     content: "PHP"
-  &.rust .code:before
+  &.rust .code:before,&.rs .code:before
     content: "Rust"
   &.sql .code:before
     content: "SQL"
@@ -143,8 +154,8 @@ article.md .highlight
     content: "Makefile"
   &.go .code:before
     content: "Go"
-  &.typescript .code:before
-    content: "TypeScript"
+  &.typescript .code:before,&.ts .code:before
+    content: "TS"
 
 
 

package/source/css/_layout/main.styl

@@ -1,7 +1,7 @@
 .l_main
   position: relative
   padding-bottom: "calc(1 * %s)" % var(--gap-l)
-  @media screen and (min-width: 1280px)
+  @media screen and (min-width: 1400px)
     margin-left: "calc(2 * %s)" % var(--gap-l)
     margin-right: "calc(2 * %s + %s)" % (var(--gap-l) var(--width-left))
   @media screen and (min-width: $device-tablet)

package/source/css/_layout/md.styl

@@ -91,21 +91,13 @@ article.md.content
   h1+h2
     margin-top: -0.5rem
   h2+h3
-    margin-top: -1rem
+    margin-top: -0.5rem
   h3+h4
-    margin-top: -1rem
+    margin-top: -0.5rem
   h4+h5
-    margin-top: -1rem
+    margin-top: -0.5rem
   h5+h6
-    margin-top: -1rem
-
-// a
-article.md
-  p, li:not([class])
-    >a:not([class])
-      font-weight: 500
-      &:hover
-        text-decoration: underline
+    margin-top: -0.5rem
 
 article.md p
   font-size: $fs-p

package/source/css/_layout/partial/article-footer.styl

@@ -23,8 +23,6 @@
     ul
       margin: 0
       overflow: hidden
-      a:hover
-        text-decoration: underline
     .post-title
       margin: 0.5rem 0
       line-height: 1.2

package/source/css/_layout/partial/footer.styl

@@ -9,6 +9,7 @@
 .page-footer .sitemap
   margin: .5rem 0 2rem
   display: grid
+  scrollbar-width: none
   grid-gap: 1rem 1rem
   grid-auto-flow: column dense
   overflow: scroll
@@ -36,3 +37,8 @@
     line-height: 1.2
   a
     text-decoration: underline
+    font-weight: 500
+    margin: inherit
+    padding: inherit
+    &:hover
+      background: inherit

package/source/css/_layout/partial/related.styl

@@ -42,6 +42,7 @@
       width: 40vw
       max-width: 460px
       border: 1px solid var(--block-hover)
+      z-index: 1
       .img
         min-width: 100%
         min-height: 140px

package/source/css/_layout/sidebar/sidebar.styl

@@ -149,6 +149,7 @@ nav.menu
 .l_left .widgets
   overflow: scroll
   flex-grow: 1
+  scrollbar-width: none
   scrollbar(0, 0)
   z-index: 1
   .widget-wrap
@@ -188,8 +189,6 @@ nav.menu
         margin-top: .5em
         margin-bottom: .5em
         line-height: 1.5
-        >a:hover
-          text-decoration: underline
     .widget-header+.widget-body
       margin-top: 0
 

package/source/css/_layout/tag-plugins/folding.styl

@@ -42,6 +42,8 @@ details.folding[open]
       &:after
         content: '-'
   >div.body
+    display: flex;
+    flex-direction: column;
     padding: 1rem
     margin: 0 - 1rem
     margin-top: 0

package/source/css/_plugins/comments/utterances.styl

@@ -1,3 +1,6 @@
 .cmt-body.utterances
   margin: 0 -4px
   width: 'calc(100% + %s)' % 8px
+
+.related-wrap#comments div.cmt-body svg.loading
+  top: 62px

package/source/css/_plugins/comments/waline.styl

@@ -0,0 +1,61 @@
+.cmt-body.waline
+  --waline-font-size: 0.9375rem;
+  /* 常规颜色 */
+  --waline-white: #fff;
+  --waline-light-grey: #999;
+  --waline-dark-grey: #666;
+  /* 主题色 */
+  --waline-theme-color: #3498db;
+  --waline-active-color: #2ecc71;
+  /* 布局颜色 */
+  --waline-color: #444;
+  --waline-bgcolor: #fff;
+  --waline-bgcolor-light: #f8f8f8;
+  --waline-bgcolor-hover: #f0f0f0;
+  --waline-border-color: #ddd;
+  --waline-disable-bgcolor: #f8f8f8;
+  --waline-disable-color: #bbb;
+  --waline-code-bgcolor: #282c34;
+  /* 特殊颜色 */
+  --waline-bq-color: #f0f0f0;
+  /* 头像 */
+  --waline-avatar-size: 3.25rem;
+  --waline-m-avatar-size: calc(var(--waline-avatar-size) * 9 / 13);
+  /* 徽章 */
+  --waline-badge-color: #3498db;
+  --waline-badge-font-size: 0.725em;
+  /* 信息 */
+  --waline-info-bgcolor: #f8f8f8;
+  --waline-info-color: #999;
+  --waline-info-font-size: 0.725em;
+  /* 渲染选择 */
+  --waline-border: 1px solid var(--waline-border-color);
+  --waline-avatar-radius: 50%;
+  --waline-box-shadow: none;
+  
+
+  @media (prefers-color-scheme: dark)
+    --waline-white: #000;
+    --waline-light-grey: #666;
+    --waline-dark-grey: #999;
+    /* 布局颜色 */
+
+    --waline-color: #fff;
+    --waline-bgcolor: var(--block);
+    --waline-bgcolor-light: #272727;
+    --waline-border-color: #333;
+    --waline-disable-bgcolor: #444;
+    --waline-disable-color: #272727;
+    /* 特殊颜色 */
+    --waline-bq-color: #272727;
+    /* 其他颜色 */
+    --waline-info-bgcolor: #272727;
+    --waline-info-color: #666;
+
+.wl-count
+  @media (prefers-color-scheme: dark)
+    padding: .375em;
+    font-weight: bold;
+    font-size: 1.25em;
+    color: #fff;
+

package/source/css/_plugins/index.styl

@@ -17,3 +17,5 @@ if hexo-config('comments.service') == 'utterances'
   @import 'comments/utterances'
 if hexo-config('comments.service') == 'valine'
   @import 'comments/valine'
+if hexo-config('comments.service') == 'waline'
+  @import 'comments/waline'

package/source/js/plugins/friends.js

@@ -47,13 +47,14 @@ const friendsjs = {
     $(el).append('<div class="loading-wrap"><svg class="loading" style="vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg><p></p></div>');
     friendsjs.requestAPI(cfg.api, function(data) {
       $(el).find('.loading-wrap').remove();
-      const arr = data.content;
+      const arr = data.content || data;
+      console.log(data);
       arr.forEach((item, i) => {
         var user = '<div class="user-card">';
         user += '<a class="card-link" target="_blank" rel="external nofollow noopener noreferrer"';
-        user += ' href="' + item.url + '">';
-        user += '<img src="' + (item.avatar || cfg.avatar) + '" onerror="javascript:this.src=\'' + cfg.avatar + '\';">';
-        user += '<div class="name"><span>' + item.title + '</span></div>';
+        user += ' href="' + (item.html_url || item.url) + '">';
+        user += '<img src="' + (item.avatar_url || item.avatar || cfg.avatar) + '" onerror="javascript:this.src=\'' + cfg.avatar + '\';">';
+        user += '<div class="name"><span>' + (item.title || item.login) + '</span></div>';
         user += '</a>';
         user += '</div>';
         $(el).find('.group-body').append(user);