diff --git a/content/post/_index.md b/content/post/_index.md
new file mode 100644
index 00000000..80d7a101
--- /dev/null
+++ b/content/post/_index.md
@@ -0,0 +1,4 @@
+---
+title: "文章列表"
+date: 2023-01-01
+---
diff --git a/hugo.toml b/hugo.toml
index 923a041f..8e182dc3 100644
--- a/hugo.toml
+++ b/hugo.toml
@@ -13,3 +13,6 @@ HasCJKLanguage = true
 # 去掉post
 [permalinks]
  post = "/:slug/"
+
+
+
diff --git a/themes/Ying/hugo.toml b/themes/Ying/hugo.toml
index a20d99e9..21d0e821 100644
--- a/themes/Ying/hugo.toml
+++ b/themes/Ying/hugo.toml
@@ -58,6 +58,11 @@ name = "archives"
 weight = 20
 url = "/archives"
 
+[[menu.main]]
+name = "memos"
+weight = 20
+url = "/memos"
+
 # 模块配置
 [module]
 # Hugo 版本要求
diff --git a/themes/Ying/layouts/_default/home.html b/themes/Ying/layouts/_default/home.html
index c4fcecf4..4bcb52b7 100644
--- a/themes/Ying/layouts/_default/home.html
+++ b/themes/Ying/layouts/_default/home.html
@@ -1,49 +1,31 @@
 {{ define "main" }}
 <div id="pjax-container" uk-scrollspy="target: > div,a; cls: uk-animation-slide-bottom-small; delay: 0">
-    <article>
-        <div class="recent-posts section">
-            <h2 class="section-header">随笔<i class="ri-quill-pen-line"></i></h2>
-            <div class="posts">
-                <!-- 使用 sort 对文章按 Weight 排序 -->
-                {{ $posts := sort (where (where .Site.RegularPages "Type" "post") "Params.status" "ne" "hidden")
-                "Weight" }}
-                {{ $paginator := .Paginate $posts }}
-
-                {{ range $paginator.Pages }}
-                <div class="post">
-                    <div class="time">{{ .Date.Format "January 2, 2006" }}</div>
-                    <a href="{{ .Permalink }}">{{ .Title }}</a>
-
-                    <!-- 计算每篇文章的发布时间与当前时间的差值 -->
-                    {{ $publishDate := .Date }}
-                    {{ $currentTime := now }}
-                    {{ $timeDiff := div (sub $currentTime.Unix $publishDate.Unix) 3600 }}
-
-                    <!-- 判断发布时间是否小于 24 小时，并且没有 weight 属性 -->
-                    {{ if and (lt $timeDiff 24) (not .Params.weight) }}
-                    <span class="new-post-message"></span>
-                    {{ end }}
-                    <!-- 判断发布时间和 weight 属性 -->
-                    {{ if .Params.weight }}
-                    <!-- 如果有 weight 属性，添加 pushpin 图标 -->
-                    <img src="/image/zd_top.png" alt="" srcset="" style="width: 19px;position: relative;bottom: 2px;right: 3px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);cursor: pointer;transform: 1s;">
-                    {{ end }}
-                </div>
-                {{ end }}
-            </div>
+    <div class="post-content" itemprop="articleBody">
+        <div class="index-laodao">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-bird"><path d="M16 7h.01"/><path d="M3.4 18H12a8 8 0 0 0 8-8V7a4 4 0 0 0-7.28-2.3L2 20"/><path d="m20 7 2 .5-2 .5"/><path d="M10 18v3"/><path d="M14 17.75V21"/><path d="M7 18a6 6 0 0 0 3.84-10.61"/></svg>
+            <div class="index-laodao-titile">说说</div>
         </div>
-    </article>
-    <ul class="pagination">
-        <li class="page-item page-next">
-            {{ if $paginator.HasNext }}
-            <a class="next" title="下一页" href="{{ $paginator.Next.URL }}">下一页</a>
-            {{ end }}
-        </li>
-        <li class="page-item page-previous">
-            {{ if $paginator.HasPrev }}
-            <a class="prev" title="上一页" href="{{ $paginator.Prev.URL }}">上一页</a>
-            {{ end }}
-        </li>
-    </ul>
+        <!--memos-->
+        <div id="memos"></div>
+        <div id="bber"></div>
+        <!--相对时间-->
+        <script src="https://koobai.com/js/moment.min.js?v=2.29.4"></script>
+        <script src="https://koobai.com/js/moment.twitter.min.js"></script>
+        <script>
+            function formatDate(param) {
+                if(typeof param === 'number') {
+                    param = new Date(param * 1000).toISOString();
+                }
+                return moment(Date.parse(param)).twitterLong().replace(/\s\d{2}:\d{2}/, '');
+            }
+        </script>
+        <!-- 加载 Markdown 语法-->
+        <script src="https://fastly.jsdelivr.net/npm/marked/marked.min.js"></script>
+        <!--评论加载-->
+        <link href="https://img.koobai.com/Artalk.css" rel="stylesheet">
+        <script src="https://img.koobai.com/Artalk.js"></script>
+        <!--memos结束-->
+    </div>
 </div>
-{{ end }}
\ No newline at end of file
+</div>
+{{ end }}
diff --git a/themes/Ying/layouts/partials/footer.html b/themes/Ying/layouts/partials/footer.html
index 7b024214..377f1509 100644
--- a/themes/Ying/layouts/partials/footer.html
+++ b/themes/Ying/layouts/partials/footer.html
@@ -25,6 +25,10 @@
 <script src="/js/echarts.min.js"></script>
 <script src="/js/tiaozhuan.js"></script>
 <script async src="/js/bsz.js"></script>
+<!--memos 内容-->
+<script src="/js/memos.js?v=1.4.4"></script>
+<script src="https://koobai.com/js/coco-message.min.js"></script>
+<!--memos 结束-->
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/themes/Ying/layouts/partials/header.html b/themes/Ying/layouts/partials/header.html
index da6b2735..79652305 100644
--- a/themes/Ying/layouts/partials/header.html
+++ b/themes/Ying/layouts/partials/header.html
@@ -20,11 +20,11 @@
             <nav class="nav">
                 <ul class="flat">
                     <li class="active"><a href="/">首页</a></li>
+                    <li class="active"><a href="/post/">文章</a></li>
                     <li class="active"><a href="/about/">关于</a></li>
                     <li class="active"><a href="/ly/">留言</a></li>
                     <li class="active"><a href="/archives/">归档</a></li>
                     <li class="active"><a href="/links/">友链</a></li>
-                    <!--<li class="active"><a href="/circles/">友圈</a></li>-->
                 </ul>
             </nav>
-        </div>
\ No newline at end of file
+        </div>
diff --git a/themes/Ying/layouts/post/list.html b/themes/Ying/layouts/post/list.html
new file mode 100644
index 00000000..a02691c8
--- /dev/null
+++ b/themes/Ying/layouts/post/list.html
@@ -0,0 +1,49 @@
+{{ define "main" }}
+<div id="pjax-container" uk-scrollspy="target: > div,a; cls: uk-animation-slide-bottom-small; delay: 0">
+    <article>
+        <div class="recent-posts section">
+            <h2 class="section-header">随笔<i class="ri-quill-pen-line"></i></h2>
+            <div class="posts">
+                <!-- 使用 sort 对文章按 Weight 排序 -->
+                {{ $posts := sort (where (where .Site.RegularPages "Type" "post") "Params.status" "ne" "hidden")
+                "Weight" }}
+                {{ $paginator := .Paginate $posts }}
+
+                {{ range $paginator.Pages }}
+                <div class="post">
+                    <div class="time">{{ .Date.Format "January 2, 2006" }}</div>
+                    <a href="{{ .Permalink }}">{{ .Title }}</a>
+
+                    <!-- 计算每篇文章的发布时间与当前时间的差值 -->
+                    {{ $publishDate := .Date }}
+                    {{ $currentTime := now }}
+                    {{ $timeDiff := div (sub $currentTime.Unix $publishDate.Unix) 3600 }}
+
+                    <!-- 判断发布时间是否小于 24 小时，并且没有 weight 属性 -->
+                    {{ if and (lt $timeDiff 24) (not .Params.weight) }}
+                    <span class="new-post-message"></span>
+                    {{ end }}
+                    <!-- 判断发布时间和 weight 属性 -->
+                    {{ if .Params.weight }}
+                    <!-- 如果有 weight 属性，添加 pushpin 图标 -->
+                    <img src="/image/zd_top.png" alt="" srcset="" style="width: 19px;position: relative;bottom: 2px;right: 3px;box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);cursor: pointer;transform: 1s;">
+                    {{ end }}
+                </div>
+                {{ end }}
+            </div>
+        </div>
+    </article>
+    <ul class="pagination">
+        <li class="page-item page-next">
+            {{ if $paginator.HasNext }}
+            <a class="next" title="下一页" href="{{ $paginator.Next.URL }}">下一页</a>
+            {{ end }}
+        </li>
+        <li class="page-item page-previous">
+            {{ if $paginator.HasPrev }}
+            <a class="prev" title="上一页" href="{{ $paginator.Prev.URL }}">上一页</a>
+            {{ end }}
+        </li>
+    </ul>
+</div>
+{{ end }}
diff --git a/themes/Ying/static/css/main.css b/themes/Ying/static/css/main.css
index a8078c42..1e512262 100644
--- a/themes/Ying/static/css/main.css
+++ b/themes/Ying/static/css/main.css
@@ -2133,3 +2133,1302 @@ img[atk-emoticon] {
     color: #000000!important;
 }
 
