https://blog-wine-six-14.vercel.app/page/ Recent content in Pages on kellehod的博客 Hugo -- gohugo.io zh-cn kellehod Sat, 04 Nov 2023 15:33:24 +0800 https://blog-wine-six-14.vercel.app/%E5%85%B3%E4%BA%8E/ Sat, 04 Nov 2023 15:33:24 +0800 https://blog-wine-six-14.vercel.app/%E5%85%B3%E4%BA%8E/ <h2 id="timeline">TIMELINE</h2> <p><strong>2023</strong> <div class="timeline__row"> <div class="timeline__time"> <div class="timeline__time">2023-12-06</div> <div class="timeline__split-line"></div> </div> <div class="timeline__content"> <div class="timeline__tags"> <span class="timeline__tag">说说</span> </div> <a href="https://blog-wine-six-14.vercel.app/moments/"> <div class="timeline__title">新增Moments功能</div> </a> <div class="timeline__description"> </div> </div> </div> <style> .timeline { display: flex; flex-direction: column; } .timeline__row { display: flex; padding-left: 4%; height: 90px; } .timeline__time { flex: 0 0 110px; color: #5d5d5d; font-size: 17px; text-transform: uppercase; position: relative; display: flex; flex-direction: column; align-items: center; padding: 0.5rem 0; } .timeline__time-text { margin: 0; } .timeline__split-line { position: absolute; top: 0.5rem; right: -20px; height: 100%; width: 2px; background-color: #84c4e240; z-index: 0; } .timeline__split-line:before { content: ""; position: absolute; top: 24%; right: -4px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #c9e5f2; box-shadow: 0 0 0 4px var(--theme); border-radius: 50%; border: 0px solid #84c4e2; z-index: -1; } .timeline__content { flex: 1; margin-left: 4.5rem; padding: 0.5rem 0 1.2rem 0; } .timeline__title { margin: 0; margin-bottom: 2px; padding-top: 3px; margin-left: 0.5rem; color: var(--content); font-family: var(--font-family-teshu); font-size: 19px; font-weight: 600; width: fit-content; display: inline-block; vertical-align: middle; } .timeline__tags { display: inline-block; padding: 0; margin-left: 0.3rem; align-items: center; gap: 0.3rem; } .timeline__tag { display: inline-block; color: var(--secondary); background-color: #84c4e230; border: 1.5px solid #84c4e230; border-radius: 999px; padding: 0rem 0.5rem; font-size: 12px; white-space: nowrap; line-height: 1.4rem; opacity: 0.8; vertical-align: middle; } .timeline__description { font-size: 15px; line-height: 1.6; color: #5d5d5d; overflow: hidden; text-overflow: ellipsis; margin: 0.5rem 0 0.4rem 1.5rem; } .timeline__tag-style { background-color: #c581da; border-color: #c581da; color: #FFFFFF; } .timeline__tag-article { background-color: #92d392; border-color: #92d392; color: #000000; } .timeline__tag-page { background-color: #707070; border-color: #707070; color: #FFFFFF; } @media screen and (max-width: 768px) { .timeline__time { font-size: 14px; } .timeline__title { font-size: 16px; } .timeline__description { font-size: 14px; } } </style> <div class="timeline__row"> <div class="timeline__time"> <div class="timeline__time">2023-11-15</div> <div class="timeline__split-line"></div> </div> <div class="timeline__content"> <div class="timeline__tags"> <span class="timeline__tag timeline__tag-page">页面</span> </div> <a href=""> <div class="timeline__title">固定移动端菜单栏，添加置顶功能</div> </a> <div class="timeline__description"> </div> </div> </div> <style> .timeline { display: flex; flex-direction: column; } .timeline__row { display: flex; padding-left: 4%; height: 90px; } .timeline__time { flex: 0 0 110px; color: #5d5d5d; font-size: 17px; text-transform: uppercase; position: relative; display: flex; flex-direction: column; align-items: center; padding: 0.5rem 0; } .timeline__time-text { margin: 0; } .timeline__split-line { position: absolute; top: 0.5rem; right: -20px; height: 100%; width: 2px; background-color: #84c4e240; z-index: 0; } .timeline__split-line:before { content: ""; position: absolute; top: 24%; right: -4px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #c9e5f2; box-shadow: 0 0 0 4px var(--theme); border-radius: 50%; border: 0px solid #84c4e2; z-index: -1; } .timeline__content { flex: 1; margin-left: 4.5rem; padding: 0.5rem 0 1.2rem 0; } .timeline__title { margin: 0; margin-bottom: 2px; padding-top: 3px; margin-left: 0.5rem; color: var(--content); font-family: var(--font-family-teshu); font-size: 19px; font-weight: 600; width: fit-content; display: inline-block; vertical-align: middle; } .timeline__tags { display: inline-block; padding: 0; margin-left: 0.3rem; align-items: center; gap: 0.3rem; } .timeline__tag { display: inline-block; color: var(--secondary); background-color: #84c4e230; border: 1.5px solid #84c4e230; border-radius: 999px; padding: 0rem 0.5rem; font-size: 12px; white-space: nowrap; line-height: 1.4rem; opacity: 0.8; vertical-align: middle; } .timeline__description { font-size: 15px; line-height: 1.6; color: #5d5d5d; overflow: hidden; text-overflow: ellipsis; margin: 0.5rem 0 0.4rem 1.5rem; } .timeline__tag-style { background-color: #c581da; border-color: #c581da; color: #FFFFFF; } .timeline__tag-article { background-color: #92d392; border-color: #92d392; color: #000000; } .timeline__tag-page { background-color: #707070; border-color: #707070; color: #FFFFFF; } @media screen and (max-width: 768px) { .timeline__time { font-size: 14px; } .timeline__title { font-size: 16px; } .timeline__description { font-size: 14px; } } </style> <div class="timeline__row"> <div class="timeline__time"> <div class="timeline__time"></div> <div class="timeline__split-line"></div> </div> <div class="timeline__content"> <div class="timeline__tags"> <span class="timeline__tag">shortcodes</span> </div> <a href="https://blog-wine-six-14.vercel.app/about/#TIMELINE"> <div class="timeline__title">添加时间轴</div> </a> <div class="timeline__description"> </div> </div> </div> <style> .timeline { display: flex; flex-direction: column; } .timeline__row { display: flex; padding-left: 4%; height: 90px; } .timeline__time { flex: 0 0 110px; color: #5d5d5d; font-size: 17px; text-transform: uppercase; position: relative; display: flex; flex-direction: column; align-items: center; padding: 0.5rem 0; } .timeline__time-text { margin: 0; } .timeline__split-line { position: absolute; top: 0.5rem; right: -20px; height: 100%; width: 2px; background-color: #84c4e240; z-index: 0; } .timeline__split-line:before { content: ""; position: absolute; top: 24%; right: -4px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #c9e5f2; box-shadow: 0 0 0 4px var(--theme); border-radius: 50%; border: 0px solid #84c4e2; z-index: -1; } .timeline__content { flex: 1; margin-left: 4.5rem; padding: 0.5rem 0 1.2rem 0; } .timeline__title { margin: 0; margin-bottom: 2px; padding-top: 3px; margin-left: 0.5rem; color: var(--content); font-family: var(--font-family-teshu); font-size: 19px; font-weight: 600; width: fit-content; display: inline-block; vertical-align: middle; } .timeline__tags { display: inline-block; padding: 0; margin-left: 0.3rem; align-items: center; gap: 0.3rem; } .timeline__tag { display: inline-block; color: var(--secondary); background-color: #84c4e230; border: 1.5px solid #84c4e230; border-radius: 999px; padding: 0rem 0.5rem; font-size: 12px; white-space: nowrap; line-height: 1.4rem; opacity: 0.8; vertical-align: middle; } .timeline__description { font-size: 15px; line-height: 1.6; color: #5d5d5d; overflow: hidden; text-overflow: ellipsis; margin: 0.5rem 0 0.4rem 1.5rem; } .timeline__tag-style { background-color: #c581da; border-color: #c581da; color: #FFFFFF; } .timeline__tag-article { background-color: #92d392; border-color: #92d392; color: #000000; } .timeline__tag-page { background-color: #707070; border-color: #707070; color: #FFFFFF; } @media screen and (max-width: 768px) { .timeline__time { font-size: 14px; } .timeline__title { font-size: 16px; } .timeline__description { font-size: 14px; } } </style> <div class="timeline__row"> <div class="timeline__time"> <div class="timeline__time">2023-11-11</div> <div class="timeline__split-line"></div> </div> <div class="timeline__content"> <div class="timeline__tags"> <span class="timeline__tag">shortcodes</span> </div> <a href="https://blog-wine-six-14.vercel.app/p/first/#%e6%b5%8b%e8%af%95admonition"> <div class="timeline__title">添加admonition</div> </a> <div class="timeline__description"> </div> </div> </div> <style> .timeline { display: flex; flex-direction: column; } .timeline__row { display: flex; padding-left: 4%; height: 90px; } .timeline__time { flex: 0 0 110px; color: #5d5d5d; font-size: 17px; text-transform: uppercase; position: relative; display: flex; flex-direction: column; align-items: center; padding: 0.5rem 0; } .timeline__time-text { margin: 0; } .timeline__split-line { position: absolute; top: 0.5rem; right: -20px; height: 100%; width: 2px; background-color: #84c4e240; z-index: 0; } .timeline__split-line:before { content: ""; position: absolute; top: 24%; right: -4px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #c9e5f2; box-shadow: 0 0 0 4px var(--theme); border-radius: 50%; border: 0px solid #84c4e2; z-index: -1; } .timeline__content { flex: 1; margin-left: 4.5rem; padding: 0.5rem 0 1.2rem 0; } .timeline__title { margin: 0; margin-bottom: 2px; padding-top: 3px; margin-left: 0.5rem; color: var(--content); font-family: var(--font-family-teshu); font-size: 19px; font-weight: 600; width: fit-content; display: inline-block; vertical-align: middle; } .timeline__tags { display: inline-block; padding: 0; margin-left: 0.3rem; align-items: center; gap: 0.3rem; } .timeline__tag { display: inline-block; color: var(--secondary); background-color: #84c4e230; border: 1.5px solid #84c4e230; border-radius: 999px; padding: 0rem 0.5rem; font-size: 12px; white-space: nowrap; line-height: 1.4rem; opacity: 0.8; vertical-align: middle; } .timeline__description { font-size: 15px; line-height: 1.6; color: #5d5d5d; overflow: hidden; text-overflow: ellipsis; margin: 0.5rem 0 0.4rem 1.5rem; } .timeline__tag-style { background-color: #c581da; border-color: #c581da; color: #FFFFFF; } .timeline__tag-article { background-color: #92d392; border-color: #92d392; color: #000000; } .timeline__tag-page { background-color: #707070; border-color: #707070; color: #FFFFFF; } @media screen and (max-width: 768px) { .timeline__time { font-size: 14px; } .timeline__title { font-size: 16px; } .timeline__description { font-size: 14px; } } </style> <div class="timeline__row"> <div class="timeline__time"> <div class="timeline__time">2023-08-23</div> <div class="timeline__split-line"></div> </div> <div class="timeline__content"> <div class="timeline__tags"> <span class="timeline__tag">博客</span> </div> <a href="https://blog-wine-six-14.vercel.app/"> <div class="timeline__title">博客正式上线</div> </a> <div class="timeline__description"> </div> </div> </div> <style> .timeline { display: flex; flex-direction: column; } .timeline__row { display: flex; padding-left: 4%; height: 90px; } .timeline__time { flex: 0 0 110px; color: #5d5d5d; font-size: 17px; text-transform: uppercase; position: relative; display: flex; flex-direction: column; align-items: center; padding: 0.5rem 0; } .timeline__time-text { margin: 0; } .timeline__split-line { position: absolute; top: 0.5rem; right: -20px; height: 100%; width: 2px; background-color: #84c4e240; z-index: 0; } .timeline__split-line:before { content: ""; position: absolute; top: 24%; right: -4px; transform: translateY(-50%); width: 10px; height: 10px; background-color: #c9e5f2; box-shadow: 0 0 0 4px var(--theme); border-radius: 50%; border: 0px solid #84c4e2; z-index: -1; } .timeline__content { flex: 1; margin-left: 4.5rem; padding: 0.5rem 0 1.2rem 0; } .timeline__title { margin: 0; margin-bottom: 2px; padding-top: 3px; margin-left: 0.5rem; color: var(--content); font-family: var(--font-family-teshu); font-size: 19px; font-weight: 600; width: fit-content; display: inline-block; vertical-align: middle; } .timeline__tags { display: inline-block; padding: 0; margin-left: 0.3rem; align-items: center; gap: 0.3rem; } .timeline__tag { display: inline-block; color: var(--secondary); background-color: #84c4e230; border: 1.5px solid #84c4e230; border-radius: 999px; padding: 0rem 0.5rem; font-size: 12px; white-space: nowrap; line-height: 1.4rem; opacity: 0.8; vertical-align: middle; } .timeline__description { font-size: 15px; line-height: 1.6; color: #5d5d5d; overflow: hidden; text-overflow: ellipsis; margin: 0.5rem 0 0.4rem 1.5rem; } .timeline__tag-style { background-color: #c581da; border-color: #c581da; color: #FFFFFF; } .timeline__tag-article { background-color: #92d392; border-color: #92d392; color: #000000; } .timeline__tag-page { background-color: #707070; border-color: #707070; color: #FFFFFF; } @media screen and (max-width: 768px) { .timeline__time { font-size: 14px; } .timeline__title { font-size: 16px; } .timeline__description { font-size: 14px; } } </style> </p> https://blog-wine-six-14.vercel.app/archives/ Tue, 28 May 2019 00:00:00 +0000 https://blog-wine-six-14.vercel.app/archives/ https://blog-wine-six-14.vercel.app/%E9%93%BE%E6%8E%A5/ Mon, 01 Jan 0001 00:00:00 +0000 https://blog-wine-six-14.vercel.app/%E9%93%BE%E6%8E%A5/ <h3 id="have-a-link-youd-like-to-add-reach-out-to-us-and-lets-keep-growing-this-circle-of-friends-together">Have a link you&rsquo;d like to add? Reach out to us and let&rsquo;s keep growing this circle of friends together!</h3> <h3 id="below-are-one-way-only-recommended-websites">Below are one-way only/ recommended websites.</h3> https://blog-wine-six-14.vercel.app/%E6%90%9C%E7%B4%A2/ Mon, 01 Jan 0001 00:00:00 +0000 https://blog-wine-six-14.vercel.app/%E6%90%9C%E7%B4%A2/