+/* memos的样式代码 */
+diaoyong {
+    max-width: 700px;
+    margin: auto;
+    padding-bottom: 20px
+}
+
+.memos-random-background {
+    border-radius: 4px;
+    background: var(--bankuai-color)!important;
+    padding: 10px
+}
+
+.memos-diaoyong-tag .memos-tag-dg {
+    cursor: auto
+}
+
+.memos-diaoyong-tag .memos-tag-dg:hover {
+    text-decoration: none
+}
+
+.memos_diaoyong_from a {
+    color: var(--erji-color);
+    font-family: var(--font-family-code)
+}
+
+.memos-logo,.memos-logo2 {
+    padding-top: 7px
+}
+
+.memos-logo img,.memos-logo2 img {
+    width: 24px;
+    height: 24px;
+    border-radius: 50%;
+    margin-right: 8px
+}
+
+.talks_comments {
+    margin-left: auto
+}
+
+.talks_comments svg {
+    color: var(--sanji-color);
+    cursor: pointer;
+    width: 18px;
+    height: 18px
+}
+
+.talks_comments svg:hover {
+    color: var(--erji-color)
+}
+
+.memos_diaoyong_top {
+    margin-top: 5px;
+    display: flex;
+    align-items: center;
+    gap: 6px
+}
+
+.memos_diaoyong_from,.memos_diaoyong_time,.memos_diaoyong_laiz,.memos_diaoyong_more {
+    color: var(--sanji-color);
+    font-size: .85rem
+}
+
+.memos_diaoyong_laiz a,.memos_diaoyong_more a {
+    color: var(--sanji-color)
+}
+
+.memos_diaoyong_info p {
+    font-size: 1rem;
+    color: var(--text-content-color);
+    line-height: 1.8;
+    margin: 0
+}
+
+.memos_diaoyong_more {
+    margin-left: auto
+}
+
+.bb-timeline {
+    margin-bottom: 0
+}
+
+@media(min-width: 900px) {
+    .bb-timeline {
+        margin-bottom:20px
+    }
+}
+
+.datacont p {
+    font-size: 1rem;
+    line-height: 1.8;
+    margin: 0;
+    text-align: justify
+}
+
+.datacont a {
+    text-decoration: underline;
+    margin: 0 2px;
+    transition: opacity .3s ease-in-out 0s
+}
+
+.datacont a:hover {
+    opacity: .6
+}
+
+.resimg figure {
+    margin: 0;
+    margin-bottom: -4px
+}
+
+.resimg {
+    display: grid;
+    gap: 6px;
+    width: 60%;
+    grid-template-columns: repeat(2,1fr);
+    margin-top: 5px;
+    margin-bottom: 10px
+}
+
+.gallery-thumbnail img {
+    width: 100%!important;
+    aspect-ratio: 3.5/3;
+    object-fit: cover;
+    border-radius: 4px;
+    transition: transform .3s ease;
+    cursor: zoom-in;
+    margin: 0!important
+}
+
+.resimg img:hover {
+    transform: scale(1.03)
+}
+
+.grid-3,.grid-5,.grid-6,.grid-7,.grid-8,.grid-9 {
+    grid-template-columns: repeat(3,1fr)
+}
+
+.memos-tag-dg,.memos-tag-sc {
+    display: inline-block;
+    padding: 4px 4px 4px 2px;
+    color: var(--sanji-color);
+    font-size: .85rem;
+    border-radius: 4px;
+    vertical-align: middle;
+    cursor: pointer
+}
+
+#tag-list-all {
+    margin-top: 10px;
+    display: flex;
+    gap: 10px;
+    flex-wrap: wrap
+}
+
+.memos-tag-all {
+    padding: 6px;
+    color: var(--sanji-color);
+    background: #f2f2f2;
+    font-size: .85rem;
+    border-radius: 4px;
+    cursor: pointer
+}
+
+.memos-tag-sc-2 {
+    align-items: center;
+    display: flex;
+    margin-top: 10px;
+    font-size: .85rem;
+    color: var(--sanji-color);
+    margin-bottom: 10px
+}
+
+.memos-tag-sc {
+    margin-left: 10px;
+    font-size: .85rem!important;
+    color: #666!important;
+    background: #e5e5e5!important;
+    padding: 8px!important
+}
+
+.memos-tag-sc svg {
+    width: 1rem;
+    margin-left: 6px;
+    vertical-align: middle;
+    margin-top: -4px
+}
+
+.memos-tag-sc:hover {
+    text-decoration: line-through
+}
+
+.memos-tag-dg:hover,.memos-tag-all:hover {
+    text-decoration: underline
+}
+
+.memos-pl {
+    display: flex;
+    margin-bottom: 8px;
+    align-items: center;
+    gap: 6px
+}
+
+.bb-load button {
+    background: 0 0;
+    cursor: pointer;
+    color: var(--text-highlight-color);
+    border-radius: 4px;
+    padding: 5px 10px;
+    font-family: var(--font-family-title);
+    font-size: .85rem;
+    border: .5px solid var(--text-highlight-color)
+}
+
+.bb-load button:hover {
+    opacity: .8;
+    transition: opacity .3s ease-in-out
+}
+
+.memos-hide {
+    margin-left: auto;
+    color: var(--text-highlight-color)
+}
+
+.datacont pre {
+    border-radius: 4px;
+    line-height: 1.8;
+    background: #ececec;
+    padding: 10px;
+    white-space: pre-wrap;
+    margin-top: 5px;
+    margin-bottom: 10px
+}
+
+@media(min-width: 900px) {
+    .datacont pre {
+        background:#f6f6f6
+    }
+}
+
+.datacont pre code {
+    background: 0 0;
+    font-size: .85rem;
+    padding: 0;
+    color: var(--erji-color);
+    border: none;
+    margin: 0
+}
+
+.datacont code {
+    background: var(--background-color);
+    border: 1px solid #e9e2de;
+    border-radius: 4px;
+    font-size: 1rem;
+    padding: 2px 6px;
+    font-family: var(--font-family-code);
+    margin: 0 4px;
+    word-wrap: break-word;
+    color: var(--text-highlight-color)
+}
+
+blockquote p {
+    background: var(--background-color);
+    border-radius: 0 4px 4px 0;
+    padding: 10px;
+    font-size: 1rem!important;
+    line-height: 1.6!important;
+    border-left: 4px solid #bfbfbf;
+    color: #666!important;
+    margin: -10px -40px 0!important
+}
+
+.load-memos-editor {
+    cursor: pointer;
+    display: inline-block;
+    color: transparent
+}
+
+.outline svg {
+    color: var(--sanji-color);
+    width: 18px;
+    height: 18px
+}
+
+.memos-more-ico {
+    position: relative
+}
+
+.memos-xiala {
+    width: 80px;
+    position: absolute;
+    background-color: #fff;
+    padding: 6px 0;
+    box-shadow: 2px 4px 1rem rgba(0,0,0,.15);
+    text-align: center;
+    border-radius: 4px;
+    display: none;
+    font-size: .85rem;
+    right: -30px
+}
+
+.memos-more-ico:hover .memos-xiala {
+    display: block
+}
+
+.memos-more-ico svg {
+    color: var(--sanji-color)
+}
+
+.memos-xiala svg {
+    width: 18px;
+    height: 18px;
+    color: #ababab
+}
+
+.memos-xiala .switchUser-btn {
+    margin-top: 20px!important
+}
+
+.memos-xiala .switchUser-btn,.memos-xiala .private-btn,.memos-xiala .oneday-btn,.image-btn,.code-btn {
+    margin: 12px 0;
+    cursor: pointer;
+    color: var(--erji-color);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px
+}
+
+.memos-xiala .switchUser-btn:hover,.memos-xiala .private-btn:hover,.memos-xiala .oneday-btn:hover,.image-btn:hover,.code-btn:hover {
+    text-decoration: underline
+}
+
+.outline svg:hover {
+    color: #444
+}
+
+.memos-title {
+    display: none
+}
+
+.d-flex {
+    display: flex;
+    align-items: center;
+    gap: 18px
+}
+
+.d-none {
+    display: none!important
+}
+
+.memos-editor-body {
+    border-radius: 4px;
+    border: .5px solid #eaeaea;
+    padding: 15px;
+    margin-bottom: 10px
+}
+
+@media(min-width: 900px) {
+    .memos-editor-body {
+        margin-bottom:20px
+    }
+}
+
+.memos-editor-content .memos-editor-textarea {
+    border: transparent;
+    border-radius: 4px;
+    line-height: 1.6;
+    min-height: 60px;
+    overflow-x: hidden;
+    overflow-y: clip;
+    width: 100%;
+    outline: .1px solid transparent;
+    resize: none;
+    background: 0 0;
+    font-family: var(--font-family-paragraph);
+    font-size: 1rem;
+    padding: 0
+}
+
+.memos-editor-tools {
+    margin-top: 4px;
+    margin-bottom: 10px
+}
+
+.action-btn {
+    cursor: pointer
+}
+
+.memos-editor-tools .memos-tag-list {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 15px;
+    grid-gap: 15px
+}
+
+.memos-editor-tools .memos-tag {
+    cursor: pointer
+}
+
+.memos-editor-tools .memos-tag a {
+    color: var(--sanji-color)
+}
+
+.editor-selector {
+    position: relative;
+    display: inline-block
+}
+
+.editor-selector select {
+    appearance: none;
+    border: 0 solid transparent;
+    border-radius: 4px;
+    padding: 8px 20px 8px 0;
+    background: 0 0;
+    color: var(--sanji-color);
+    font-family: var(--font-family-paragraph);
+    font-size: .85rem;
+    outline: .5px solid transparent
+}
+
+.editor-selector::after {
+    content: '';
+    position: absolute;
+    top: 50%;
+    right: 8px;
+    width: 0;
+    border-style: solid;
+    border-width: 4px 4px 0;
+    border-color: #999 transparent transparent transparent;
+    transform: translateY(-50%)
+}
+
+.submit-memos-btn,.edit-memos-btn {
+    background: 0 0;
+    cursor: pointer;
+    color: var(--text-highlight-color);
+    border-radius: 4px;
+    padding: 6px 0
+}
+
+.cancel-edit-btn {
+    padding: 6px 0;
+    cursor: pointer;
+    border: .5px solid #fff;
+    color: var(--sanji-color)
+}
+
+.memos-open-api-submit:hover,.edit-memos-btn:hover,.cancel-edit-btn:hover {
+    opacity: .7;
+    transition: opacity .3s ease-in-out
+}
+
+.memos-editor-textarea::placeholder {
+    color: #bbb
+}
+
+.memos-editor-footer {
+    display: flex;
+    align-items: center
+}
+
+.justify-content-end {
+    margin-left: auto
+}
+
+.memos-image-list {
+    cursor: pointer;
+    gap: 10px;
+    color: var(--sanji-color);
+    margin-bottom: 15px
+}
+
+.memos-image-list .memos-up-image {
+    background-size: cover;
+    background-repeat: no-repeat;
+    width: 4rem;
+    height: 4rem;
+    border-radius: 4px;
+    transition: opacity .3s ease-in-out
+}
+
+.memos-image-list .memos-up-image:hover {
+    opacity: .6
+}
+
+.memos-img-edit {
+    background: #f5f5f5;
+    padding: 6px;
+    border-radius: 4px
+}
+
+.memos-img-edit:hover {
+    text-decoration: line-through
+}
+
+.memos-editor-option {
+    display: flex
+}
+
+.memos-path-input,.memos-token-input {
+    border: transparent;
+    padding: 6px 0;
+    outline: .5px solid transparent;
+    background: 0 0;
+    font-size: 1rem;
+    font-family: var(--font-family-code);
+    width: 50%
+}
+
+.memos-token-input {
+    margin-left: 40px;
+    margin-right: 10px
+}
+
+.memos-open-api-submit {
+    background: var(--text-highlight-color);
+    cursor: pointer;
+    color: #fff;
+    border-radius: 4px;
+    width: 100px;
+    display: flex;
+    align-items: center;
+    justify-content: center
+}
+
+.memos-oneday {
+    margin-bottom: 10px;
+    list-style: none
+}
+
+@media(min-width: 900px) {
+    .memos-oneday {
+        margin-bottom:40px
+    }
+}
+
+.memos-oneday .memos_diaoyong_time {
+    color: var(--text-highlight-color)
+}
+
+.memos-edit {
+    margin-left: auto;
+    position: relative
+}
+
+.memos-menu {
+    margin-left: 40px;
+    color: transparent
+}
+
+.memos-menu-d {
+    width: 60px;
+    position: absolute;
+    top: 8px;
+    background-color: #fff;
+    padding: 8px 0;
+    box-shadow: 2px 4px 1rem rgba(0,0,0,.15);
+    text-align: center;
+    border-radius: 4px;
+    display: none
+}
+
+.memos-edit:hover .memos-menu-d {
+    display: block
+}
+
+.edit-btn,.archive-btn,.delete-btn {
+    cursor: pointer;
+    line-height: 1.8;
+    color: var(--sanji-color);
+    font-size: .85rem
+}
+
+.edit-btn:hover,.archive-btn:hover,.delete-btn:hover {
+    text-decoration: underline
+}
+
+.delete-btn {
+    color: #c70000!important
+}
+
+.edit-memos {
+    display: flex;
+    gap: 20px
+}
+
+.bb-list-li {
+    border-radius: 4px;
+    background: #fff;
+    box-shadow: var(--touy-color);
+    padding: 10px 10px 10px 0px;
+}
+
+@media(max-width: 900px) {
+    .resimg {
+        width:100%!important
+    }
+
+    .resimg figure {
+        margin-bottom: -8px
+    }
+
+    .memos_diaoyong {
+        display: none
+    }
+
+    .bb-load button {
+        margin-top: 10px
+    }
+
+    .bb-list-li {
+        margin-bottom: 15px
+    }
+}
+
+@media(max-width: 900px) and (prefers-color-scheme:dark) {
+    .bb-list-li {
+        background:var(--background-dark-color)
+    }
+}
+
+@media(min-width: 900px) {
+    .memos_diaoyong .resimg {
+        width:100%!important;
+        grid-template-columns: repeat(5,1fr)
+    }
+
+    .memos_diaoyong .grid-3,.memos_diaoyong .grid-5,.memos_diaoyong .grid-6,.memos_diaoyong .grid-7,.memos_diaoyong grid-8,.memos_diaoyong .grid-9 {
+        grid-template-columns: repeat(5,1fr)
+    }
+
+    .bb-list-ul {
+        display: grid;
+        grid-row-gap: 20px
+    }
+}
+
+@media(prefers-color-scheme: dark) {
+    .bb-list-li {
+        background:var(--background-dark-color)
+    }
+
+    .memos-xiala {
+        background-color: #282527
+    }
+
+    .memos-xiala .switchUser-btn,.memos-xiala .private-btn,.memos-xiala .oneday-btn,.image-btn,.code-btn {
+        color: var(--sanji-color)
+    }
+
+    .memos-more-ico svg {
+        color: var(--erji-color)
+    }
+
+    .memos-editor-textarea::placeholder {
+        color: #726859
+    }
+
+    .memos-tag-all {
+        background: #332e2f
+    }
+
+    .memos-tag-sc-2 {
+        color: var(--erji-color)
+    }
+
+    .memos-editor-body {
+        border: .5px solid #67534c
+    }
+
+    .memos-tag-dg {
+        color: var(--erji-color)
+    }
+
+    .memos-tag-sc {
+        color: #999!important;
+        background: #332e2f!important
+    }
+
+    .bb-load button {
+        background: var(--background-dark-color)
+    }
+
+    .memos_diaoyong_from a {
+        color: var(--sanji-color)
+    }
+
+    .memos_diaoyong_time,.memos_diaoyong_laiz a,.memos_diaoyong_more a,.memos_diaoyong_from {
+        color: var(--erji-color)
+    }
+
+    .memos_diaoyong_info p,.memos_diaoyong_info a {
+        color: var(--text-content-dark-color)!important
+    }
+
+    .talks_comments svg {
+        color: var(--erji-color)
+    }
+
+    .talks_comments svg:hover {
+        color: var(--text-highlight-color)
+    }
+
+    .datacont pre,blockquote p {
+        background: #2c2829
+    }
+
+    .datacont pre code {
+        color: var(--sanji-color)
+    }
+
+    .datacont code {
+        background: var(--background-dark-body-color);
+        border: 1px solid var(--background-dark-body-color);
+        color: var(--text-highlight-color)
+    }
+
+    blockquote p {
+        border-left: 4px solid #5f5f5f;
+        color: #888!important
+    }
+
+    .memos_diaoyong_info blockquote p {
+        color: #888!important
+    }
+
+    .outline svg {
+        color: var(--erji-color)
+    }
+
+    .outline svg:hover {
+        color: var(--sanji-color)
+    }
+
+    .memos-path-input,.memos-token-input {
+        color: var(--text-content-dark-color)!important
+    }
+
+    .editor-selector select {
+        color: var(--erji-color)!important
+    }
+
+    .editor-selector::after {
+        border-color: var(--erji-color)transparent transparent transparent
+    }
+
+    .memos-editor-content .memos-editor-textarea {
+        color: var(--text-content-dark-color)
+    }
+
+    .memos-open-api-submit {
+        background: var(--background-dark-color)!important;
+        color: var(--text-highlight-color)!important
+    }
+
+    .edit-btn,.archive-btn,.delete-btn,.cancel-edit-btn,.memos-image-list {
+        color: var(--erji-color)
+    }
+
+    .memos-menu-d,.memos-img-edit {
+        background-color: #282527
+    }
+
+    .cancel-edit-btn {
+        border: .5px solid #201d1e
+    }
+
+    #memos-tag-menu {
+        background-color: #282527!important;
+        box-shadow: 2px 4px 1rem rgba(0,0,0,.3)!important;
+        color: #888!important
+    }
+
+    .tag-option.selected {
+        background-color: #3e3e3e!important;
+        color: #bdbdbd!important
+    }
+}
+
+.emoji-selector {
+    display: grid;
+    grid-template-columns: repeat(auto-fill,minmax(32px,1fr));
+    gap: 6px;
+    margin-top: 6px
+}
+
+.emoji-item {
+    padding: 4px;
+    font-size: 24px;
+    line-height: .8;
+    cursor: pointer;
+    text-align: center
+}
+
+.emoji-item:hover {
+    opacity: .6
+}
+
+#memos-tag-menu {
+    position: absolute;
+    background-color: #fff;
+    z-index: 100;
+    padding: 5px;
+    box-shadow: 2px 4px 1rem rgba(0,0,0,.15);
+    color: var(--sanji-color);
+    border-radius: 4px;
+    font-size: .85rem;
+    column-count: 3;
+    column-gap: 4
+}
+
+#memos-tag-menu:empty {
+    display: none
+}
+
+.tag-option {
+    padding: 6px 10px;
+    cursor: pointer
+}
+
+.tag-option:hover {
+    text-decoration: underline
+}
+
+.tag-option.selected {
+    background-color: #f0f0f0;
+    border-radius: 4px;
+    color: var(--erji-color)
+}
+
+.index-laodao {
+    display: flex;
+    align-items: center;
+    margin-top: 13px;
+    margin-bottom: 10px;
+    row-gap: 8px;
+    column-gap: 5px;
+    font-size: 1rem;
+}
+
+.index-laodao svg {
+    color: var(--text-highlight-color);
+    width: 24px;
+    height: 24px
+}
+
+.sidebar-biaot {
+    display: none
+}
+
+@media(min-width: 900px) {
+    .sidebar-biaot {
+        display:block;
+        margin-bottom: 20px;
+        font-size: 1rem;
+        color: var(--sanji-color)
+    }
+}
+
+.sidebar-bowen {
+    margin-bottom: 40px
+}
+
+.sidebar-posts-title {
+    margin-top: 4px;
+    font-family: var(--font-family-title);
+    font-size: 1.25rem;
+    line-height: 1.6
+}
+
+.sidebar-posts-title a {
+    color: var(--text-content-color)
+}
+
+.sidebar_article_new {
+    background: var(--text-highlight-color);
+    color: #fff;
+    padding: 1px 4px;
+    font-family: var(--font-family-code);
+    border-radius: 2px;
+    font-size: .75rem;
+    display: inline-block;
+    margin-right: 4px
+}
+
+@media(prefers-color-scheme: dark) {
+    .sidebar-posts-title a {
+        color:var(--text-content-dark-color)
+    }
+
+    .sidebar-biaot,.index-laodao {
+        color: var(--erji-color)
+    }
+}
+
+.about-img {
+    position: relative
+}
+
+.about-img img {
+    width: 100%
+}
+
+.about-img-text {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%,-50%);
+    color: #fff;
+    font-family: var(--font-family-code);
+    font-size: 1.8rem
+}
+
+@media(min-width: 700px) {
+    .about-img-text {
+        font-size:55px
+    }
+}
+
+.about-text {
+    margin: 20px 0;
+    line-height: 2;
+    font-size: 1.05rem;
+    text-align: justify
+}
+
+.about-text a {
+    color: var(--text-highlight-color)
+}
+
+.about-img-intro {
+    padding: 8px;
+    border-radius: 2px;
+    font-size: .75rem;
+    background: rgba(0,0,0,.4);
+    position: absolute;
+    color: #fff;
+    bottom: 0;
+    right: 0;
+    margin-bottom: 4px
+}
+
+.posts-new {
+    display: grid;
+    gap: 30px
+}
+
+@media(min-width: 900px) {
+    .posts-new {
+        gap:40px
+    }
+}
+
+.posts-background {
+    position: relative;
+    overflow: hidden
+}
+
+.posts-title a {
+    font-family: var(--font-family-title);
+    font-size: 1.4rem;
+    line-height: 1.5;
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical
+}
+
+.posts-description {
+    line-height: 1.8;
+    font-size: 1rem;
+    margin: 6px 0;
+    color: var(--text-content-color);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical
+}
+
+.posts_list {
+    display: grid;
+    gap: 15px;
+    margin-top: 30px
+}
+
+@media(min-width: 900px) {
+    .posts_list {
+        grid-template-columns:repeat(2,1fr);
+        flex-wrap: wrap
+    }
+}
+
+.posts_list_index {
+    display: grid;
+    gap: 12px;
+    margin-bottom: 25px
+}
+
+@media(min-width: 900px) {
+    .posts_list_index {
+        grid-template-columns:repeat(2,1fr);
+        flex-wrap: wrap;
+        gap: 15px
+    }
+}
+
+.posts_list_article {
+    border-radius: 4px;
+    background: #fff;
+    box-shadow: var(--touy-color);
+    padding: 15px
+}
+
+@media(min-width: 900px) {
+    .posts_list_article {
+        padding:12px
+    }
+}
+
+.posts_list_article-index {
+    border-radius: 2px;
+    background: #fff;
+    box-shadow: var(--touy-color);
+    padding: 10px
+}
+
+.posts-img {
+    margin: 10px 0;
+    overflow: hidden;
+    aspect-ratio: 5.3/3
+}
+
+.posts-img img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    transition: transform .3s ease
+}
+
+.posts-img img:hover {
+    transform: scale(1.03)
+}
+
+.posts-time-new {
+    display: flex;
+    align-items: center;
+    gap: 8px
+}
+
+.archives_nrong {
+    margin: 30px 0;
+    display: grid;
+    grid-gap: 15px;
+    grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
+}
+
+@media(min-width: 700px) {
+    .archives_nrong {
+        grid-gap:20px
+    }
+}
+
+.archives_one {
+    display: flex;
+    align-items: center;
+    background: #fff;
+    box-shadow: var(--touy-color);
+    padding: 15px
+}
+
+@media(min-width: 700px) {
+    .archives_one {
+        grid-gap:20px
+    }
+}
+
+.archive-title {
+    font-family: var(--font-family-title);
+    font-size: 1rem;
+    line-height: 1.6
+}
+
+.archive-title-index {
+    font-family: var(--font-family-title);
+    font-size: 1rem;
+    line-height: 1.6
+}
+
+@media(min-width: 900px) {
+    .archive-title-index {
+        font-size:.85rem
+    }
+}
+
+.archive-time-index {
+    font-size: .75rem;
+    color: var(--sanji-color);
+    margin-bottom: 2px;
+    font-family: var(--font-family-code)
+}
+
+.archive-time {
+    font-size: .85rem;
+    color: var(--sanji-color);
+    font-family: var(--font-family-code)
+}
+
+.archive-img {
+    margin-left: auto
+}
+
+.archive-img img {
+    width: 120px;
+    aspect-ratio: 4.5/3;
+    object-fit: cover;
+    border-radius: 6px;
+    transition: transform .3s ease;
+    margin-left: 10px
+}
+
+.archives_one:hover .archive-img img {
+    transform: scale(1.05)
+}
+
+@media(prefers-color-scheme: dark) {
+    .archive-time,.archive-time-index {
+        color:var(--erji-color)
+    }
+
+    .posts_list_article,.archives_one,.posts_list_article-index {
+        background: var(--background-dark-color)
+    }
+
+    .posts-description {
+        color: #b7b7ab
+    }
+}
+
+.page-tiaozhuan .header,.page-tiaozhuan .footer-background {
+    display: none
+}
+
+.tiaozhuan-all {
+    position: relative;
+    box-shadow: rgba(0,0,0,.25)0 25px 50px -12px;
+    border-radius: 10px;
+    background: #fff url(https://img.koobai.com/tiaozhuanico.webp)no-repeat 50%/cover;
+    color: #666;
+    word-break: break-all;
+    max-width: 700px;
+    height: 350px;
+    text-align: center;
+    font-size: .85rem;
+    overflow: hidden;
+    margin: 100px auto 0
+}
+
+@media(min-width: 700px) {
+    .tiaozhuan-all {
+        aspect-ratio:2/1;
+        height: auto
+    }
+}
+
+.tiaozhuan-nrong {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20px 20px 30px
+}
+
+.tiaozhuan-title {
+    font-size: 1.3rem;
+    font-family: var(--font-family-title);
+    color: #222;
+    line-height: 1.4;
+    margin-bottom: 4px
+}
+
+.tiaozhuan-info {
+    margin-top: 6px
+}
+
+.tiaozhuan-button {
+    margin-top: 20px
+}
+
+.tiaozhuan-button a {
+    color: var(--text-highlight-color);
+    border-radius: 4px;
+    padding: 10px 30px;
+    font-family: var(--font-family-title);
+    font-size: .85rem;
+    border: .5px solid var(--text-highlight-color);
+    display: inline-block
+}
+
+@media(prefers-color-scheme: dark) {
+    .tiaozhuan-all {
+        background:var(--background-dark-color)url(https://img.koobai.com/tiaozhuandark.webp)no-repeat 50%/cover;
+        color: #acacac
+    }
+
+    .tiaozhuan-title {
+        color: #ddd
+    }
+}
+
+@font-face {
+    font-family: JetBrainsMono;
+    font-display: swap;
+    src: url(https://img.koobai.com/fonts/JetBrainsMono-Regular.woff2)format("woff2");
+    unicode-range: U+30-39,U+41-5A,U+61-7A
+}
+
+@media(min-width: 700px) {
+    body {
+        padding:0 30px
+    }
+}
+
+.wrapper {
+    max-width: 700px;
+    margin: 0 auto
+}
+
+.highlight {
+    background-color: var(--bankuai-color)
+}
+
+::selection {
+    background: #e4c7b8
+}
+
+@media(prefers-color-scheme: dark) {
+    body {
+        background:var(--background-dark-body-color);
+        color: var(--text-content-dark-color)
+    }
+
+    p {
+        color: var(--text-content-dark-color)
+    }
+
+    h1,h2 {
+        color: #ccc
+    }
+
+    h3 {
+        color: #fff
+    }
+
+    a {
+        color: var(--text-content-dark-color)
+    }
+
+    .author {
+        color: #ccc
+    }
+
+    .summary-date {
+        color: #aaa
+    }
+
+    .highlight {
+        background-color: var(--background-dark-color)
+    }
+
+    img {
+        filter: brightness(.8)contrast(1.2)
+    }
+
+    .highlight pre {
+        background: var(--background-dark-color)!important
+    }
+
+    ::selection {
+        background: #67534c
+    }
+}
+
+@media(min-width: 900px) {
+    .img-hide,.retu-hide {
+        transform: translateY(35%);
+        transition: opacity .4s ease,transform .8s ease
+    }
+
+    .img-hide.visible,.retu-hide.visible {
+        opacity: 1;
+        transform: translateY(0)
+    }
+}
+
+.artalk code {
+    border: 0px solid #ffbe98!important;
+}
diff --git a/themes/Ying/static/js/main.js b/themes/Ying/static/js/main.js
index 87d65bfd..50c7663a 100644
--- a/themes/Ying/static/js/main.js
+++ b/themes/Ying/static/js/main.js
@@ -10,7 +10,7 @@ function isMobile() {
 // 文章图片灯箱
 window.ViewImage && ViewImage.init('.post-content img');
 
-// 激活返回顶部插件 
+// 激活返回顶部插件
 $(function () {
   $.scrollUp({
     animation: 'fade',
@@ -145,4 +145,69 @@ function flattenComments(comments) {
 // 调用异步的弹幕加载函数
 if (document.querySelector("#Comments") && !isMobile()) {
   loadBarrager()
-}
\ No newline at end of file
+}
+
+// 灯箱调用(首页顶部/Memos页面)
+window.ViewImage && ViewImage.init('.content_zhengwen img, .top-img,.gallery-thumbnail img,.posts_photo a,.photo-moment a');
+
+// 页面上滑加载动画
+function animateSummaries() {
+  const articles = document.querySelectorAll('.img-hide,.retu-hide'); // 包含新的类
+  const shuffledArticles = Array.from(articles).sort(() => Math.random() - 0.5);
+
+  function animate(article, delay) {
+    setTimeout(() => {
+      article.classList.add('visible');
+    }, delay);
+  }
+
+  const options = {
+    rootMargin: '0px 0px -70px 0px',
+  };
+
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach((entry, index) => {
+      if (entry.isIntersecting) {
+        // 类名 retu-hide 延迟 100 默认 img-hide 延迟 8，实现错落效果
+        const delay = entry.target.classList.contains('retu-hide') ? index * 100 : index * 8;
+        animate(entry.target, delay);
+        observer.unobserve(entry.target);
+      }
+    });
+  }, options);
+
+  shuffledArticles.forEach((article) => {
+    observer.observe(article);
+  });
+}
+
+
+function initEditor() {
+  const loadEditorBtn = document.getElementById("loadEditorBtn");
+  const memosEditor = document.querySelector(".memos-editor");
+  const editorBody = document.querySelector('.index-laodao');
+
+  if (loadEditorBtn) {
+    loadEditorBtn.addEventListener("click", function () {
+      // 切换编辑器显示状态
+      getEditor != "show" ? hasMemosOpenId() : '';
+      memosEditor.classList.toggle("d-none");
+
+      // 保存编辑器显示状态到 localStorage
+      if (window.localStorage) {
+        const isHidden = memosEditor.classList.contains("d-none");
+        window.localStorage.setItem("memos-editor-display", isHidden ? "hide" : "show");
+        getEditor = window.localStorage.getItem("memos-editor-display");
+      }
+
+      // 平滑滚动到 .index-laodao
+      if (editorBody && !memosEditor.classList.contains("d-none")) {
+        editorBody.scrollIntoView({ behavior: 'smooth' });
+      }
+    });
+  }
+}
+
+// 初始化编辑器逻辑
+initEditor();
+
diff --git a/themes/Ying/static/js/memos.js b/themes/Ying/static/js/memos.js
new file mode 100644
index 00000000..34dc1c6e
--- /dev/null
+++ b/themes/Ying/static/js/memos.js
@@ -0,0 +1,1262 @@
+var hasLogin = 0 //没登录隐藏编辑归档按钮
+
+var memosData = {
+    dom:'#memos',
+  }
+
+var bbMemo = {
+  memos: 'https://memos.usj.cc/',
+  limit: '8',
+  creatorId: '1',
+  domId: '#bber',
+};
+if(typeof(bbMemos) !=="undefined"){
+  for(var key in bbMemos) {
+    if(bbMemos[key]){
+      bbMemo[key] = bbMemos[key];
+    }
+  }
+}
+function loadCssCode(code){
+var style = document.createElement('style');
+style.type = 'text/css';
+style.rel = 'stylesheet';
+style.appendChild(document.createTextNode(code));
+var head = document.getElementsByTagName('head')[0];
+head.appendChild(style);
+}
+
+var limit = bbMemo.limit
+var memos = bbMemo.memos
+var mePage = 1,offset = 0,nextLength = 0,nextDom='';
+var bbDom = document.querySelector(bbMemo.domId);
+var load = '<div class="bb-load"><button class="load-btn button-load">加载中……</button></div>'
+// 增加memos编辑及归档
+var memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+var memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+var getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+var memoChangeDate = 0;
+var getSelectedValue = window.localStorage && window.localStorage.getItem("memos-visibility-select") || "PUBLIC";
+
+
+if(bbDom){
+getFirstList() //首次加载数据
+meNums() //加载总数
+var btn = document.querySelector("button.button-load");
+btn.addEventListener("click", function () {
+  btn.textContent= '加载中……';
+  updateHTMl(nextDom)
+  if(nextLength < limit){ //返回数据条数小于限制条数，隐藏
+    document.querySelector("button.button-load").remove()
+    return
+  }
+  getNextList()
+});
+}
+function getFirstList(){
+bbDom.insertAdjacentHTML('afterend', load);
+let tagHtml = `<div id="tag-list"></div>` // TAG筛选 memos搜索
+bbDom.insertAdjacentHTML('beforebegin', tagHtml); // TAG筛选
+var bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit;
+let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+let oneDay = window.localStorage && window.localStorage.getItem("memos-oneday");
+if(memosOpenId && memosOpenId != null){
+  fetch(bbUrl,{
+    headers:{
+      'Authorization': `Bearer ${memosOpenId}`,
+      'Content-Type': 'application/json',
+      'Cache-Control': 'no-cache',
+    },
+    cache: 'no-store',
+  }).then(res => res.json()).then( resdata =>{
+    updateHTMl(resdata);
+    var nowLength = resdata.length;
+    if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
+      document.querySelector("button.button-load").remove()
+      return
+    }
+    mePage++
+    offset = limit*(mePage-1)
+    getNextList()
+  });
+  if(oneDay == "open"){
+    reloadList("ONEDAY");
+  }
+}else{
+  fetch(bbUrl).then(res => res.json()).then( resdata =>{
+    updateHTMl(resdata);
+    var nowLength = resdata.length;
+    if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
+      document.querySelector("button.button-load").remove()
+      return
+    }
+    mePage++
+    offset = limit*(mePage-1)
+    getNextList()
+  });
+}
+}
+//预加载下一页数据
+function getNextList(){
+var bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit+"&offset="+offset;
+fetch(bbUrl).then(res => res.json()).then( resdata =>{
+  nextDom = resdata;
+  nextLength = nextDom.length
+  mePage++
+  offset = limit*(mePage-1)
+  if(nextLength < 1){ //返回数据条数为 0 ，隐藏
+    document.querySelector("button.button-load").remove()
+    return
+  }
+})
+}
+
+//加载总 Memos 数
+function meNums() {
+  var bbLoad = document.querySelector('.bb-load');
+  var bbUrl = memos + "api/v1/memo/stats?creatorId=" + bbMemo.creatorId;
+  fetch(bbUrl).then(res => res.json()).then(resdata => {
+    if (Array.isArray(resdata)) {
+     // var allnums = ' ( 目前共唠叨了 ' + resdata.length + ' 条 )';
+      //bbLoad.insertAdjacentHTML('afterend', allnums);
+    }
+  });
+}
+
+// 插入 html
+function updateHTMl(data,mode){
+  var result="",resultAll="";
+  //登录显示编辑归档按钮
+  if(memosOpenId && getEditor == "show"){
+    hasLogin = 1
+  }
+  const TAG_REG = /#([^#\s!.,;:?"'()]+)(?= )/g
+  , IMG_REG = /\!\[(.*?)\]\((.*?)\)/g //content 内 md 格式图片
+  , LINK_REG = /\[(.*?)\]\((.*?)\)/g //链接新窗口打开
+  marked.setOptions({
+    breaks: false,
+    smartypants: false,
+    langPrefix: 'language-',
+    headerIds: false,
+    mangle: false
+  });
+  for(var i=0;i < data.length;i++){
+      var memoString = JSON.stringify(data[i]).replace(/"/g, '&quot;');
+      var memo_id = data[i].id; //评论调用
+      var memoVis = data[i].visibility
+      var bbContREG = data[i].content
+      .replace(TAG_REG, "")
+      .replace(IMG_REG, '')
+      .replace(LINK_REG, '<a href="$2" target="_blank">$1</a>')
+      bbContREG = marked.parse(bbContREG)
+
+      //解析 content 内 md 格式图片
+      var IMG_ARR = data[i].content.match(IMG_REG) || '',IMG_ARR_Grid='';
+      if(IMG_ARR){
+        var IMG_ARR_Length = IMG_ARR.length,IMG_ARR_Url = '';
+        if(IMG_ARR_Length !== 1){var IMG_ARR_Grid = " grid grid-"+IMG_ARR_Length}
+        IMG_ARR.forEach(item => {
+            let imgSrc = item.replace(/!\[.*?\]\((.*?)\)/g,'$1')
+            IMG_ARR_Url += '<figure class="gallery-thumbnail"><img loading="lazy" decoding="async" class="img thumbnail-image" loading="lazy" decoding="async" src="'+imgSrc+'"/></figure>'
+        });
+        bbContREG += '<div class="resimg'+IMG_ARR_Grid+'">'+IMG_ARR_Url+'</div>';
+      }
+      //TAG 解析
+      var tagArr = data[i].content.match(TAG_REG);
+      var memosTag = '';
+
+      if (tagArr) {
+        memosTag = tagArr.map(function(tag) {
+          var tagText = String(tag).replace(/[#]/g, '');
+          return '<div class="memos-tag-dg" onclick="getTagNow(this)">#' + tagText + '</div>';
+        }).join('');
+      } else {
+        memosTag = '<div class="memos-tag-dg">#日常</div>';
+      }
+
+      //解析内置资源文件
+      if(data[i].resourceList && data[i].resourceList.length > 0){
+        var resourceList = data[i].resourceList;
+        var imgUrl='',resUrl='',resImgLength = 0;
+        for(var j=0;j < resourceList.length;j++){
+          var restype = resourceList[j].type.slice(0,5)
+          var resexlink = resourceList[j].externalLink
+          var resLink = '',fileId=''
+          if(resexlink){
+            resLink = resexlink
+          }else{
+            fileId = resourceList[j].publicId || resourceList[j].filename
+            resLink = memos+'o/r/'+resourceList[j].id //+'/'+fileId
+          }
+          if(restype == 'image'){
+            imgUrl += '<figure class="gallery-thumbnail"><img loading="lazy" decoding="async" class="img thumbnail-image" src="'+resLink+'"/></figure>'
+            resImgLength = resImgLength + 1
+          }
+          if(restype !== 'image'){
+            resUrl += '<a target="_blank" rel="noreferrer" href="'+resLink+'">'+resourceList[j].filename+'</a>'
+          }
+        }
+        if(imgUrl){
+          var resImgGrid = ""
+          if(resImgLength !== 1){var resImgGrid = "grid grid-"+resImgLength}
+          bbContREG += '<div class="resimg '+resImgGrid+'">'+imgUrl+'</div></div>'
+        }
+        if(resUrl){
+          bbContREG += '<p class="datasource">'+resUrl+'</p>'
+        }
+      }
+      result += `
+      <li class="bb-list-li img-hide" id="${memo_id}">
+        <div class="memos-pl">
+        <div class="memos_diaoyong_time">${moment(data[i].createdTs * 1000).twitterLong()}</div>`
+
+      if(hasLogin !== 0){
+        result += `<div class="memos-edit">
+          <div class="memos-menu">...</div>
+          <div class="memos-menu-d">
+            <div class="edit-btn" data-form="${memoString}" onclick="editMemo(this)">修改</div>
+            <div class="archive-btn" onclick="archiveMemo('${data[i].id}')">归档</div>
+            <div class="delete-btn" onclick="deleteMemo('${data[i].id}')">删除</div> 
+          </div>
+        </div>
+        `
+      }
+
+      result += `</div>       
+        <div class="datacont" view-image>${bbContREG}</div>
+        <div class="memos_diaoyong_top">
+        <div class="memos-tag-wz">${memosTag}</div>`
+
+      if(memoVis == "PUBLIC"){
+        result += `<div class="talks_comments">
+            <a onclick="loadArtalk('${memo_id}')"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m-3 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m6 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m4.415-5.96C15.71 1.195 9.385.88 5.29 4.584C1.195 8.289.88 14.614 4.584 18.709l-2.438 2.437A.5.5 0 0 0 2.5 22H12a10 10 0 0 0 6.709-2.585c4.096-3.705 4.412-10.03.706-14.125M12 21H3.707l1.929-1.929a.5.5 0 0 0 0-.707a8.999 8.999 0 0 1 6.362-15.362A8.999 8.999 0 0 1 12 21"/></svg><span id="btn_memo_${memo_id}"></span></a>
+          </div>
+        </div>
+        <div id="memo_${memo_id}" class="artalk hidden"></div>
+        </li>`;
+      }else if(memoVis !== "PUBLIC"){
+        result += `<div class="memos-hide" onclick="reloadList("NOPUBLIC")"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.68 4.206C2.652 6.015 4.67 7.258 7 7.258c2.331 0 4.348-1.243 5.322-3.052M2.75 5.596L.5 7.481m4.916-.415L4.333 9.794m6.917-4.198l2.25 1.885m-4.92-.415l1.083 2.728"/></svg></idv></div></li>`;
+      }else{
+        result += `</div></li>`;
+      }
+  } // end for
+  if(mode == "ONEDAY"){
+    var bbBefore = "<li class='memos-oneday'><ul class='bb-list-ul' uk-scrollspy='target: > div; cls: uk-animation-slide-bottom-small; delay: 0'>";
+    var bbAfter = "</ul></li>";
+    resultAll = bbBefore + result + bbAfter;
+    bbDom.insertAdjacentHTML('afterbegin', resultAll);
+  }else{
+    var bbBefore = "<section class='bb-timeline'><ul class='bb-list-ul' uk-scrollspy='target: > div; cls: uk-animation-slide-bottom-small; delay: 0'>";
+    var bbAfter = "</ul></section>";
+    resultAll = bbBefore + result + bbAfter;
+    bbDom.insertAdjacentHTML('beforeend', resultAll);
+
+    // 在动画执行之前调整 z-index
+    document.querySelector('.memos-more-ico').style.zIndex = '1';
+    // 在DOM加载完毕后执行滑动加载动画
+    animateSummaries();
+
+    if(document.querySelector('button.button-load')) document.querySelector('button.button-load').textContent = '再来几篇';
+  }
+}
+
+// TAG 筛选
+function getTagNow(e){
+  //console.log(e.innerHTML)
+  let tagName = e.innerHTML.replace('#','')
+  let domClass = document.getElementById("bber")
+  window.scrollTo({
+    top: domClass.offsetTop - 30,
+    behavior: "smooth"
+  });
+  let tagHtmlNow = `<div class='memos-tag-sc-2' onclick='javascript:location.reload();'><div class='memos-tag-sc-1' >标签筛选:</div><div class='memos-tag-sc' >${e.innerHTML}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-auto ml-1 opacity-40"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div></div>`
+  document.querySelector('#tag-list').innerHTML = tagHtmlNow
+  let bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&tag="+tagName+"&limit=20";
+  fetch(bbUrl).then(res => res.json()).then( resdata =>{
+    document.querySelector(bbMemo.domId).innerHTML = ""
+    if(document.querySelector("button.button-load")) document.querySelector("button.button-load").remove()
+    updateHTMl(resdata)
+  })
+}
+
+//增加memos评论
+function loadArtalk(memo_id) {
+  const commentDiv = document.getElementById('memo_' + memo_id);
+  const commentBtn = document.getElementById('btn_memo_' + memo_id);
+  const allCommentDivs = document.querySelectorAll("[id^='memo_']");
+  const allCommentBtns = document.querySelectorAll("[id^='btn_memo_']");
+
+  if (commentDiv.classList.contains('hidden')) {
+    // 收起其他评论
+    for (let i = 0; i < allCommentDivs.length; i++) {
+      if (allCommentDivs[i] !== commentDiv) {
+        allCommentDivs[i].classList.add('hidden');
+      }
+    }
+
+    commentDiv.classList.remove('hidden');
+    //增加评论平滑定位
+    const commentLi = document.getElementById(memo_id);
+    const commentLiPosition = commentLi.getBoundingClientRect().top + window.pageYOffset;
+    const offset = commentLiPosition - 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize);
+    if ('scrollBehavior' in document.documentElement.style) {
+      // 支持平滑滚动的情况下，使用 window.scrollTo
+      window.scrollTo({
+        top: offset,
+        behavior: 'smooth'
+      });
+    } else {
+      // 不支持平滑滚动的情况下，使用滚动容器的平滑滚动方法
+      // 例如：document.documentElement.scrollTop = offset;
+      // 或者使用第三方的平滑滚动库
+    }
+    const artalk = Artalk.init({
+      el: '#memo_' + memo_id,
+      pageKey: '/m/' + memo_id,
+      pageTitle: '',
+      server: 'https://artalk.5b2.cn/',
+      site: '优世界',
+      darkMode: 'auto'
+    });
+  } else {
+    commentDiv.classList.add('hidden');
+  }
+}
+
+//调用coco-message插件暗黑模式
+const darkModeMatcher = window.matchMedia('(prefers-color-scheme: dark)');
+darkModeMatcher.addEventListener('change', handleDarkModeChange);
+function handleDarkModeChange(e) {
+  if (e.matches) {
+    document.documentElement.classList.add('dark');
+  } else {
+    document.documentElement.classList.remove('dark');
+  }
+}
+handleDarkModeChange(darkModeMatcher);
+
+// memos-editor唠叨编辑开始
+var memosDom = document.querySelector(memosData.dom);
+var editIcon = "<div class='load-memos-editor'>唠叨一下</div>";
+var memosEditorCont = `
+<div class="memos-editor animate__animated animate__fadeIn d-none col-12">
+  <div class="memos-editor-body">
+    <div class="memos-editor-inner animate__animated animate__fadeIn d-none">
+      <div class="memos-editor-content">
+        <textarea class="memos-editor-textarea text-sm" rows="1" placeholder="唠叨点什么..."></textarea>
+      </div>
+      <div id="memos-tag-menu"></div>
+      <div class="memos-image-list d-flex flex-fill line-xl"></div>
+      <div class="memos-tag-list d-none animate__animated animate__fadeIn"></div>
+      <div class="memos-editor-footer border-t">
+        <div class="d-flex">
+          <div class="button outline action-btn code-single">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-highlighter">
+              <path d="m9 11-6 6v3h9l3-3"/><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"/>
+            </svg>
+          </div>
+          <div class="button outline action-btn link-btn">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+              <path fill="currentColor" d="M10.59 13.41c.41.39.41 1.03 0 1.42c-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0a5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24a2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0a5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24a2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24a.973.973 0 0 1 0-1.42"/>
+            </svg>
+          </div>
+          <div class="button outline action-btn link-img">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+              <path fill="currentColor" d="M21 3H3C2 3 1 4 1 5v14c0 1.1.9 2 2 2h18c1 0 2-1 2-2V5c0-1-1-2-2-2m0 15.92c-.02.03-.06.06-.08.08H3V5.08L3.08 5h17.83c.03.02.06.06.08.08v13.84zm-10-3.41L8.5 12.5L5 17h14l-4.5-6z"/>
+            </svg>
+          </div>
+          <div class="button outline action-btn biao-qing">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile">
+              <circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/>
+            </svg>
+          </div>
+          <div class="memos-more-ico">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+              <g fill="none">
+                <path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/>
+                <path fill="currentColor" d="M5 10a2 2 0 1 1 0 4a2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4"/>
+              </g>
+            </svg>
+            <div class="memos-xiala">
+              <div class="code-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757zm6.96 9H7.66l6.552-18h2.128z"/></svg>代码</div>
+              <div class="image-btn" onclick="this.lastElementChild.click()"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>图片
+                <input class="memos-upload-image-input d-none" type="file" accept="image/*">
+              </div>
+              <div class="switchUser-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round-cog"><path d="M2 21a8 8 0 0 1 10.434-7.62"/><circle cx="10" cy="8" r="5"/><circle cx="18" cy="18" r="3"/><path d="m19.5 14.3-.4.9"/><path d="m16.9 20.8-.4.9"/><path d="m21.7 19.5-.9-.4"/><path d="m15.2 16.9-.9-.4"/><path d="m21.7 16.5-.9.4"/><path d="m15.2 19.1-.9.4"/><path d="m19.5 21.7-.4-.9"/><path d="m16.9 15.2-.4-.9"/></svg>帐户</div>
+              <div class="private-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="m9.343 18.782l-1.932-.518l.787-2.939a10.99 10.99 0 0 1-3.237-1.872l-2.153 2.154l-1.414-1.414l2.153-2.154a10.957 10.957 0 0 1-2.371-5.07l1.968-.359a9.002 9.002 0 0 0 17.713 0l1.968.358a10.958 10.958 0 0 1-2.372 5.071l2.154 2.154l-1.414 1.414l-2.154-2.154a10.991 10.991 0 0 1-3.237 1.872l.788 2.94l-1.932.517l-.788-2.94a11.068 11.068 0 0 1-3.74 0z"/></svg>私有</div>
+              <div class="oneday-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><g fill="none"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M17 2a4 4 0 0 1 4 4v9a4.002 4.002 0 0 1-3.127 3.904L19.6 20.2a1 1 0 0 1-1.2 1.6L14.667 19H9.333L5.6 21.8a1 1 0 1 1-1.2-1.6l1.727-1.296A4.001 4.001 0 0 1 3 15V6a4 4 0 0 1 4-4zm2 10H5v3a2 2 0 0 0 1.85 1.995L7 17h10a2 2 0 0 0 1.995-1.85L19 15zm-7 1a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m7-5H5v2h14zm-2-4H7a2 2 0 0 0-1.995 1.85L5 6h14a2 2 0 0 0-1.85-1.995z"/></g></svg>回忆</div>
+            </div>
+          </div>
+        </div>
+        <div class="editor-submit d-flex flex-fill justify-content-end">
+          <div class="editor-selector select outline">
+            <select class="select-memos-value">
+              <option value="PUBLIC">公开</option>
+              <!--<option value="PROTECTED">仅登录可见</option>-->
+              <option value="PRIVATE">私有</option>
+            </select>
+          </div>
+          <div class="edit-memos d-none">
+            <div class="primary cancel-edit-btn">取消</div>
+            <div class="primary edit-memos-btn">修改完成</div>
+          </div>
+          <div class="primary submit-memos-btn">唠叨一下</div>
+        </div>
+      </div>
+    </div>
+    <div class="memos-editor-option animate__animated animate__fadeIn d-none">
+      <input name="memos-path-url" class="memos-path-input input-text col-6" type="text" value="" placeholder="Memos 地址">
+      <input name="memos-token-url" class="memos-token-input input-text col-6" type="text" value="" placeholder="Token">
+      <div class="memos-open-api-submit">
+        <div class="primary submit-openapi-btn">保存</div>
+      </div>
+    </div>
+  </div>
+  <div class="memos-random d-none"></div>
+</div>
+`;
+const element = document.querySelector('.index-laodao-titile'); // 选择器是你想要操作的元素的选择器
+element.insertAdjacentHTML('afterend', editIcon);
+memosDom.insertAdjacentHTML('afterbegin',memosEditorCont);
+
+var memosEditorInner = document.querySelector(".memos-editor-inner");
+var memosEditorOption = document.querySelector(".memos-editor-option");
+var memosRadomCont = document.querySelector(".memos-random");
+
+var codeBtn = document.querySelector(".code-btn");
+var codesingle = document.querySelector(".code-single");
+var linkBtn = document.querySelector(".link-btn");
+var linkimg = document.querySelector(".link-img");
+var privateBtn = document.querySelector(".private-btn");
+var oneDayBtn = document.querySelector(".oneday-btn");
+var switchUserBtn = document.querySelector(".switchUser-btn");
+var loadEditorBtn = document.querySelector(".load-memos-editor");
+var submitApiBtn = document.querySelector(".submit-openapi-btn");
+var submitMemoBtn = document.querySelector(".submit-memos-btn");
+var memosVisibilitySelect = document.querySelector(".select-memos-value");
+var pathInput = document.querySelector(".memos-path-input");
+var tokenInput = document.querySelector(".memos-token-input");
+var uploadImageInput = document.querySelector(".memos-upload-image-input");
+var memosTextarea = document.querySelector(".memos-editor-textarea");
+var editMemoDom = document.querySelector(".edit-memos");
+var editMemoBtn = document.querySelector(".edit-memos-btn");
+var cancelEditBtn = document.querySelector(".cancel-edit-btn");
+var biaoqing = document.querySelector(".biao-qing");
+
+document.addEventListener("DOMContentLoaded", () => {
+  getEditIcon();
+});
+
+function getEditIcon() {
+  let memosContent = '',memosVisibility = '',memosResource = [],memosRelation=[];
+  let memosCount = window.localStorage && window.localStorage.getItem("memos-response-count");
+  let memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+  let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+  let getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+  let isHide = getEditor === "hide";
+
+  let getSelectedValue = window.localStorage && window.localStorage.getItem("memos-visibility-select") || "PUBLIC";
+  memosVisibilitySelect.value = getSelectedValue;
+
+  window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
+  window.localStorage && window.localStorage.setItem("memos-relation-list",  JSON.stringify(memosRelation));
+
+  memosTextarea.addEventListener('input', (e) => {
+    memosTextarea.style.height = 'inherit';
+    memosTextarea.style.height = e.target.scrollHeight + 'px';
+  });
+
+  if (getEditor !== null) {
+    document.querySelector(".memos-editor").classList.toggle("d-none",isHide);
+    getEditor == "show" ? hasMemosOpenId() : '';
+  };
+
+  loadEditorBtn.addEventListener("click", function () {
+    getEditor != "show" ? hasMemosOpenId() : '';
+    document.querySelector(".memos-editor").classList.toggle("d-none");
+    window.localStorage && window.localStorage.setItem("memos-editor-display", document.querySelector(".memos-editor").classList.contains("d-none") ? "hide" : "show");
+    getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+
+     // 点击唠叨一下，平滑滚动到.index-laodao
+     let editorBody = document.querySelector('.index-laodao');
+     if (editorBody && !document.querySelector(".memos-editor").classList.contains("d-none")) {
+         editorBody.scrollIntoView({ behavior: 'smooth' });
+     }
+
+  });
+
+  //标签数据
+  document.addEventListener("DOMContentLoaded", function () {
+    memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+    memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+    if (memosPath && memosOpenId) {
+        document.querySelector(".memos-tag-list").classList.remove("d-none");
+    }
+ });
+
+ //代码
+  codeBtn.addEventListener("click", function () {
+    let memoCode = "```\n\n```";
+    insertValue(memoCode,"",4);
+  });
+
+  //代码单反引号
+  codesingle.addEventListener("click", function () {
+    insertValue("``","`",1)
+  });
+
+  //超级链接
+  linkBtn.addEventListener("click", function () {
+    insertValue("[]()","[",1)
+  });
+
+  //图片外链引用
+  linkimg.addEventListener("click", function () {
+    insertValue("![]()","!",1)
+  });
+
+  //以上四项的光标定位
+  function insertValue(text,wrap,back) {
+    memosTextarea.focus();
+    const start = memosTextarea.selectionStart;
+    const end = memosTextarea.selectionEnd;
+    const selectedText = memosTextarea.value.substring(start, end);
+    if(selectedText == ""){
+      memosTextarea.value = memosTextarea.value.substring(0, start) + text + memosTextarea.value.substring(end);
+      memosTextarea.selectionStart = start + text.length - back;
+      memosTextarea.selectionEnd = start + text.length - back;
+    }else{
+      let wrapSelText;
+      if( wrap == "`" ){
+        wrapSelText = "`" + selectedText + "`";
+        back = 0;
+      }
+      if( wrap == "[" ){
+        wrapSelText = "[" + selectedText + "]()";
+      }
+      if( wrap == "!" ){
+        wrapSelText = "![" + selectedText + "]()";
+      }
+      const newText = memosTextarea.value.substring(0, start) + wrapSelText + memosTextarea.value.substring(end);
+      memosTextarea.value = newText;
+      memosTextarea.selectionStart = start + wrapSelText.length - back;
+      memosTextarea.selectionEnd = end + wrapSelText.length - back - selectedText.length;
+    }
+  }
+
+  memosVisibilitySelect.addEventListener('change', function() {
+    memoNowSelct = window.localStorage && window.localStorage.getItem("memos-visibility-select");
+    var selectedValue = memosVisibilitySelect.value;
+    window.localStorage && window.localStorage.setItem("memos-visibility-select",selectedValue);
+    if(memoNowSelct == "PRIVATE" && selectedValue == "PUBLIC"){
+      memoChangeDate = 1;
+    }
+  });
+
+  //私有模式筛选浏览
+  privateBtn.addEventListener("click", async function () {
+    if (!privateBtn.classList.contains("private")) {
+      privateBtn.classList.add("private")
+      memosVisibilitySelect.value = "PRIVATE"
+      window.localStorage && window.localStorage.setItem("memos-mode",  "NOPUBLIC");
+      reloadList("NOPUBLIC")
+      cocoMessage.success("已进入私有浏览")
+    }else{
+      memosVisibilitySelect.value = "PUBLIC"
+      window.localStorage && window.localStorage.setItem("memos-mode",  "");
+      privateBtn.classList.remove("private")
+      reloadList()
+      cocoMessage.success("已退出私有浏览")
+    }
+  });
+
+  //开启回忆一条
+  oneDayBtn.addEventListener("click", async function () {
+    let oneDay = window.localStorage && window.localStorage.getItem("memos-oneday");
+    if (oneDay == null ) {
+      window.localStorage && window.localStorage.setItem("memos-oneday","open");
+      cocoMessage.success("已开启回忆，请刷新页面")
+    }else{
+      window.localStorage && window.localStorage.removeItem("memos-oneday");
+      reloadList()
+      cocoMessage.success("已退出回忆")
+    }
+  });
+
+  //图片上传
+  uploadImageInput.addEventListener('change', () => {
+    memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+    memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+      if (memosPath && memosOpenId) {
+      let filesData = uploadImageInput.files[0];
+      if (uploadImageInput.files.length !== 0){
+        uploadImage(filesData);
+        cocoMessage.info('图片上传中……');
+      }
+    }
+  });
+
+  async function uploadImage(data) {
+        let memosResourceListNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-resource-list")) || [];
+    let imageData = new FormData();
+    let blobUrl = `${memosPath}/api/v1/resource/blob`;
+    imageData.append('file', data, data.name)
+    let resp = await fetch(blobUrl, {
+      method: "POST",
+      body: imageData,
+      headers: {
+        'Authorization': `Bearer ${memosOpenId}`
+      }
+    })
+    let res = await resp.json();
+    if(res.id){
+      let resexlink = res.externalLink;
+      let imgLink = '', fileId = '';
+      if (resexlink) {
+          imgLink = resexlink
+      } else {
+          fileId = res.publicId || res.filename
+          imgLink = `${memosPath}/o/r/${res.id}`;///${fileId}
+      }
+      let imageList = "";
+      imageList += `<div data-id="${res.id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="deleteImage(this)"><div class="d-flex memos-up-image" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
+      document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
+      cocoMessage.success(
+      '上传成功',
+      ()=>{
+        memosResourceListNow.push(res.id);
+        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceListNow));
+        imageListDrag()
+      })
+    }
+  };
+
+  switchUserBtn.addEventListener("click", function () {
+    memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+    memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+    if (memosPath && memosOpenId) {
+      memosEditorOption.classList.remove("d-none");
+      memosEditorInner.classList.add("d-none");
+      memosRadomCont.innerHTML = '';
+      tokenInput.value = '';
+      pathInput.value = '';
+    }
+  });
+
+  submitApiBtn.addEventListener("click", function () {
+    if(tokenInput.value == null || tokenInput.value == ''){
+      cocoMessage.info('请输入 Token');
+    }else if(pathInput.value == null || pathInput.value == ''){
+      cocoMessage.info('请输入 Memos 地址');
+    }else{
+      getMemosData(pathInput.value,tokenInput.value);
+    }
+  });
+
+  submitMemoBtn.addEventListener("click", function () {
+    memosContent = memosTextarea.value;
+    memosVisibility = memosVisibilitySelect.value;
+    memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
+    memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+    let TAG_REG = /(?<=#)([^#\s!.,;:?"'()]+)(?= )/g;
+    let memosTag = memosContent.match(TAG_REG);
+    let  hasContent = memosContent.length !== 0;
+    if (memosOpenId && hasContent) {
+      let memoUrl = `${memosPath}/api/v1/memo`;
+      let memoBody = {content:memosContent,relationList:memosRelation,resourceIdList:memosResource,visibility:memosVisibility}
+      fetch(memoUrl, {
+        method: 'POST',
+        body: JSON.stringify(memoBody),
+        headers: {
+          'Authorization': `Bearer ${memosOpenId}`,
+          'Content-Type': 'application/json'
+        }
+      }).then(function (res) {
+        if (res.status == 200) {
+          if (memosTag !== null) {
+            let memoTagUrl = `${memosPath}/api/v1/tag`;
+            (async () => {
+              for await (const i of memosTag) {
+                const response = await fetch(memoTagUrl, {
+                  method: 'POST',
+                  headers: {
+                    'Authorization': `Bearer ${memosOpenId}`,
+                    'Content-Type': 'application/json'
+                  },
+                  body: JSON.stringify({
+                    name: i
+                  })
+                });
+              }
+            })();
+          }
+          cocoMessage.success(
+            '唠叨成功',
+            () => {
+              document.querySelector(".memos-image-list").innerHTML = '';
+              window.localStorage && window.localStorage.removeItem("memos-resource-list");
+              window.localStorage && window.localStorage.removeItem("memos-relation-list");
+              memosTextarea.value = '';
+              memosTextarea.style.height = 'inherit';
+              let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+              reloadList(memosMode)
+            })
+        }
+      });
+
+    }else if(!hasContent){
+      cocoMessage.info('内容不能为空');
+    }else{
+      cocoMessage.info(
+        '请设置 Access Tokens',
+        () => {
+          memosEditorInner.classList.add("d-none");
+          memosEditorOption.classList.remove("d-none");
+        }
+      );
+    }
+  });
+
+  function hasMemosOpenId() {
+    if (!memosOpenId) {
+      memosEditorOption.classList.remove("d-none");
+      cocoMessage.info('请设置 Access Tokens');
+    }else{
+      const tagUrl = `${memosPath}/api/v1/tag`;
+      const response = fetch(tagUrl,{
+        method: 'GET',
+        headers: {
+          'Authorization': `Bearer ${memosOpenId}`,
+          'Content-Type': 'application/json'
+        }
+      }).then(response => response.json()).then(resdata => {
+        return resdata
+      }).then(response => {
+        let taglist = "";
+        response.map((t)=>{
+          taglist += `<div class="memos-tag d-flex text-xs mt-2 mr-2"><a class="d-flex px-2 justify-content-center" onclick="setMemoTag(this)">#${t}</a></div>`;
+        })
+        document.querySelector(".memos-tag-list").innerHTML = taglist;
+        // cocoMessage.success('准备就绪');
+        memosEditorInner.classList.remove("d-none");
+        memosEditorOption.classList.add("d-none");
+        memosRadomCont.classList.remove("d-none");
+      }).catch(err => {
+        memosEditorOption.classList.remove("d-none");
+        cocoMessage.error('Access Tokens 有误，请重新输入!');
+      });
+    }
+  }
+
+  function random(a,b) {
+    let choices = b - a + 1;
+    return Math.floor(Math.random() * choices + a);
+  }
+
+  async function getMemosData(p,t) {
+    try {
+      let response = await fetch(`${p}/api/v1/memo`,{
+        method: 'GET',
+        headers: {
+          'Authorization': `Bearer ${t}`,
+          'Content-Type': 'application/json'
+        }
+      });
+      if (response.ok) {
+        let resdata = await response.json();
+        if (resdata) {
+          memosCount = resdata.length;
+          window.localStorage && window.localStorage.setItem("memos-access-path", p);
+          window.localStorage && window.localStorage.setItem("memos-access-token", t);
+          window.localStorage && window.localStorage.setItem("memos-response-count", memosCount);
+          cocoMessage.success('保存成功', () => {
+            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+            location.reload();
+            hasMemosOpenId();
+          });
+        }
+      } else {
+        cocoMessage.error('出错了，再检查一下吧!');
+      }
+    } catch (error) {
+      cocoMessage.error('出错了，再检查一下吧!');
+    }
+  }
+
+  async function updateAvatarUrl(e) {
+    try {
+      let response = await fetch(`${memosPath}/api/v1/user/me`,{
+        method: 'GET',
+        headers: {
+          'Authorization': `Bearer ${memosOpenId}`,
+          'Content-Type': 'application/json'
+        }
+      });
+      if (response.ok) {
+        let resdata = await response.json();
+        e.forEach(item => {
+          item.avatarUrl = resdata.avatarUrl;
+        });
+        updateRadom(e);
+      } else {
+        cocoMessage.error('出错了，再检查一下吧!');
+      }
+    } catch (error) {
+      cocoMessage.error('出错了，再检查一下吧!');
+    }
+  }
+}
+
+//发布框 TAG
+function setMemoTag(e){
+  let memoTag = e.textContent + " ";
+  memosTextarea.value += memoTag;
+}
+
+function deleteImage(e){
+  if(e){
+    let memoId = e.getAttribute("data-id")
+    let memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
+    let memosResourceList = memosResource.filter(function(item){ return item != memoId});
+    window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
+    e.remove()
+  }
+}
+
+//图片上传缩略图拖动顺序
+function imageListDrag(){// 获取包含所有图像元素的父元素
+  const imageList = document.querySelector('.memos-image-list');
+  // 存储被拖动的元素
+  let draggedItem = null;
+  let memosResourceList;
+  // 为每个图像元素添加拖动事件监听器
+  imageList.querySelectorAll('.imagelist-item').forEach(item => {
+    item.draggable = true;
+    // 当拖动开始时
+    item.addEventListener('dragstart', function(e) {
+      // 存储被拖动的元素
+      draggedItem = this;
+      memosResourceList = [];
+    });
+    // 当拖动元素进入目标区域时
+    item.addEventListener('dragover', function(e) {
+      e.preventDefault(); // 阻止默认行为
+      this.classList.add('dragover'); // 添加拖动进入样式
+    });
+
+    // 当拖动元素离开目标区域时
+    item.addEventListener('dragleave', function() {
+      this.classList.remove('dragover'); // 移除拖动进入样式
+    });
+
+    // 当拖动元素放置到目标区域时
+    item.addEventListener('drop', function(e) {
+      e.preventDefault(); // 阻止默认行为
+      this.classList.remove('dragover'); // 移除拖动进入样式
+      // 计算拖动元素中心点
+      const rect = this.getBoundingClientRect();
+      const centerX = rect.left + rect.width / 2;
+      // 判断鼠标相对中心点的位置
+      const isLeft = e.clientX < centerX;
+      if (isLeft) {
+        // 插入到前一个元素前
+        this.parentNode.insertBefore(draggedItem, this.previousElementSibling);
+      } else {
+        // 插入到后一个元素后
+        this.parentNode.insertBefore(draggedItem, this.nextElementSibling);
+      }
+      document.querySelectorAll('.memos-image-list .imagelist-item').forEach((item) => {
+        let itemId = Number(item.dataset.id)
+        memosResourceList.push(itemId);
+      })
+      window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
+    });
+  });
+}
+
+// Emoji表情选择
+
+let emojiSelectorVisible = false;
+let emojiSelector;
+let emojis = []; // 缓存表情数据
+
+// 页面加载时获取表情数据
+window.addEventListener("DOMContentLoaded", async () => {
+  try {
+    emojis = await getEmojisData(); // 获取表情数据
+  } catch (error) {
+    console.error('Failed to fetch emojis data:', error);
+  }
+});
+
+// 表情选择器点击事件处理
+biaoqing.addEventListener("click", function (event) {
+  event.stopPropagation();
+  emojiSelectorVisible = !emojiSelectorVisible;
+  const memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+  const memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+
+  if (emojiSelectorVisible && memosPath && memosOpenId) {
+    displayEmojiSelector();
+  } else {
+    emojiSelector?.remove();
+  }
+});
+
+// 显示表情选择器
+function displayEmojiSelector() {
+  if (!emojiSelector) {
+    emojiSelector = document.createElement('div');
+    emojiSelector.classList.add('emoji-selector');
+
+    // 使用事件代理，将事件监听器添加到父元素上
+    emojiSelector.addEventListener('click', (event) => {
+      const target = event.target;
+      if (target.classList.contains('emoji-item')) {
+        insertEmoji(target.innerHTML); // 直接插入emoji图标
+      }
+    });
+  }
+
+  emojiSelector.innerHTML = ''; // 清空表情选择器内容
+
+  emojis.forEach(emoji => {
+    const emojiItem = document.createElement('div');
+    emojiItem.classList.add('emoji-item');
+    emojiItem.innerHTML = emoji.icon;
+    emojiItem.title = emoji.text;
+    emojiSelector.appendChild(emojiItem);
+  });
+
+  // 将表情下拉框插入到对应位置
+  const memosEditorTools = document.querySelector(".memos-editor-footer");
+  if (memosEditorTools) {
+    memosEditorTools.insertAdjacentElement('afterend', emojiSelector);
+  }
+}
+
+// 获取json文件中的数据
+async function getEmojisData() {
+  const response = await fetch('/json/owo.json');
+  const data = await response.json();
+  return data.Emoji.container;
+}
+
+// 表情光标位置
+function insertEmoji(emojiText) {
+  const selectionStart = memosTextarea.selectionStart;
+  const newValue = `${memosTextarea.value.substring(0, selectionStart)}${emojiText}${memosTextarea.value.substring(memosTextarea.selectionEnd)}`;
+  memosTextarea.value = newValue;
+  memosTextarea.dispatchEvent(new Event('input'));
+  const newCursorPosition = selectionStart + emojiText.length;
+  memosTextarea.setSelectionRange(newCursorPosition, newCursorPosition);
+  memosTextarea.focus();
+}
+
+
+// 标签自动补全
+
+const tagListElement = document.querySelector('.memos-tag-list');
+const tagMenu = document.getElementById('memos-tag-menu');
+let selectedTagIndex = -1;
+
+const getMatchingTags = (tagPrefix) => {
+  const allTags = Array.from(tagListElement.querySelectorAll('.memos-tag a')).map(tagLink => tagLink.textContent);
+  return allTags.filter(tag => tag.toLowerCase().includes(tagPrefix.toLowerCase()));
+};
+
+const hideTagMenu = () => tagMenu.style.display = 'none';
+
+const showTagMenu = (matchingTags) => {
+  tagMenu.innerHTML = matchingTags.map(tag => `<div class="tag-option">${tag}</div>`).join('');
+  const { left, bottom } = memosTextarea.getBoundingClientRect();
+  tagMenu.style.cssText = `display: block;`;
+  selectedTagIndex = -1;
+};
+
+const insertSelectedTag = (tag) => {
+  const inputValue = memosTextarea.value;
+  const cursorPosition = memosTextarea.selectionStart;
+
+  const textBeforeCursor = inputValue.substring(0, cursorPosition);
+  const lines = textBeforeCursor.split('\n');
+  const lastLine = lines[lines.length - 1];
+  const wordsBeforeCursor = lastLine.split(/\s+/);
+
+  wordsBeforeCursor.pop();
+
+  const newLastLine = `${wordsBeforeCursor.join(' ')} ${tag} `;
+  const newValue = inputValue.replace(lastLine, newLastLine);
+
+  memosTextarea.value = newValue;
+
+  const newCursorPosition = newValue.lastIndexOf(tag) + tag.length + 1;
+
+  hideTagMenu();
+  selectedTagIndex = -1;
+
+  memosTextarea.focus();
+  memosTextarea.setSelectionRange(newCursorPosition, newCursorPosition);
+};
+
+memosTextarea.addEventListener('input', () => {
+  const inputValue = memosTextarea.value;
+  const cursorPosition = memosTextarea.selectionStart;
+
+  const lastWord = inputValue.substring(0, cursorPosition).split(/\s+/).pop();
+
+  if (lastWord && lastWord.includes('#')) {
+    const matchingTags = getMatchingTags(lastWord);
+    matchingTags.length > 0 ? showTagMenu(matchingTags) : hideTagMenu();
+  } else {
+    hideTagMenu();
+  }
+});
+
+memosTextarea.addEventListener('keydown', event => {
+  const keyCode = event.keyCode;
+
+  if (tagMenu.style.display === 'block') {
+    const matchingTags = Array.from(tagMenu.querySelectorAll('.tag-option')).map(tag => tag.textContent);
+
+    if (keyCode === 38 || keyCode === 40 || keyCode === 37 || keyCode === 39) { // 添加左右方向键的处理
+      event.preventDefault();
+      if (keyCode === 37 || keyCode === 39) { // 处理左右方向键
+        const direction = keyCode === 37 ? -1 : 1;
+        selectedTagIndex = (selectedTagIndex + direction + matchingTags.length) % matchingTags.length;
+      } else { // 处理上下方向键
+        selectedTagIndex = (selectedTagIndex + (keyCode === 38 ? -1 : 1) + matchingTags.length) % matchingTags.length;
+      }
+      Array.from(tagMenu.querySelectorAll('.tag-option')).forEach((option, index) => option.classList.toggle('selected', index === selectedTagIndex));
+    } else if (keyCode === 13 && selectedTagIndex !== -1) {
+      event.preventDefault();
+      insertSelectedTag(matchingTags[selectedTagIndex]);
+    }
+  }
+});
+
+tagMenu.addEventListener('click', event => {
+  insertSelectedTag(event.target.textContent);
+});
+
+
+//修改
+let memosOldSelect;
+function editMemo(memo) {
+  memosOldSelect = memosVisibilitySelect.value;
+  getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+  memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+  if(memosOpenId && getEditor == "show"){
+    document.querySelector(".memos-image-list").innerHTML = '';
+    let e = JSON.parse(memo.getAttribute("data-form"));
+    memoResList = e.resourceList,memosResource = [],imageList = "";
+    memosVisibilitySelect.value = e.visibility;
+    window.localStorage && window.localStorage.setItem("memos-editor-dataform",JSON.stringify(e));
+    window.localStorage && window.localStorage.setItem("memos-visibility-select",memosVisibilitySelect.value);
+    memosTextarea.value = e.content;
+    memosTextarea.style.height = memosTextarea.scrollHeight + 'px';
+    submitMemoBtn.classList.add("d-none");
+    editMemoDom.classList.remove("d-none");
+    if(memoResList.length > 0){
+      for (let i = 0; i < memoResList.length; i++) {
+        let imgLink = '', fileId = '',resexlink = memoResList[i].externalLink;
+        if (resexlink) {
+            imgLink = resexlink
+        } else {
+            fileId = memoResList[i].publicId || memoResList[i].filename
+            imgLink = `${memosPath}/o/r/${memoResList[i].id}`;///${fileId}
+        }
+        memosResource.push(memoResList[i].id);
+        imageList += `<div data-id="${memoResList[i].id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="deleteImage(this)"><div class="d-flex memos-up-image" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
+      }
+
+
+      window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
+      document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
+    }
+    //平滑滚动到对应的class
+    let editorBody = document.querySelector('.index-laodao');
+    if (editorBody) {
+    editorBody.scrollIntoView({ behavior: 'smooth' });
+    }
+  }
+}
+
+editMemoBtn.addEventListener("click", function () {
+  let dataformNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-editor-dataform"));
+  let memoId = dataformNow.id,memoRelationList = dataformNow.relationList,
+  memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token"),
+  memoContent = memosTextarea.value,
+  memocreatedTs = dataformNow.createdTs,
+  memoVisibility = memosVisibilitySelect.value,
+  memoResourceList = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
+  if(memoChangeDate == 1){
+    memocreatedTs = Math.floor(Date.now() / 1000);;
+  }
+  let hasContent = memoContent.length !== 0;
+  if (hasContent) {
+    let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
+    let memoBody = {content:memoContent,id:memoId,createdTs:memocreatedTs,relationList:memoRelationList,resourceIdList:memoResourceList,visibility:memoVisibility}
+    fetch(memoUrl, {
+      method: 'PATCH',
+      body: JSON.stringify(memoBody),
+      headers: {
+        'Authorization': `Bearer ${memosOpenId}`,
+        'Content-Type': 'application/json'
+      }
+    }).then(function(res) {
+      if (res.ok) {
+        cocoMessage.success(
+        '修改成功',
+        ()=>{
+            memoChangeDate = 0;
+            memosVisibilitySelect.value = memosOldSelect;
+            submitMemoBtn.classList.remove("d-none");
+            editMemoDom.classList.add("d-none");
+            document.querySelector(".memos-image-list").innerHTML = '';
+            window.localStorage && window.localStorage.removeItem("memos-resource-list");
+            window.localStorage && window.localStorage.removeItem("memos-relation-list");
+            memosTextarea.value = '';
+            memosTextarea.style.height = 'inherit';
+            window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
+            let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+            reloadList(memosMode)
+        })
+      }
+    })
+  }
+})
+
+//增加memo编辑的时候取消功能
+cancelEditBtn.addEventListener("click", function () {
+  if (!editMemoDom.classList.contains("d-none")) {
+    memosVisibilitySelect.value = memosOldSelect;
+    document.querySelector(".memos-image-list").innerHTML = '';
+    window.localStorage && window.localStorage.removeItem("memos-resource-list");
+    window.localStorage && window.localStorage.removeItem("memos-relation-list");
+    memosTextarea.value = '';
+    memosTextarea.style.height = 'inherit';
+    window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
+    editMemoDom.classList.add("d-none");
+    submitMemoBtn.classList.remove("d-none");
+  }
+})
+
+//增加memos归档功能
+function archiveMemo(memoId) {
+  memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+  if(memosOpenId && memoId){
+    let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
+    let memoBody = {id:memoId,rowStatus:"ARCHIVED"};
+    fetch(memoUrl, {
+      method: 'PATCH',
+      body: JSON.stringify(memoBody),
+      headers: {
+        'Authorization': `Bearer ${memosOpenId}`,
+        'Content-Type': 'application/json'
+      }
+    }).then(function(res) {
+      if (res.ok) {
+        cocoMessage.success(
+        '归档成功',
+        ()=>{
+          let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+          reloadList(memosMode)
+        })
+      }
+    })
+  }
+}
+
+//增加memo删除功能
+function deleteMemo(memoId) {
+  let isOk = confirm("确定要删除此条唠叨吗？");
+  if(isOk){
+  memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+  if(memosOpenId && memoId){
+    let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
+    fetch(memoUrl, {
+      method: 'DELETE',
+      headers: {
+        'Authorization': `Bearer ${memosOpenId}`,
+        'Content-Type': 'application/json'
+      }
+    }).then(function(res) {
+      if (res.ok) {
+        cocoMessage.success(
+        '删除成功',
+        ()=>{
+          let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+          reloadList(memosMode)
+        })
+      }
+    }).catch(err => {
+      cocoMessage.error('出错了，再检查一下吧')
+    })
+  }
+}
+}
+
+//无刷新
+function reloadList(mode){
+  var bberDom = document.querySelector("#bber");
+  bberDom.innerHTML = '';
+  memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+  var bbUrl;
+  if(mode == "NOPUBLIC"){
+    bbUrl = memos+"api/v1/memo";
+  }if(mode == "ONEDAY"){
+    let memosCount = window.localStorage && window.localStorage.getItem("memos-response-count");
+    let random = Math.floor(Math.random() * memosCount)
+    bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&limit=1&offset="+random;
+  }else{
+    bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit;
+  }
+  fetch(bbUrl,{
+    headers: {
+      'Authorization': `Bearer ${memosOpenId}`,
+      'Content-Type': 'application/json',
+      'Cache-Control': 'no-cache',
+    },
+    cache: 'no-store',
+  }).then(res => res.json()).then( resdata =>{
+    if (mode == "NOPUBLIC") {
+      resdata = resdata.filter((item) => item.visibility !== "PUBLIC");
+    }
+    if(mode == "ONEDAY"){
+      updateHTMl(resdata,"ONEDAY");
+    }else{
+      updateHTMl(resdata);
+      var nowLength = resdata.length;
+      if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
+        document.querySelector("button.button-load").remove()
+        return
+      }
+      mePage++
+      offset = limit*(mePage-1)
+      getNextList(mode)
+    }
+  });
+}
+
+//发布框中无内容时，唠叨一下按钮为透明度0.4
+function handleTextareaInput() {
+  var textarea = document.querySelector('.memos-editor-textarea');
+  var submitButton = document.querySelector('.submit-memos-btn');
+  submitButton.style.opacity = textarea.value.trim() !== '' ? 1 : 0.4;
+}
+handleTextareaInput();
+document.querySelector('.memos-editor-textarea').addEventListener('input', handleTextareaInput);
+
+
+//memos、评论链接跳转中间页
+document.body.addEventListener('click', function(e) {
+  let target = e.target.closest('.atk-comment-wrap a, .datacont a');
+  if (target && !target.href.includes('usj.cc')) {
+      e.preventDefault();
+      let encodedUrl = btoa(target.href);
+      let url = '/tiaozhuan?target=' + encodedUrl;
+      window.open(url, '_blank');
+  }
+});
diff --git a/themes/Ying/static/js/mypjax.js b/themes/Ying/static/js/mypjax.js
index f08a8532..2f47dc75 100644
--- a/themes/Ying/static/js/mypjax.js
+++ b/themes/Ying/static/js/mypjax.js
@@ -130,6 +130,1271 @@ function lazyimg_pjax() {
 
     })($)
 }
+// 设置memos回调函数
+function reload_memos(){
+    var hasLogin = 0 //没登录隐藏编辑归档按钮
+
+    var memosData = {
+        dom:'#memos',
+    }
+
+    var bbMemo = {
+        memos: 'https://memos.usj.cc/',
+        limit: '8',
+        creatorId: '1',
+        domId: '#bber',
+    };
+    if(typeof(bbMemos) !=="undefined"){
+        for(var key in bbMemos) {
+            if(bbMemos[key]){
+                bbMemo[key] = bbMemos[key];
+            }
+        }
+    }
+    function loadCssCode(code){
+        var style = document.createElement('style');
+        style.type = 'text/css';
+        style.rel = 'stylesheet';
+        style.appendChild(document.createTextNode(code));
+        var head = document.getElementsByTagName('head')[0];
+        head.appendChild(style);
+    }
+
+    var limit = bbMemo.limit
+    var memos = bbMemo.memos
+    var mePage = 1,offset = 0,nextLength = 0,nextDom='';
+    var bbDom = document.querySelector(bbMemo.domId);
+    var load = '<div class="bb-load"><button class="load-btn button-load">加载中……</button></div>'
+// 增加memos编辑及归档
+    var memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+    var memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+    var getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+    var memoChangeDate = 0;
+    var getSelectedValue = window.localStorage && window.localStorage.getItem("memos-visibility-select") || "PUBLIC";
+
+
+    if(bbDom){
+        getFirstList() //首次加载数据
+        meNums() //加载总数
+        var btn = document.querySelector("button.button-load");
+        btn.addEventListener("click", function () {
+            btn.textContent= '加载中……';
+            updateHTMl(nextDom)
+            if(nextLength < limit){ //返回数据条数小于限制条数，隐藏
+                document.querySelector("button.button-load").remove()
+                return
+            }
+            getNextList()
+        });
+    }
+    function getFirstList(){
+        bbDom.insertAdjacentHTML('afterend', load);
+        let tagHtml = `<div id="tag-list"></div>` // TAG筛选 memos搜索
+        bbDom.insertAdjacentHTML('beforebegin', tagHtml); // TAG筛选
+        var bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit;
+        let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+        let oneDay = window.localStorage && window.localStorage.getItem("memos-oneday");
+        if(memosOpenId && memosOpenId != null){
+            fetch(bbUrl,{
+                headers:{
+                    'Authorization': `Bearer ${memosOpenId}`,
+                    'Content-Type': 'application/json',
+                    'Cache-Control': 'no-cache',
+                },
+                cache: 'no-store',
+            }).then(res => res.json()).then( resdata =>{
+                updateHTMl(resdata);
+                var nowLength = resdata.length;
+                if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
+                    document.querySelector("button.button-load").remove()
+                    return
+                }
+                mePage++
+                offset = limit*(mePage-1)
+                getNextList()
+            });
+            if(oneDay == "open"){
+                reloadList("ONEDAY");
+            }
+        }else{
+            fetch(bbUrl).then(res => res.json()).then( resdata =>{
+                updateHTMl(resdata);
+                var nowLength = resdata.length;
+                if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
+                    document.querySelector("button.button-load").remove()
+                    return
+                }
+                mePage++
+                offset = limit*(mePage-1)
+                getNextList()
+            });
+        }
+    }
+//预加载下一页数据
+    function getNextList(){
+        var bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit+"&offset="+offset;
+        fetch(bbUrl).then(res => res.json()).then( resdata =>{
+            nextDom = resdata;
+            nextLength = nextDom.length
+            mePage++
+            offset = limit*(mePage-1)
+            if(nextLength < 1){ //返回数据条数为 0 ，隐藏
+                document.querySelector("button.button-load").remove()
+                return
+            }
+        })
+    }
+
+//加载总 Memos 数
+    function meNums() {
+        var bbLoad = document.querySelector('.bb-load');
+        var bbUrl = memos + "api/v1/memo/stats?creatorId=" + bbMemo.creatorId;
+        fetch(bbUrl).then(res => res.json()).then(resdata => {
+            if (Array.isArray(resdata)) {
+                // var allnums = ' ( 目前共唠叨了 ' + resdata.length + ' 条 )';
+                //bbLoad.insertAdjacentHTML('afterend', allnums);
+            }
+        });
+    }
+
+// 插入 html
+    function updateHTMl(data,mode){
+        var result="",resultAll="";
+        //登录显示编辑归档按钮
+        if(memosOpenId && getEditor == "show"){
+            hasLogin = 1
+        }
+        const TAG_REG = /#([^#\s!.,;:?"'()]+)(?= )/g
+            , IMG_REG = /\!\[(.*?)\]\((.*?)\)/g //content 内 md 格式图片
+            , LINK_REG = /\[(.*?)\]\((.*?)\)/g //链接新窗口打开
+        marked.setOptions({
+            breaks: false,
+            smartypants: false,
+            langPrefix: 'language-',
+            headerIds: false,
+            mangle: false
+        });
+        for(var i=0;i < data.length;i++){
+            var memoString = JSON.stringify(data[i]).replace(/"/g, '&quot;');
+            var memo_id = data[i].id; //评论调用
+            var memoVis = data[i].visibility
+            var bbContREG = data[i].content
+                .replace(TAG_REG, "")
+                .replace(IMG_REG, '')
+                .replace(LINK_REG, '<a href="$2" target="_blank">$1</a>')
+            bbContREG = marked.parse(bbContREG)
+
+            //解析 content 内 md 格式图片
+            var IMG_ARR = data[i].content.match(IMG_REG) || '',IMG_ARR_Grid='';
+            if(IMG_ARR){
+                var IMG_ARR_Length = IMG_ARR.length,IMG_ARR_Url = '';
+                if(IMG_ARR_Length !== 1){var IMG_ARR_Grid = " grid grid-"+IMG_ARR_Length}
+                IMG_ARR.forEach(item => {
+                    let imgSrc = item.replace(/!\[.*?\]\((.*?)\)/g,'$1')
+                    IMG_ARR_Url += '<figure class="gallery-thumbnail"><img loading="lazy" decoding="async" class="img thumbnail-image" loading="lazy" decoding="async" src="'+imgSrc+'"/></figure>'
+                });
+                bbContREG += '<div class="resimg'+IMG_ARR_Grid+'">'+IMG_ARR_Url+'</div>';
+            }
+            //TAG 解析
+            var tagArr = data[i].content.match(TAG_REG);
+            var memosTag = '';
+
+            if (tagArr) {
+                memosTag = tagArr.map(function(tag) {
+                    var tagText = String(tag).replace(/[#]/g, '');
+                    return '<div class="memos-tag-dg" onclick="getTagNow(this)">#' + tagText + '</div>';
+                }).join('');
+            } else {
+                memosTag = '<div class="memos-tag-dg">#日常</div>';
+            }
+
+            //解析内置资源文件
+            if(data[i].resourceList && data[i].resourceList.length > 0){
+                var resourceList = data[i].resourceList;
+                var imgUrl='',resUrl='',resImgLength = 0;
+                for(var j=0;j < resourceList.length;j++){
+                    var restype = resourceList[j].type.slice(0,5)
+                    var resexlink = resourceList[j].externalLink
+                    var resLink = '',fileId=''
+                    if(resexlink){
+                        resLink = resexlink
+                    }else{
+                        fileId = resourceList[j].publicId || resourceList[j].filename
+                        resLink = memos+'o/r/'+resourceList[j].id //+'/'+fileId
+                    }
+                    if(restype == 'image'){
+                        imgUrl += '<figure class="gallery-thumbnail"><img loading="lazy" decoding="async" class="img thumbnail-image" src="'+resLink+'"/></figure>'
+                        resImgLength = resImgLength + 1
+                    }
+                    if(restype !== 'image'){
+                        resUrl += '<a target="_blank" rel="noreferrer" href="'+resLink+'">'+resourceList[j].filename+'</a>'
+                    }
+                }
+                if(imgUrl){
+                    var resImgGrid = ""
+                    if(resImgLength !== 1){var resImgGrid = "grid grid-"+resImgLength}
+                    bbContREG += '<div class="resimg '+resImgGrid+'">'+imgUrl+'</div></div>'
+                }
+                if(resUrl){
+                    bbContREG += '<p class="datasource">'+resUrl+'</p>'
+                }
+            }
+            result += `
+      <li class="bb-list-li img-hide" id="${memo_id}">
+        <div class="memos-pl">
+        <div class="memos_diaoyong_time">${moment(data[i].createdTs * 1000).twitterLong()}</div>`
+
+            if(hasLogin !== 0){
+                result += `<div class="memos-edit">
+          <div class="memos-menu">...</div>
+          <div class="memos-menu-d">
+            <div class="edit-btn" data-form="${memoString}" onclick="editMemo(this)">修改</div>
+            <div class="archive-btn" onclick="archiveMemo('${data[i].id}')">归档</div>
+            <div class="delete-btn" onclick="deleteMemo('${data[i].id}')">删除</div> 
+          </div>
+        </div>
+        `
+            }
+
+            result += `</div>       
+        <div class="datacont" view-image>${bbContREG}</div>
+        <div class="memos_diaoyong_top">
+        <div class="memos-tag-wz">${memosTag}</div>`
+
+            if(memoVis == "PUBLIC"){
+                result += `<div class="talks_comments">
+            <a onclick="loadArtalk('${memo_id}')"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11.25a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m-3 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m6 0a.75.75 0 1 0 0 1.5a.75.75 0 0 0 0-1.5m4.415-5.96C15.71 1.195 9.385.88 5.29 4.584C1.195 8.289.88 14.614 4.584 18.709l-2.438 2.437A.5.5 0 0 0 2.5 22H12a10 10 0 0 0 6.709-2.585c4.096-3.705 4.412-10.03.706-14.125M12 21H3.707l1.929-1.929a.5.5 0 0 0 0-.707a8.999 8.999 0 0 1 6.362-15.362A8.999 8.999 0 0 1 12 21"/></svg><span id="btn_memo_${memo_id}"></span></a>
+          </div>
+        </div>
+        <div id="memo_${memo_id}" class="artalk hidden"></div>
+        </li>`;
+            }else if(memoVis !== "PUBLIC"){
+                result += `<div class="memos-hide" onclick="reloadList("NOPUBLIC")"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 14 14"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M1.68 4.206C2.652 6.015 4.67 7.258 7 7.258c2.331 0 4.348-1.243 5.322-3.052M2.75 5.596L.5 7.481m4.916-.415L4.333 9.794m6.917-4.198l2.25 1.885m-4.92-.415l1.083 2.728"/></svg></idv></div></li>`;
+            }else{
+                result += `</div></li>`;
+            }
+        } // end for
+        if(mode == "ONEDAY"){
+            var bbBefore = "<li class='memos-oneday'><ul class='bb-list-ul' uk-scrollspy='target: > div; cls: uk-animation-slide-bottom-small; delay: 0'>";
+            var bbAfter = "</ul></li>";
+            resultAll = bbBefore + result + bbAfter;
+            bbDom.insertAdjacentHTML('afterbegin', resultAll);
+        }else{
+            var bbBefore = "<section class='bb-timeline'><ul class='bb-list-ul' uk-scrollspy='target: > div; cls: uk-animation-slide-bottom-small; delay: 0'>";
+            var bbAfter = "</ul></section>";
+            resultAll = bbBefore + result + bbAfter;
+            bbDom.insertAdjacentHTML('beforeend', resultAll);
+
+            // 在动画执行之前调整 z-index
+            document.querySelector('.memos-more-ico').style.zIndex = '1';
+            // 在DOM加载完毕后执行滑动加载动画
+            animateSummaries();
+
+            if(document.querySelector('button.button-load')) document.querySelector('button.button-load').textContent = '再来几篇';
+        }
+    }
+
+// TAG 筛选
+    function getTagNow(e){
+        //console.log(e.innerHTML)
+        let tagName = e.innerHTML.replace('#','')
+        let domClass = document.getElementById("bber")
+        window.scrollTo({
+            top: domClass.offsetTop - 30,
+            behavior: "smooth"
+        });
+        let tagHtmlNow = `<div class='memos-tag-sc-2' onclick='javascript:location.reload();'><div class='memos-tag-sc-1' >标签筛选:</div><div class='memos-tag-sc' >${e.innerHTML}<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-4 h-auto ml-1 opacity-40"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div></div>`
+        document.querySelector('#tag-list').innerHTML = tagHtmlNow
+        let bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&tag="+tagName+"&limit=20";
+        fetch(bbUrl).then(res => res.json()).then( resdata =>{
+            document.querySelector(bbMemo.domId).innerHTML = ""
+            if(document.querySelector("button.button-load")) document.querySelector("button.button-load").remove()
+            updateHTMl(resdata)
+        })
+    }
+
+//增加memos评论
+    function loadArtalk(memo_id) {
+        const commentDiv = document.getElementById('memo_' + memo_id);
+        const commentBtn = document.getElementById('btn_memo_' + memo_id);
+        const allCommentDivs = document.querySelectorAll("[id^='memo_']");
+        const allCommentBtns = document.querySelectorAll("[id^='btn_memo_']");
+
+        if (commentDiv.classList.contains('hidden')) {
+            // 收起其他评论
+            for (let i = 0; i < allCommentDivs.length; i++) {
+                if (allCommentDivs[i] !== commentDiv) {
+                    allCommentDivs[i].classList.add('hidden');
+                }
+            }
+
+            commentDiv.classList.remove('hidden');
+            //增加评论平滑定位
+            const commentLi = document.getElementById(memo_id);
+            const commentLiPosition = commentLi.getBoundingClientRect().top + window.pageYOffset;
+            const offset = commentLiPosition - 3.5 * parseFloat(getComputedStyle(document.documentElement).fontSize);
+            if ('scrollBehavior' in document.documentElement.style) {
+                // 支持平滑滚动的情况下，使用 window.scrollTo
+                window.scrollTo({
+                    top: offset,
+                    behavior: 'smooth'
+                });
+            } else {
+                // 不支持平滑滚动的情况下，使用滚动容器的平滑滚动方法
+                // 例如：document.documentElement.scrollTop = offset;
+                // 或者使用第三方的平滑滚动库
+            }
+            const artalk = Artalk.init({
+                el: '#memo_' + memo_id,
+                pageKey: '/m/' + memo_id,
+                pageTitle: '',
+                server: 'https://artalk.5b2.cn/',
+                site: '优世界',
+                darkMode: 'auto'
+            });
+        } else {
+            commentDiv.classList.add('hidden');
+        }
+    }
+
+//调用coco-message插件暗黑模式
+    const darkModeMatcher = window.matchMedia('(prefers-color-scheme: dark)');
+    darkModeMatcher.addEventListener('change', handleDarkModeChange);
+    function handleDarkModeChange(e) {
+        if (e.matches) {
+            document.documentElement.classList.add('dark');
+        } else {
+            document.documentElement.classList.remove('dark');
+        }
+    }
+    handleDarkModeChange(darkModeMatcher);
+
+// memos-editor唠叨编辑开始
+    var memosDom = document.querySelector(memosData.dom);
+    var editIcon = "<div class='load-memos-editor'>唠叨一下</div>";
+    var memosEditorCont = `
+<div class="memos-editor animate__animated animate__fadeIn d-none col-12">
+  <div class="memos-editor-body">
+    <div class="memos-editor-inner animate__animated animate__fadeIn d-none">
+      <div class="memos-editor-content">
+        <textarea class="memos-editor-textarea text-sm" rows="1" placeholder="唠叨点什么..."></textarea>
+      </div>
+      <div id="memos-tag-menu"></div>
+      <div class="memos-image-list d-flex flex-fill line-xl"></div>
+      <div class="memos-tag-list d-none animate__animated animate__fadeIn"></div>
+      <div class="memos-editor-footer border-t">
+        <div class="d-flex">
+          <div class="button outline action-btn code-single">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-highlighter">
+              <path d="m9 11-6 6v3h9l3-3"/><path d="m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4"/>
+            </svg>
+          </div>
+          <div class="button outline action-btn link-btn">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+              <path fill="currentColor" d="M10.59 13.41c.41.39.41 1.03 0 1.42c-.39.39-1.03.39-1.42 0a5.003 5.003 0 0 1 0-7.07l3.54-3.54a5.003 5.003 0 0 1 7.07 0a5.003 5.003 0 0 1 0 7.07l-1.49 1.49c.01-.82-.12-1.64-.4-2.42l.47-.48a2.982 2.982 0 0 0 0-4.24a2.982 2.982 0 0 0-4.24 0l-3.53 3.53a2.982 2.982 0 0 0 0 4.24m2.82-4.24c.39-.39 1.03-.39 1.42 0a5.003 5.003 0 0 1 0 7.07l-3.54 3.54a5.003 5.003 0 0 1-7.07 0a5.003 5.003 0 0 1 0-7.07l1.49-1.49c-.01.82.12 1.64.4 2.43l-.47.47a2.982 2.982 0 0 0 0 4.24a2.982 2.982 0 0 0 4.24 0l3.53-3.53a2.982 2.982 0 0 0 0-4.24a.973.973 0 0 1 0-1.42"/>
+            </svg>
+          </div>
+          <div class="button outline action-btn link-img">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+              <path fill="currentColor" d="M21 3H3C2 3 1 4 1 5v14c0 1.1.9 2 2 2h18c1 0 2-1 2-2V5c0-1-1-2-2-2m0 15.92c-.02.03-.06.06-.08.08H3V5.08L3.08 5h17.83c.03.02.06.06.08.08v13.84zm-10-3.41L8.5 12.5L5 17h14l-4.5-6z"/>
+            </svg>
+          </div>
+          <div class="button outline action-btn biao-qing">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-smile">
+              <circle cx="12" cy="12" r="10"/><path d="M8 14s1.5 2 4 2 4-2 4-2"/><line x1="9" x2="9.01" y1="9" y2="9"/><line x1="15" x2="15.01" y1="9" y2="9"/>
+            </svg>
+          </div>
+          <div class="memos-more-ico">
+            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+              <g fill="none">
+                <path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/>
+                <path fill="currentColor" d="M5 10a2 2 0 1 1 0 4a2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4m7 0a2 2 0 1 1 0 4a2 2 0 0 1 0-4"/>
+              </g>
+            </svg>
+            <div class="memos-xiala">
+              <div class="code-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="m24 12l-5.657 5.657l-1.414-1.414L21.172 12l-4.243-4.243l1.414-1.414zM2.828 12l4.243 4.243l-1.414 1.414L0 12l5.657-5.657L7.07 7.757zm6.96 9H7.66l6.552-18h2.128z"/></svg>代码</div>
+              <div class="image-btn" onclick="this.lastElementChild.click()"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-camera"><path d="M14.5 4h-5L7 7H4a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-3l-2.5-3z"/><circle cx="12" cy="13" r="3"/></svg>图片
+                <input class="memos-upload-image-input d-none" type="file" accept="image/*">
+              </div>
+              <div class="switchUser-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-user-round-cog"><path d="M2 21a8 8 0 0 1 10.434-7.62"/><circle cx="10" cy="8" r="5"/><circle cx="18" cy="18" r="3"/><path d="m19.5 14.3-.4.9"/><path d="m16.9 20.8-.4.9"/><path d="m21.7 19.5-.9-.4"/><path d="m15.2 16.9-.9-.4"/><path d="m21.7 16.5-.9.4"/><path d="m15.2 19.1-.9.4"/><path d="m19.5 21.7-.4-.9"/><path d="m16.9 15.2-.4-.9"/></svg>帐户</div>
+              <div class="private-btn"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><path fill="currentColor" d="m9.343 18.782l-1.932-.518l.787-2.939a10.99 10.99 0 0 1-3.237-1.872l-2.153 2.154l-1.414-1.414l2.153-2.154a10.957 10.957 0 0 1-2.371-5.07l1.968-.359a9.002 9.002 0 0 0 17.713 0l1.968.358a10.958 10.958 0 0 1-2.372 5.071l2.154 2.154l-1.414 1.414l-2.154-2.154a10.991 10.991 0 0 1-3.237 1.872l.788 2.94l-1.932.517l-.788-2.94a11.068 11.068 0 0 1-3.74 0z"/></svg>私有</div>
+              <div class="oneday-btn"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"><g fill="none"><path d="M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z"/><path fill="currentColor" d="M17 2a4 4 0 0 1 4 4v9a4.002 4.002 0 0 1-3.127 3.904L19.6 20.2a1 1 0 0 1-1.2 1.6L14.667 19H9.333L5.6 21.8a1 1 0 1 1-1.2-1.6l1.727-1.296A4.001 4.001 0 0 1 3 15V6a4 4 0 0 1 4-4zm2 10H5v3a2 2 0 0 0 1.85 1.995L7 17h10a2 2 0 0 0 1.995-1.85L19 15zm-7 1a1.5 1.5 0 1 1 0 3a1.5 1.5 0 0 1 0-3m7-5H5v2h14zm-2-4H7a2 2 0 0 0-1.995 1.85L5 6h14a2 2 0 0 0-1.85-1.995z"/></g></svg>回忆</div>
+            </div>
+          </div>
+        </div>
+        <div class="editor-submit d-flex flex-fill justify-content-end">
+          <div class="editor-selector select outline">
+            <select class="select-memos-value">
+              <option value="PUBLIC">公开</option>
+              <!--<option value="PROTECTED">仅登录可见</option>-->
+              <option value="PRIVATE">私有</option>
+            </select>
+          </div>
+          <div class="edit-memos d-none">
+            <div class="primary cancel-edit-btn">取消</div>
+            <div class="primary edit-memos-btn">修改完成</div>
+          </div>
+          <div class="primary submit-memos-btn">唠叨一下</div>
+        </div>
+      </div>
+    </div>
+    <div class="memos-editor-option animate__animated animate__fadeIn d-none">
+      <input name="memos-path-url" class="memos-path-input input-text col-6" type="text" value="" placeholder="Memos 地址">
+      <input name="memos-token-url" class="memos-token-input input-text col-6" type="text" value="" placeholder="Token">
+      <div class="memos-open-api-submit">
+        <div class="primary submit-openapi-btn">保存</div>
+      </div>
+    </div>
+  </div>
+  <div class="memos-random d-none"></div>
+</div>
+`;
+    const element = document.querySelector('.index-laodao-titile'); // 选择器是你想要操作的元素的选择器
+    element.insertAdjacentHTML('afterend', editIcon);
+    memosDom.insertAdjacentHTML('afterbegin',memosEditorCont);
+
+    var memosEditorInner = document.querySelector(".memos-editor-inner");
+    var memosEditorOption = document.querySelector(".memos-editor-option");
+    var memosRadomCont = document.querySelector(".memos-random");
+
+    var codeBtn = document.querySelector(".code-btn");
+    var codesingle = document.querySelector(".code-single");
+    var linkBtn = document.querySelector(".link-btn");
+    var linkimg = document.querySelector(".link-img");
+    var privateBtn = document.querySelector(".private-btn");
+    var oneDayBtn = document.querySelector(".oneday-btn");
+    var switchUserBtn = document.querySelector(".switchUser-btn");
+    var loadEditorBtn = document.querySelector(".load-memos-editor");
+    var submitApiBtn = document.querySelector(".submit-openapi-btn");
+    var submitMemoBtn = document.querySelector(".submit-memos-btn");
+    var memosVisibilitySelect = document.querySelector(".select-memos-value");
+    var pathInput = document.querySelector(".memos-path-input");
+    var tokenInput = document.querySelector(".memos-token-input");
+    var uploadImageInput = document.querySelector(".memos-upload-image-input");
+    var memosTextarea = document.querySelector(".memos-editor-textarea");
+    var editMemoDom = document.querySelector(".edit-memos");
+    var editMemoBtn = document.querySelector(".edit-memos-btn");
+    var cancelEditBtn = document.querySelector(".cancel-edit-btn");
+    var biaoqing = document.querySelector(".biao-qing");
+
+    document.addEventListener("DOMContentLoaded", () => {
+        getEditIcon();
+    });
+
+    function getEditIcon() {
+        let memosContent = '',memosVisibility = '',memosResource = [],memosRelation=[];
+        let memosCount = window.localStorage && window.localStorage.getItem("memos-response-count");
+        let memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+        let memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+        let getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+        let isHide = getEditor === "hide";
+
+        let getSelectedValue = window.localStorage && window.localStorage.getItem("memos-visibility-select") || "PUBLIC";
+        memosVisibilitySelect.value = getSelectedValue;
+
+        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
+        window.localStorage && window.localStorage.setItem("memos-relation-list",  JSON.stringify(memosRelation));
+
+        memosTextarea.addEventListener('input', (e) => {
+            memosTextarea.style.height = 'inherit';
+            memosTextarea.style.height = e.target.scrollHeight + 'px';
+        });
+
+        if (getEditor !== null) {
+            document.querySelector(".memos-editor").classList.toggle("d-none",isHide);
+            getEditor == "show" ? hasMemosOpenId() : '';
+        };
+
+        loadEditorBtn.addEventListener("click", function () {
+            getEditor != "show" ? hasMemosOpenId() : '';
+            document.querySelector(".memos-editor").classList.toggle("d-none");
+            window.localStorage && window.localStorage.setItem("memos-editor-display", document.querySelector(".memos-editor").classList.contains("d-none") ? "hide" : "show");
+            getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+
+            // 点击唠叨一下，平滑滚动到.index-laodao
+            let editorBody = document.querySelector('.index-laodao');
+            if (editorBody && !document.querySelector(".memos-editor").classList.contains("d-none")) {
+                editorBody.scrollIntoView({ behavior: 'smooth' });
+            }
+
+        });
+
+        //标签数据
+        document.addEventListener("DOMContentLoaded", function () {
+            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+            if (memosPath && memosOpenId) {
+                document.querySelector(".memos-tag-list").classList.remove("d-none");
+            }
+        });
+
+        //代码
+        codeBtn.addEventListener("click", function () {
+            let memoCode = "```\n\n```";
+            insertValue(memoCode,"",4);
+        });
+
+        //代码单反引号
+        codesingle.addEventListener("click", function () {
+            insertValue("``","`",1)
+        });
+
+        //超级链接
+        linkBtn.addEventListener("click", function () {
+            insertValue("[]()","[",1)
+        });
+
+        //图片外链引用
+        linkimg.addEventListener("click", function () {
+            insertValue("![]()","!",1)
+        });
+
+        //以上四项的光标定位
+        function insertValue(text,wrap,back) {
+            memosTextarea.focus();
+            const start = memosTextarea.selectionStart;
+            const end = memosTextarea.selectionEnd;
+            const selectedText = memosTextarea.value.substring(start, end);
+            if(selectedText == ""){
+                memosTextarea.value = memosTextarea.value.substring(0, start) + text + memosTextarea.value.substring(end);
+                memosTextarea.selectionStart = start + text.length - back;
+                memosTextarea.selectionEnd = start + text.length - back;
+            }else{
+                let wrapSelText;
+                if( wrap == "`" ){
+                    wrapSelText = "`" + selectedText + "`";
+                    back = 0;
+                }
+                if( wrap == "[" ){
+                    wrapSelText = "[" + selectedText + "]()";
+                }
+                if( wrap == "!" ){
+                    wrapSelText = "![" + selectedText + "]()";
+                }
+                const newText = memosTextarea.value.substring(0, start) + wrapSelText + memosTextarea.value.substring(end);
+                memosTextarea.value = newText;
+                memosTextarea.selectionStart = start + wrapSelText.length - back;
+                memosTextarea.selectionEnd = end + wrapSelText.length - back - selectedText.length;
+            }
+        }
+
+        memosVisibilitySelect.addEventListener('change', function() {
+            memoNowSelct = window.localStorage && window.localStorage.getItem("memos-visibility-select");
+            var selectedValue = memosVisibilitySelect.value;
+            window.localStorage && window.localStorage.setItem("memos-visibility-select",selectedValue);
+            if(memoNowSelct == "PRIVATE" && selectedValue == "PUBLIC"){
+                memoChangeDate = 1;
+            }
+        });
+
+        //私有模式筛选浏览
+        privateBtn.addEventListener("click", async function () {
+            if (!privateBtn.classList.contains("private")) {
+                privateBtn.classList.add("private")
+                memosVisibilitySelect.value = "PRIVATE"
+                window.localStorage && window.localStorage.setItem("memos-mode",  "NOPUBLIC");
+                reloadList("NOPUBLIC")
+                cocoMessage.success("已进入私有浏览")
+            }else{
+                memosVisibilitySelect.value = "PUBLIC"
+                window.localStorage && window.localStorage.setItem("memos-mode",  "");
+                privateBtn.classList.remove("private")
+                reloadList()
+                cocoMessage.success("已退出私有浏览")
+            }
+        });
+
+        //开启回忆一条
+        oneDayBtn.addEventListener("click", async function () {
+            let oneDay = window.localStorage && window.localStorage.getItem("memos-oneday");
+            if (oneDay == null ) {
+                window.localStorage && window.localStorage.setItem("memos-oneday","open");
+                cocoMessage.success("已开启回忆，请刷新页面")
+            }else{
+                window.localStorage && window.localStorage.removeItem("memos-oneday");
+                reloadList()
+                cocoMessage.success("已退出回忆")
+            }
+        });
+
+        //图片上传
+        uploadImageInput.addEventListener('change', () => {
+            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+            if (memosPath && memosOpenId) {
+                let filesData = uploadImageInput.files[0];
+                if (uploadImageInput.files.length !== 0){
+                    uploadImage(filesData);
+                    cocoMessage.info('图片上传中……');
+                }
+            }
+        });
+
+        async function uploadImage(data) {
+            let memosResourceListNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-resource-list")) || [];
+            let imageData = new FormData();
+            let blobUrl = `${memosPath}/api/v1/resource/blob`;
+            imageData.append('file', data, data.name)
+            let resp = await fetch(blobUrl, {
+                method: "POST",
+                body: imageData,
+                headers: {
+                    'Authorization': `Bearer ${memosOpenId}`
+                }
+            })
+            let res = await resp.json();
+            if(res.id){
+                let resexlink = res.externalLink;
+                let imgLink = '', fileId = '';
+                if (resexlink) {
+                    imgLink = resexlink
+                } else {
+                    fileId = res.publicId || res.filename
+                    imgLink = `${memosPath}/o/r/${res.id}`;///${fileId}
+                }
+                let imageList = "";
+                imageList += `<div data-id="${res.id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="deleteImage(this)"><div class="d-flex memos-up-image" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
+                document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
+                cocoMessage.success(
+                    '上传成功',
+                    ()=>{
+                        memosResourceListNow.push(res.id);
+                        window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceListNow));
+                        imageListDrag()
+                    })
+            }
+        };
+
+        switchUserBtn.addEventListener("click", function () {
+            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+            if (memosPath && memosOpenId) {
+                memosEditorOption.classList.remove("d-none");
+                memosEditorInner.classList.add("d-none");
+                memosRadomCont.innerHTML = '';
+                tokenInput.value = '';
+                pathInput.value = '';
+            }
+        });
+
+        submitApiBtn.addEventListener("click", function () {
+            if(tokenInput.value == null || tokenInput.value == ''){
+                cocoMessage.info('请输入 Token');
+            }else if(pathInput.value == null || pathInput.value == ''){
+                cocoMessage.info('请输入 Memos 地址');
+            }else{
+                getMemosData(pathInput.value,tokenInput.value);
+            }
+        });
+
+        submitMemoBtn.addEventListener("click", function () {
+            memosContent = memosTextarea.value;
+            memosVisibility = memosVisibilitySelect.value;
+            memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
+            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+            let TAG_REG = /(?<=#)([^#\s!.,;:?"'()]+)(?= )/g;
+            let memosTag = memosContent.match(TAG_REG);
+            let  hasContent = memosContent.length !== 0;
+            if (memosOpenId && hasContent) {
+                let memoUrl = `${memosPath}/api/v1/memo`;
+                let memoBody = {content:memosContent,relationList:memosRelation,resourceIdList:memosResource,visibility:memosVisibility}
+                fetch(memoUrl, {
+                    method: 'POST',
+                    body: JSON.stringify(memoBody),
+                    headers: {
+                        'Authorization': `Bearer ${memosOpenId}`,
+                        'Content-Type': 'application/json'
+                    }
+                }).then(function (res) {
+                    if (res.status == 200) {
+                        if (memosTag !== null) {
+                            let memoTagUrl = `${memosPath}/api/v1/tag`;
+                            (async () => {
+                                for await (const i of memosTag) {
+                                    const response = await fetch(memoTagUrl, {
+                                        method: 'POST',
+                                        headers: {
+                                            'Authorization': `Bearer ${memosOpenId}`,
+                                            'Content-Type': 'application/json'
+                                        },
+                                        body: JSON.stringify({
+                                            name: i
+                                        })
+                                    });
+                                }
+                            })();
+                        }
+                        cocoMessage.success(
+                            '唠叨成功',
+                            () => {
+                                document.querySelector(".memos-image-list").innerHTML = '';
+                                window.localStorage && window.localStorage.removeItem("memos-resource-list");
+                                window.localStorage && window.localStorage.removeItem("memos-relation-list");
+                                memosTextarea.value = '';
+                                memosTextarea.style.height = 'inherit';
+                                let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+                                reloadList(memosMode)
+                            })
+                    }
+                });
+
+            }else if(!hasContent){
+                cocoMessage.info('内容不能为空');
+            }else{
+                cocoMessage.info(
+                    '请设置 Access Tokens',
+                    () => {
+                        memosEditorInner.classList.add("d-none");
+                        memosEditorOption.classList.remove("d-none");
+                    }
+                );
+            }
+        });
+
+        function hasMemosOpenId() {
+            if (!memosOpenId) {
+                memosEditorOption.classList.remove("d-none");
+                cocoMessage.info('请设置 Access Tokens');
+            }else{
+                const tagUrl = `${memosPath}/api/v1/tag`;
+                const response = fetch(tagUrl,{
+                    method: 'GET',
+                    headers: {
+                        'Authorization': `Bearer ${memosOpenId}`,
+                        'Content-Type': 'application/json'
+                    }
+                }).then(response => response.json()).then(resdata => {
+                    return resdata
+                }).then(response => {
+                    let taglist = "";
+                    response.map((t)=>{
+                        taglist += `<div class="memos-tag d-flex text-xs mt-2 mr-2"><a class="d-flex px-2 justify-content-center" onclick="setMemoTag(this)">#${t}</a></div>`;
+                    })
+                    document.querySelector(".memos-tag-list").innerHTML = taglist;
+                    // cocoMessage.success('准备就绪');
+                    memosEditorInner.classList.remove("d-none");
+                    memosEditorOption.classList.add("d-none");
+                    memosRadomCont.classList.remove("d-none");
+                }).catch(err => {
+                    memosEditorOption.classList.remove("d-none");
+                    cocoMessage.error('Access Tokens 有误，请重新输入!');
+                });
+            }
+        }
+
+        function random(a,b) {
+            let choices = b - a + 1;
+            return Math.floor(Math.random() * choices + a);
+        }
+
+        async function getMemosData(p,t) {
+            try {
+                let response = await fetch(`${p}/api/v1/memo`,{
+                    method: 'GET',
+                    headers: {
+                        'Authorization': `Bearer ${t}`,
+                        'Content-Type': 'application/json'
+                    }
+                });
+                if (response.ok) {
+                    let resdata = await response.json();
+                    if (resdata) {
+                        memosCount = resdata.length;
+                        window.localStorage && window.localStorage.setItem("memos-access-path", p);
+                        window.localStorage && window.localStorage.setItem("memos-access-token", t);
+                        window.localStorage && window.localStorage.setItem("memos-response-count", memosCount);
+                        cocoMessage.success('保存成功', () => {
+                            memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+                            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+                            location.reload();
+                            hasMemosOpenId();
+                        });
+                    }
+                } else {
+                    cocoMessage.error('出错了，再检查一下吧!');
+                }
+            } catch (error) {
+                cocoMessage.error('出错了，再检查一下吧!');
+            }
+        }
+
+        async function updateAvatarUrl(e) {
+            try {
+                let response = await fetch(`${memosPath}/api/v1/user/me`,{
+                    method: 'GET',
+                    headers: {
+                        'Authorization': `Bearer ${memosOpenId}`,
+                        'Content-Type': 'application/json'
+                    }
+                });
+                if (response.ok) {
+                    let resdata = await response.json();
+                    e.forEach(item => {
+                        item.avatarUrl = resdata.avatarUrl;
+                    });
+                    updateRadom(e);
+                } else {
+                    cocoMessage.error('出错了，再检查一下吧!');
+                }
+            } catch (error) {
+                cocoMessage.error('出错了，再检查一下吧!');
+            }
+        }
+    }
+
+//发布框 TAG
+    function setMemoTag(e){
+        let memoTag = e.textContent + " ";
+        memosTextarea.value += memoTag;
+    }
+
+    function deleteImage(e){
+        if(e){
+            let memoId = e.getAttribute("data-id")
+            let memosResource = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
+            let memosResourceList = memosResource.filter(function(item){ return item != memoId});
+            window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
+            e.remove()
+        }
+    }
+
+//图片上传缩略图拖动顺序
+    function imageListDrag(){// 获取包含所有图像元素的父元素
+        const imageList = document.querySelector('.memos-image-list');
+        // 存储被拖动的元素
+        let draggedItem = null;
+        let memosResourceList;
+        // 为每个图像元素添加拖动事件监听器
+        imageList.querySelectorAll('.imagelist-item').forEach(item => {
+            item.draggable = true;
+            // 当拖动开始时
+            item.addEventListener('dragstart', function(e) {
+                // 存储被拖动的元素
+                draggedItem = this;
+                memosResourceList = [];
+            });
+            // 当拖动元素进入目标区域时
+            item.addEventListener('dragover', function(e) {
+                e.preventDefault(); // 阻止默认行为
+                this.classList.add('dragover'); // 添加拖动进入样式
+            });
+
+            // 当拖动元素离开目标区域时
+            item.addEventListener('dragleave', function() {
+                this.classList.remove('dragover'); // 移除拖动进入样式
+            });
+
+            // 当拖动元素放置到目标区域时
+            item.addEventListener('drop', function(e) {
+                e.preventDefault(); // 阻止默认行为
+                this.classList.remove('dragover'); // 移除拖动进入样式
+                // 计算拖动元素中心点
+                const rect = this.getBoundingClientRect();
+                const centerX = rect.left + rect.width / 2;
+                // 判断鼠标相对中心点的位置
+                const isLeft = e.clientX < centerX;
+                if (isLeft) {
+                    // 插入到前一个元素前
+                    this.parentNode.insertBefore(draggedItem, this.previousElementSibling);
+                } else {
+                    // 插入到后一个元素后
+                    this.parentNode.insertBefore(draggedItem, this.nextElementSibling);
+                }
+                document.querySelectorAll('.memos-image-list .imagelist-item').forEach((item) => {
+                    let itemId = Number(item.dataset.id)
+                    memosResourceList.push(itemId);
+                })
+                window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResourceList));
+            });
+        });
+    }
+
+// Emoji表情选择
+
+    let emojiSelectorVisible = false;
+    let emojiSelector;
+    let emojis = []; // 缓存表情数据
+
+// 页面加载时获取表情数据
+    window.addEventListener("DOMContentLoaded", async () => {
+        try {
+            emojis = await getEmojisData(); // 获取表情数据
+        } catch (error) {
+            console.error('Failed to fetch emojis data:', error);
+        }
+    });
+
+// 表情选择器点击事件处理
+    biaoqing.addEventListener("click", function (event) {
+        event.stopPropagation();
+        emojiSelectorVisible = !emojiSelectorVisible;
+        const memosPath = window.localStorage && window.localStorage.getItem("memos-access-path");
+        const memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+
+        if (emojiSelectorVisible && memosPath && memosOpenId) {
+            displayEmojiSelector();
+        } else {
+            emojiSelector?.remove();
+        }
+    });
+
+// 显示表情选择器
+    function displayEmojiSelector() {
+        if (!emojiSelector) {
+            emojiSelector = document.createElement('div');
+            emojiSelector.classList.add('emoji-selector');
+
+            // 使用事件代理，将事件监听器添加到父元素上
+            emojiSelector.addEventListener('click', (event) => {
+                const target = event.target;
+                if (target.classList.contains('emoji-item')) {
+                    insertEmoji(target.innerHTML); // 直接插入emoji图标
+                }
+            });
+        }
+
+        emojiSelector.innerHTML = ''; // 清空表情选择器内容
+
+        emojis.forEach(emoji => {
+            const emojiItem = document.createElement('div');
+            emojiItem.classList.add('emoji-item');
+            emojiItem.innerHTML = emoji.icon;
+            emojiItem.title = emoji.text;
+            emojiSelector.appendChild(emojiItem);
+        });
+
+        // 将表情下拉框插入到对应位置
+        const memosEditorTools = document.querySelector(".memos-editor-footer");
+        if (memosEditorTools) {
+            memosEditorTools.insertAdjacentElement('afterend', emojiSelector);
+        }
+    }
+
+// 获取json文件中的数据
+    async function getEmojisData() {
+        const response = await fetch('/json/owo.json');
+        const data = await response.json();
+        return data.Emoji.container;
+    }
+
+// 表情光标位置
+    function insertEmoji(emojiText) {
+        const selectionStart = memosTextarea.selectionStart;
+        const newValue = `${memosTextarea.value.substring(0, selectionStart)}${emojiText}${memosTextarea.value.substring(memosTextarea.selectionEnd)}`;
+        memosTextarea.value = newValue;
+        memosTextarea.dispatchEvent(new Event('input'));
+        const newCursorPosition = selectionStart + emojiText.length;
+        memosTextarea.setSelectionRange(newCursorPosition, newCursorPosition);
+        memosTextarea.focus();
+    }
+
+
+// 标签自动补全
+
+    const tagListElement = document.querySelector('.memos-tag-list');
+    const tagMenu = document.getElementById('memos-tag-menu');
+    let selectedTagIndex = -1;
+
+    const getMatchingTags = (tagPrefix) => {
+        const allTags = Array.from(tagListElement.querySelectorAll('.memos-tag a')).map(tagLink => tagLink.textContent);
+        return allTags.filter(tag => tag.toLowerCase().includes(tagPrefix.toLowerCase()));
+    };
+
+    const hideTagMenu = () => tagMenu.style.display = 'none';
+
+    const showTagMenu = (matchingTags) => {
+        tagMenu.innerHTML = matchingTags.map(tag => `<div class="tag-option">${tag}</div>`).join('');
+        const { left, bottom } = memosTextarea.getBoundingClientRect();
+        tagMenu.style.cssText = `display: block;`;
+        selectedTagIndex = -1;
+    };
+
+    const insertSelectedTag = (tag) => {
+        const inputValue = memosTextarea.value;
+        const cursorPosition = memosTextarea.selectionStart;
+
+        const textBeforeCursor = inputValue.substring(0, cursorPosition);
+        const lines = textBeforeCursor.split('\n');
+        const lastLine = lines[lines.length - 1];
+        const wordsBeforeCursor = lastLine.split(/\s+/);
+
+        wordsBeforeCursor.pop();
+
+        const newLastLine = `${wordsBeforeCursor.join(' ')} ${tag} `;
+        const newValue = inputValue.replace(lastLine, newLastLine);
+
+        memosTextarea.value = newValue;
+
+        const newCursorPosition = newValue.lastIndexOf(tag) + tag.length + 1;
+
+        hideTagMenu();
+        selectedTagIndex = -1;
+
+        memosTextarea.focus();
+        memosTextarea.setSelectionRange(newCursorPosition, newCursorPosition);
+    };
+
+    memosTextarea.addEventListener('input', () => {
+        const inputValue = memosTextarea.value;
+        const cursorPosition = memosTextarea.selectionStart;
+
+        const lastWord = inputValue.substring(0, cursorPosition).split(/\s+/).pop();
+
+        if (lastWord && lastWord.includes('#')) {
+            const matchingTags = getMatchingTags(lastWord);
+            matchingTags.length > 0 ? showTagMenu(matchingTags) : hideTagMenu();
+        } else {
+            hideTagMenu();
+        }
+    });
+
+    memosTextarea.addEventListener('keydown', event => {
+        const keyCode = event.keyCode;
+
+        if (tagMenu.style.display === 'block') {
+            const matchingTags = Array.from(tagMenu.querySelectorAll('.tag-option')).map(tag => tag.textContent);
+
+            if (keyCode === 38 || keyCode === 40 || keyCode === 37 || keyCode === 39) { // 添加左右方向键的处理
+                event.preventDefault();
+                if (keyCode === 37 || keyCode === 39) { // 处理左右方向键
+                    const direction = keyCode === 37 ? -1 : 1;
+                    selectedTagIndex = (selectedTagIndex + direction + matchingTags.length) % matchingTags.length;
+                } else { // 处理上下方向键
+                    selectedTagIndex = (selectedTagIndex + (keyCode === 38 ? -1 : 1) + matchingTags.length) % matchingTags.length;
+                }
+                Array.from(tagMenu.querySelectorAll('.tag-option')).forEach((option, index) => option.classList.toggle('selected', index === selectedTagIndex));
+            } else if (keyCode === 13 && selectedTagIndex !== -1) {
+                event.preventDefault();
+                insertSelectedTag(matchingTags[selectedTagIndex]);
+            }
+        }
+    });
+
+    tagMenu.addEventListener('click', event => {
+        insertSelectedTag(event.target.textContent);
+    });
+
+
+//修改
+    let memosOldSelect;
+    function editMemo(memo) {
+        memosOldSelect = memosVisibilitySelect.value;
+        getEditor = window.localStorage && window.localStorage.getItem("memos-editor-display");
+        memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+        if(memosOpenId && getEditor == "show"){
+            document.querySelector(".memos-image-list").innerHTML = '';
+            let e = JSON.parse(memo.getAttribute("data-form"));
+            memoResList = e.resourceList,memosResource = [],imageList = "";
+            memosVisibilitySelect.value = e.visibility;
+            window.localStorage && window.localStorage.setItem("memos-editor-dataform",JSON.stringify(e));
+            window.localStorage && window.localStorage.setItem("memos-visibility-select",memosVisibilitySelect.value);
+            memosTextarea.value = e.content;
+            memosTextarea.style.height = memosTextarea.scrollHeight + 'px';
+            submitMemoBtn.classList.add("d-none");
+            editMemoDom.classList.remove("d-none");
+            if(memoResList.length > 0){
+                for (let i = 0; i < memoResList.length; i++) {
+                    let imgLink = '', fileId = '',resexlink = memoResList[i].externalLink;
+                    if (resexlink) {
+                        imgLink = resexlink
+                    } else {
+                        fileId = memoResList[i].publicId || memoResList[i].filename
+                        imgLink = `${memosPath}/o/r/${memoResList[i].id}`;///${fileId}
+                    }
+                    memosResource.push(memoResList[i].id);
+                    imageList += `<div data-id="${memoResList[i].id}" class="imagelist-item d-flex text-xs mt-2 mr-2" onclick="deleteImage(this)"><div class="d-flex memos-up-image" style="background-image:url(${imgLink})"><span class="d-none">${fileId}</span></div></div>`;
+                }
+
+
+                window.localStorage && window.localStorage.setItem("memos-resource-list",  JSON.stringify(memosResource));
+                document.querySelector(".memos-image-list").insertAdjacentHTML('afterbegin', imageList);
+            }
+            //平滑滚动到对应的class
+            let editorBody = document.querySelector('.index-laodao');
+            if (editorBody) {
+                editorBody.scrollIntoView({ behavior: 'smooth' });
+            }
+        }
+    }
+
+    editMemoBtn.addEventListener("click", function () {
+        let dataformNow = JSON.parse(window.localStorage && window.localStorage.getItem("memos-editor-dataform"));
+        let memoId = dataformNow.id,memoRelationList = dataformNow.relationList,
+            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token"),
+            memoContent = memosTextarea.value,
+            memocreatedTs = dataformNow.createdTs,
+            memoVisibility = memosVisibilitySelect.value,
+            memoResourceList = window.localStorage && JSON.parse(window.localStorage.getItem("memos-resource-list"));
+        if(memoChangeDate == 1){
+            memocreatedTs = Math.floor(Date.now() / 1000);;
+        }
+        let hasContent = memoContent.length !== 0;
+        if (hasContent) {
+            let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
+            let memoBody = {content:memoContent,id:memoId,createdTs:memocreatedTs,relationList:memoRelationList,resourceIdList:memoResourceList,visibility:memoVisibility}
+            fetch(memoUrl, {
+                method: 'PATCH',
+                body: JSON.stringify(memoBody),
+                headers: {
+                    'Authorization': `Bearer ${memosOpenId}`,
+                    'Content-Type': 'application/json'
+                }
+            }).then(function(res) {
+                if (res.ok) {
+                    cocoMessage.success(
+                        '修改成功',
+                        ()=>{
+                            memoChangeDate = 0;
+                            memosVisibilitySelect.value = memosOldSelect;
+                            submitMemoBtn.classList.remove("d-none");
+                            editMemoDom.classList.add("d-none");
+                            document.querySelector(".memos-image-list").innerHTML = '';
+                            window.localStorage && window.localStorage.removeItem("memos-resource-list");
+                            window.localStorage && window.localStorage.removeItem("memos-relation-list");
+                            memosTextarea.value = '';
+                            memosTextarea.style.height = 'inherit';
+                            window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
+                            let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+                            reloadList(memosMode)
+                        })
+                }
+            })
+        }
+    })
+
+//增加memo编辑的时候取消功能
+    cancelEditBtn.addEventListener("click", function () {
+        if (!editMemoDom.classList.contains("d-none")) {
+            memosVisibilitySelect.value = memosOldSelect;
+            document.querySelector(".memos-image-list").innerHTML = '';
+            window.localStorage && window.localStorage.removeItem("memos-resource-list");
+            window.localStorage && window.localStorage.removeItem("memos-relation-list");
+            memosTextarea.value = '';
+            memosTextarea.style.height = 'inherit';
+            window.localStorage && window.localStorage.removeItem("memos-editor-dataform");
+            editMemoDom.classList.add("d-none");
+            submitMemoBtn.classList.remove("d-none");
+        }
+    })
+
+//增加memos归档功能
+    function archiveMemo(memoId) {
+        memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+        if(memosOpenId && memoId){
+            let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
+            let memoBody = {id:memoId,rowStatus:"ARCHIVED"};
+            fetch(memoUrl, {
+                method: 'PATCH',
+                body: JSON.stringify(memoBody),
+                headers: {
+                    'Authorization': `Bearer ${memosOpenId}`,
+                    'Content-Type': 'application/json'
+                }
+            }).then(function(res) {
+                if (res.ok) {
+                    cocoMessage.success(
+                        '归档成功',
+                        ()=>{
+                            let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+                            reloadList(memosMode)
+                        })
+                }
+            })
+        }
+    }
+
+//增加memo删除功能
+    function deleteMemo(memoId) {
+        let isOk = confirm("确定要删除此条唠叨吗？");
+        if(isOk){
+            memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+            if(memosOpenId && memoId){
+                let memoUrl = `${memosPath}/api/v1/memo/${memoId}`;
+                fetch(memoUrl, {
+                    method: 'DELETE',
+                    headers: {
+                        'Authorization': `Bearer ${memosOpenId}`,
+                        'Content-Type': 'application/json'
+                    }
+                }).then(function(res) {
+                    if (res.ok) {
+                        cocoMessage.success(
+                            '删除成功',
+                            ()=>{
+                                let memosMode = window.localStorage && window.localStorage.getItem("memos-mode");
+                                reloadList(memosMode)
+                            })
+                    }
+                }).catch(err => {
+                    cocoMessage.error('出错了，再检查一下吧')
+                })
+            }
+        }
+    }
+
+//无刷新
+    function reloadList(mode){
+        var bberDom = document.querySelector("#bber");
+        bberDom.innerHTML = '';
+        memosOpenId = window.localStorage && window.localStorage.getItem("memos-access-token");
+        var bbUrl;
+        if(mode == "NOPUBLIC"){
+            bbUrl = memos+"api/v1/memo";
+        }if(mode == "ONEDAY"){
+            let memosCount = window.localStorage && window.localStorage.getItem("memos-response-count");
+            let random = Math.floor(Math.random() * memosCount)
+            bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&limit=1&offset="+random;
+        }else{
+            bbUrl = memos+"api/v1/memo?creatorId="+bbMemo.creatorId+"&rowStatus=NORMAL&limit="+limit;
+        }
+        fetch(bbUrl,{
+            headers: {
+                'Authorization': `Bearer ${memosOpenId}`,
+                'Content-Type': 'application/json',
+                'Cache-Control': 'no-cache',
+            },
+            cache: 'no-store',
+        }).then(res => res.json()).then( resdata =>{
+            if (mode == "NOPUBLIC") {
+                resdata = resdata.filter((item) => item.visibility !== "PUBLIC");
+            }
+            if(mode == "ONEDAY"){
+                updateHTMl(resdata,"ONEDAY");
+            }else{
+                updateHTMl(resdata);
+                var nowLength = resdata.length;
+                if(nowLength < limit){ //返回数据条数小于 limit 则直接移除“加载更多”按钮，中断预加载
+                    document.querySelector("button.button-load").remove()
+                    return
+                }
+                mePage++
+                offset = limit*(mePage-1)
+                getNextList(mode)
+            }
+        });
+    }
+
+//发布框中无内容时，唠叨一下按钮为透明度0.4
+    function handleTextareaInput() {
+        var textarea = document.querySelector('.memos-editor-textarea');
+        var submitButton = document.querySelector('.submit-memos-btn');
+        submitButton.style.opacity = textarea.value.trim() !== '' ? 1 : 0.4;
+    }
+    handleTextareaInput();
+    document.querySelector('.memos-editor-textarea').addEventListener('input', handleTextareaInput);
+
+
+//memos、评论链接跳转中间页
+    document.body.addEventListener('click', function(e) {
+        let target = e.target.closest('.atk-comment-wrap a, .datacont a');
+        if (target && !target.href.includes('usj.cc')) {
+            e.preventDefault();
+            let encodedUrl = btoa(target.href);
+            let url = '/tiaozhuan?target=' + encodedUrl;
+            window.open(url, '_blank');
+        }
+    });
+}
 // 设置pjax预先加载代码
 function pjax_reload() {
     // 给pjax容器加入css过渡动画
@@ -192,6 +1457,8 @@ document.addEventListener("pjax:complete", function () {
     if (document.querySelector("#Comments") && !isMobile()) {
             loadBarrager()
     }
+    // 重载memos
+    reload_memos()
 });
 
 
diff --git a/themes/Ying/static/json/owo.json b/themes/Ying/static/json/owo.json
new file mode 100644
index 00000000..14d05c7d
--- /dev/null
+++ b/themes/Ying/static/json/owo.json
@@ -0,0 +1,247 @@
+{
+  "Emoji": {
+    "type": "emoji",
+    "container":[
+  {  
+    "icon": "😂",
+    "text": "哭笑不得"
+  },
+  {
+    "icon": "😎",
+    "text": "酷"
+  },
+  {
+    "icon": "😏",
+    "text": "坏笑"
+  },
+  {
+    "icon": "😅",
+    "text": "流汗"
+  },
+  {
+    "icon": "😄",
+    "text": "笑"
+  },
+  {
+    "icon": "😜",
+    "text": "调皮"
+  },
+  {
+    "icon": "🤣",
+    "text": "笑倒"
+  },
+  {
+    "icon": "😭",
+    "text": "大哭"
+  },
+  {
+    "icon": "🙄",
+    "text": "白眼"
+  },
+  {
+    "icon": "🤐",
+    "text": "嘘"
+  },
+  {
+    "icon": "😋",
+    "text": "美食脸"
+  },
+  {
+    "icon": "🥶",
+    "text": "冰冻"
+  },
+  {
+    "icon": "🥵",
+    "text": "热"
+  },
+    {
+    "icon": "😴",
+    "text": "睡觉"
+  },
+  {
+    "icon": "🤧",
+    "text": "打喷嚏"
+  },
+  {
+    "icon": "🍉",
+    "text": "西瓜"
+  },
+  {
+    "icon": "😱",
+    "text": "惊恐"
+  },
+  {
+    "icon": "👋",
+    "text": "招手"
+  },
+  {
+    "icon": "🔨",
+    "text": "锤子"
+  },
+  {
+    "icon": "🐶",
+    "text": "小狗"
+  },
+  {
+    "icon": "👏",
+    "text": "鼓掌"
+  },
+  {
+    "icon": "🙈",
+    "text": "不看"
+  },
+  {
+    "icon": "😓",
+    "text": "汗"
+  },
+  {
+    "icon": "😍",
+    "text": "爱心眼"
+  },
+  {
+    "icon": "🤝",
+    "text": "握手"
+  },
+  {
+    "icon": "🥺",
+    "text": "求你"
+  },
+  {
+    "icon": "😔",
+    "text": "沮丧"
+  },
+  {
+    "icon": "😪",
+    "text": "困"
+  },
+  {
+    "icon": "😕",
+    "text": "困惑"
+  },
+  {
+    "icon": "🤷‍♂️",
+    "text": "摊手"
+  },
+  {
+    "icon": "😛",
+    "text": "舌头"
+  },
+  {
+    "icon": "🤭",
+    "text": "偷笑"
+  },
+  {
+    "icon": "🤮",
+    "text": "呕吐"
+  },
+  {
+    "icon": "🥺",
+    "text": "求你"
+  },
+  {
+    "icon": "🙂",
+    "text": "轻松的笑"
+  },
+  {
+    "icon": "😈",
+    "text": "恶魔"
+  },
+  {
+    "icon": "😃",
+    "text": "笑脸"
+  },
+  {
+    "icon": "🤫",
+    "text": "嘘"
+  },
+  {
+    "icon": "😒",
+    "text": "无语"
+  },
+  {
+    "icon": "😵",
+    "text": "晕"
+  },
+  {
+    "icon": "💪",
+    "text": "加油"
+  },
+  {
+    "icon": "👍",
+    "text": "赞"
+  },
+  {
+    "icon": "👎",  
+    "text": "踩"
+  },
+  {
+    "icon": "😡",
+    "text": "愤怒"
+  },
+  {
+    "icon": "🤬",
+    "text": "怒骂"
+  },
+  {
+    "icon": "😖",
+    "text": "心烦"
+  },
+  {
+    "icon": "🌹",
+    "text": "玫瑰"
+  },
+  {
+    "icon": "🏃",
+    "text": "跑步"
+  },
+  {
+    "icon": "😆",
+    "text": "大笑"
+  },
+  {
+    "icon": "💵",
+    "text": "钞票"
+  },
+  {
+    "icon": "😘",
+    "text": "飞吻"
+  },
+  {
+    "icon": "😷",
+    "text": "生病"
+  },
+  {
+    "icon": "🤕",
+    "text": "受伤"
+  },
+  {
+    "icon": "🎉",
+    "text": "庆祝"
+  },
+  {
+    "icon": "❤️",
+    "text": "红心"
+  },
+  {
+    "icon": "💔",
+    "text": "心碎"
+  },
+  {
+    "icon": "😣",
+    "text": "无奈"
+  },
+  {
+    "icon": "😘",
+    "text": "飞吻"
+  },
+  {
+    "icon": "💩",
+    "text": "一坨便便"
+  },
+  {
+    "icon": "🤩",
+    "text": "爱慕"
+  }
+]
+}
+}
\ No newline at end of file