hexo-theme-lnote 1.2.3

package/source/css/_functions/base.styl

@@ -0,0 +1,8 @@
+theme-config(config, predef)
+  unquote(hexo-config(config) ? hexo-config(config):predef)
+
+theme-config-unit(config, predef, unit)
+  unit(hexo-config(config) ? hexo-config(config):predef, unit)
+
+theme-config-origin(config, predef)
+  (hexo-config(config) ? hexo-config(config):predef)

package/source/css/_mixins/base.styl

@@ -0,0 +1,23 @@
+/* 给锚点增加偏移量（适配导航栏的高度） */
+anchor-offset()
+  &::before
+    display block
+    content ""
+    margin-top -5rem
+    height 5rem
+    width 1px
+    visibility hidden
+
+/* 毛玻璃透明效果 */
+ground-glass($px, $bg-color, $alpha)
+  /* 若浏览器支持 backdrop-filter，则启用毛玻璃 */
+  @supports (-webkit-backdrop-filter: blur($px)) or (backdrop-filter: blur($px))
+    &
+      background rgba(convert($bg-color), $alpha)
+      -webkit-backdrop-filter blur($px)
+      backdrop-filter blur($px)
+
+  /* 若浏览器器不支持，则使用透明 */
+  @supports not ((-webkit-backdrop-filter: blur($px)) or (backdrop-filter: blur($px)))
+    &
+      background rgb(convert($bg-color))

package/source/css/_pages/_about/about.styl

@@ -0,0 +1,32 @@
+.about-avatar
+  position relative
+  margin -8rem auto 1rem
+  width 10rem
+  height 10rem
+  z-index 3
+
+  img
+    width 100%
+    height 100%
+    border-radius 50%
+    background-color transparent
+    object-fit cover
+    box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
+
+.about-info
+  & > div
+    margin-bottom .5rem
+
+.about-name
+  font-size 1.75rem
+  font-weight bold
+
+.about-intro
+  font-size 1rem
+
+.about-icons
+  & > a:not(:last-child)
+    margin-right .5rem
+
+  & > a > i
+    font-size 1.5rem

package/source/css/_pages/_archive/archive.styl

@@ -0,0 +1,32 @@
+.list-group
+  a ~ p.h5
+    margin-top 1rem
+
+.list-group-item
+  display flex
+  background-color transparent
+  border 0
+  padding: 0.75rem 1.25rem
+
+  time
+    flex 0 0 5rem
+
+  .list-group-item-title
+    white-space nowrap
+    overflow hidden
+    text-overflow ellipsis
+
+@media (max-width: 575px)
+  .list-group-item
+    font-size .95rem
+    padding 0.5rem 0.75rem
+
+    time
+      flex 0 0 4rem
+
+.list-group-item-action
+  color var(--text-color)
+
+  &:focus, &:hover
+    color var(--link-hover-color)
+    background-color var(--link-hover-bg-color)

package/source/css/_pages/_base/_widget/anchorjs.styl

@@ -0,0 +1,8 @@
+// Rewrite anchorjs
+.anchorjs-link
+  text-decoration none !important
+  transition opacity .2s ease-in-out
+
+.markdown-body h1, h2, h3, h4, h5, h6
+  &:hover > .anchorjs-link
+    opacity 1

package/source/css/_pages/_base/_widget/banner.styl

@@ -0,0 +1,29 @@
+.banner
+  height 100%
+  position relative
+  overflow hidden
+  cursor default
+
+  .mask
+    position absolute
+    width 100%
+    height 100%
+    background-color rgba(0, 0, 0, 0.3)
+
+  &[parallax="true"]
+    will-change transform
+    -webkit-transform-style preserve-3d
+    -webkit-backface-visibility hidden
+    transition transform .05s ease-out
+
+if $banner-width-height-ratio > 0
+  @media (max-width: unit($banner-width-height-ratio * 100, "vh"))
+    .header-inner
+      max-height unit(100 / $banner-width-height-ratio, "vw")
+
+    #board
+      margin-top -1rem !important
+
+  @media (max-width: unit($scroll-arrow-height-limit - 0.01, "vh"))
+    .scroll-down-bar
+      display none

package/source/css/_pages/_base/_widget/board.styl

@@ -0,0 +1,11 @@
+#board
+  position relative
+  margin-top -2rem
+  padding 3rem 0
+  background-color var(--board-bg-color)
+  // background-color var(--bs-body-bg)
+  transition background-color .2s ease-in-out
+  border-radius 0.5rem
+  z-index 3
+  -webkit-box-shadow 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)
+  box-shadow 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19)

package/source/css/_pages/_base/_widget/code-widget.styl

@@ -0,0 +1,36 @@
+.code-widget
+  display inline-block
+  background-color transparent
+  font-size .75rem
+  line-height 1
+  font-weight bold
+  padding .3rem .1rem .1rem .1rem
+  position absolute
+  right .45rem
+  top .15rem
+  z-index 1
+
+.code-widget-light
+  color #999
+
+.code-widget-dark
+  color #bababa
+
+.copy-btn
+  cursor pointer
+  user-select none
+  -webkit-appearance none
+  outline none
+
+  & > i
+    font-size .75rem !important
+    font-weight 400
+    margin-right .15rem
+    opacity 0
+    transition opacity .2s ease-in-out
+
+.markdown-body pre:hover > .copy-btn > i
+  opacity 0.9
+
+.markdown-body pre:hover > .copy-btn, .markdown-body pre:not(:hover) > .copy-btn
+  outline none

package/source/css/_pages/_base/_widget/copyright.styl

@@ -0,0 +1,90 @@
+// Modified from [hexo-theme-icarus](https://github.com/ppoffice/hexo-theme-icarus)
+
+.license-box
+  background-color rgba(#1b1f23, .05)
+  transition background-color .2s ease-in-out
+  border-radius 4px
+  font-size .9rem
+  overflow hidden
+  padding 1.25rem
+  position relative
+  z-index 1
+
+  .license-icon
+    position absolute
+    top 50%
+    left 100%
+
+    &::after
+      content "\e8e4"
+      font-size 12.5rem
+      line-height 1
+      opacity 0.1
+      position relative
+      left -.85em
+      bottom .5em
+      z-index -1
+
+  .license-title
+    margin-bottom 1rem
+
+    div:nth-child(1)
+      line-height 1.2
+      margin-bottom .25rem
+
+    div:nth-child(2)
+      color var(--sec-text-color)
+      font-size .8rem
+
+  .license-meta
+    align-items center
+    display flex
+    flex-wrap wrap
+    justify-content flex-start
+
+    .license-meta-item
+      align-items center
+      justify-content center
+      margin-right 1.5rem
+
+      div:nth-child(1)
+        color var(--sec-text-color)
+        font-size .8rem
+        font-weight normal
+
+      i.iconfont
+        font-size 1rem
+
+  @media (max-width: 575px) and (min-width: 425px)
+    .license-meta
+
+      .license-meta-item
+        display flex
+        justify-content flex-start
+        flex-wrap wrap
+        font-size .8rem
+        flex 0 0 50%
+        max-width 50%
+        margin-right 0
+
+        div:nth-child(1)
+          margin-right .5rem
+
+      .license-meta-date
+        order -1
+
+  @media (max-width: 424px)
+    &::after
+      top -65px
+
+    .license-meta
+      flex-direction column
+      align-items flex-start
+
+      .license-meta-item
+        display flex
+        flex-wrap wrap
+        font-size .8rem
+
+        div:nth-child(1)
+          margin-right .5rem

package/source/css/_pages/_base/_widget/footer.styl

@@ -0,0 +1,65 @@
+.footer-inner
+  padding 3rem 0 1rem 0
+  text-align center
+
+  & > div:not(:first-child)
+    margin .25rem 0
+    font-size .85rem
+
+  .statistics
+    display flex
+    flex-direction row
+    justify-content center
+
+    & > span
+      flex 1
+      margin 0 .25rem
+
+    & > *:nth-last-child(2):first-child
+      text-align right
+
+    & > *:nth-last-child(2):first-child ~ *
+      text-align left
+
+  .beian
+    display flex
+    flex-direction row
+    justify-content center
+
+    & > *
+      margin 0 .25rem
+
+  .beian-police
+    position relative
+    overflow hidden
+    display inline-flex
+    align-items center
+    justify-content left
+
+    img
+      margin-right 3px
+      width 1rem
+      height 1rem
+      margin-bottom .1rem
+
+  @media (max-width: 424px)
+    .statistics
+      flex-direction column
+
+      & > *:nth-last-child(2):first-child
+        text-align center
+
+      & > *:nth-last-child(2):first-child ~ *
+        text-align center
+
+    .beian
+      flex-direction column
+
+      .beian-police
+        justify-content center
+
+      & > *:nth-last-child(2):first-child
+        text-align center
+
+      & > *:nth-last-child(2):first-child ~ *
+        text-align center

package/source/css/_pages/_base/_widget/footnote.styl

@@ -0,0 +1,25 @@
+sup > a, .footnote-text
+  anchor-offset()
+  &::before
+    display inline-block
+
+.footnote-item
+  anchor-offset()
+
+.footnote-list
+  ol
+    list-style-type none
+    counter-reset sectioncounter
+    padding-left .5rem
+    font-size .95rem
+
+    li:before
+      font-family "Helvetica Neue", monospace, "Monaco"
+      content "["counter(sectioncounter)"]"
+      counter-increment sectioncounter
+
+    li+li
+      margin-top .5rem
+
+.footnote-text
+  padding-left .5em

package/source/css/_pages/_base/_widget/header.styl

@@ -0,0 +1,173 @@
+// Rewrite navbar
+.navbar
+  background-color transparent
+  font-size 0.875rem
+  box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
+  -webkit-box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
+
+  .navbar-brand
+    color var(--navbar-text-color)
+
+  .navbar-toggler .animated-icon span
+    background-color var(--navbar-text-color)
+
+  .nav-item .nav-link
+    display block
+    color var(--navbar-text-color)
+    transition color .2s ease-in-out, background-color .2s ease-in-out
+
+    &:hover
+      color var(--link-hover-color)
+
+    &:focus
+      color var(--navbar-text-color)
+
+    i
+      font-size 0.875rem
+
+    i:only-child
+      margin 0 .2rem
+
+  .navbar-toggler
+    border-width 0
+    outline 0
+
+  &.scrolling-navbar
+    will-change background, padding
+    -webkit-transition background 0.5s ease-in-out, padding 0.5s ease-in-out
+    transition background 0.5s ease-in-out, padding 0.5s ease-in-out
+
+    @media (min-width: 600px)
+      &
+        padding-top 12px
+        padding-bottom 12px
+
+      & .navbar-nav > li
+        -webkit-transition-duration 1s
+        transition-duration 1s
+
+    &.top-nav-collapse
+      padding-top 5px
+      padding-bottom 5px
+
+  .dropdown-menu
+    font-size 0.875rem
+    color var(--navbar-text-color)
+    background-color rgba(0, 0, 0, 0.3)
+    border none
+    min-width 8rem
+    -webkit-transition background .5s ease-in-out,padding .5s ease-in-out
+    transition background .5s ease-in-out,padding .5s ease-in-out
+
+    @media (max-width: 991.98px)
+      text-align center
+
+  .dropdown-item
+    color var(--navbar-text-color)
+
+    &:hover, &:focus
+      color var(--link-hover-color)
+      background-color rgba(0, 0, 0, 0.1)
+
+  @media (min-width: 992px)
+    .dropdown:hover > .dropdown-menu
+      display block
+
+    .dropdown > .dropdown-toggle:active
+      pointer-events none
+
+    .dropdown-menu
+      top 95%
+
+  .animated-icon
+    width 30px
+    height 20px
+    position relative
+    margin 0
+    -webkit-transform rotate(0deg)
+    -moz-transform rotate(0deg)
+    -o-transform rotate(0deg)
+    transform rotate(0deg)
+    -webkit-transition .5s ease-in-out
+    -moz-transition .5s ease-in-out
+    -o-transition .5s ease-in-out
+    transition .5s ease-in-out
+    cursor pointer
+
+    span
+      display block
+      position absolute
+      height 3px
+      width 100%
+      border-radius 9px
+      opacity 1
+      left 0
+      -webkit-transform rotate(0deg)
+      -moz-transform rotate(0deg)
+      -o-transform rotate(0deg)
+      transform rotate(0deg)
+      -webkit-transition .25s ease-in-out
+      -moz-transition .25s ease-in-out
+      -o-transition .25s ease-in-out
+      transition .25s ease-in-out
+      background #ffffff
+
+      &:nth-child(1)
+        top 0
+
+      &:nth-child(2)
+        top 10px
+
+      &:nth-child(3)
+        top 20px
+
+    &.open
+      span
+        &:nth-child(1)
+          top 11px
+          -webkit-transform rotate(135deg)
+          -moz-transform rotate(135deg)
+          -o-transform rotate(135deg)
+          transform rotate(135deg)
+
+        &:nth-child(2)
+          opacity 0
+          left -60px
+
+        &:nth-child(3)
+          top 11px
+          -webkit-transform rotate(-135deg)
+          -moz-transform rotate(-135deg)
+          -o-transform rotate(-135deg)
+          transform rotate(-135deg)
+
+.navbar .dropdown-collapse, .top-nav-collapse, .navbar-col-show
+  if $navbar-glass-enable
+    ground-glass($navbar-glass-px, $navbar-bg-color, $navbar-glass-alpha)
+  else
+    background-color var(--navbar-bg-color)
+
+@media (max-width: 767px)
+  .navbar
+    font-size 1rem
+    line-height 2.5rem
+
+.banner-text
+  color var(--subtitle-color)
+  max-width calc(960px - 6rem)
+  width 80%
+  overflow-wrap break-word
+
+  .typed-cursor
+    margin 0 .2rem
+
+@media (max-width: 767px)
+  #subtitle, .typed-cursor
+    font-size 1.5rem
+
+@media (max-width: 575px)
+  .banner-text
+    font-size 0.9rem
+
+  #subtitle, .typed-cursor
+    font-size 1.35rem

package/source/css/_pages/_base/_widget/modal.styl

@@ -0,0 +1,100 @@
+// Rewrite modal
+/* .modal-dialog .modal-content
+  background-color var(--board-bg-color)
+  border 0
+  border-radius .125rem
+  -webkit-box-shadow 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
+  box-shadow 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) */
+
+.modal-dialog .modal-content .modal-header
+  border-bottom-color var(--line-color)
+  transition border-bottom-color .2s ease-in-out
+
+/* .close
+  color var(--text-color)
+
+  &:hover
+    color var(--link-hover-color)
+
+  &:focus
+    outline 0 */
+
+.modal-dialog .modal-content .modal-header
+  border-top-left-radius .125rem
+  border-top-right-radius .125rem
+  border-bottom 1px solid #dee2e6
+
+.md-form
+  position relative
+  margin-top 1.5rem
+  margin-bottom 1.5rem
+
+.md-form
+  input[type]
+    -webkit-box-sizing content-box
+    box-sizing content-box
+    background-color transparent
+    border none
+    border-bottom 1px solid #ced4da
+    border-radius 0
+    outline none
+    -webkit-box-shadow none
+    box-shadow none
+    transition border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
+
+    $normal = #4285f4
+
+    &:focus:not([readonly])
+      border-bottom 1px solid $normal
+      -webkit-box-shadow 0 1px 0 0 $normal
+      box-shadow 0 1px 0 0 $normal
+
+      & + label
+        color: $normal
+
+    $valid = #00c851
+
+    &.valid, &:focus.valid
+      border-bottom 1px solid $valid
+      -webkit-box-shadow 0 1px 0 0 $valid
+      box-shadow 0 1px 0 0 $valid
+
+      & + label
+        color: $valid
+
+    $invalid = #f44336
+
+    &.invalid, &:focus.invalid
+      border-bottom 1px solid $invalid
+      -webkit-box-shadow 0 1px 0 0 $invalid
+      box-shadow 0 1px 0 0 $invalid
+
+      & + label
+        color $invalid
+
+    &.validate
+      margin-bottom 2.5rem
+
+    &.form-control
+      height auto
+      padding .6rem 0 .4rem 0
+      margin 0 0 .5rem 0
+      color var(--text-color)
+      background-color transparent
+      border-radius 0
+
+  label
+    font-size 0.8rem
+    position absolute
+    top -1rem
+    left 0
+    color #757575
+    cursor text
+    transition color .2s ease-out
+
+.modal-open[style]
+  padding-right: 0 !important
+  overflow auto
+
+  #navbar[style]
+    padding-right 1rem !important

package/source/css/_pages/_base/_widget/navlink.styl

@@ -0,0 +1,16 @@
+@keyframes to-click
+    from
+        transform: translateX(-6px)
+        opacity: 0
+    to
+        transform: translateX(10px)
+        opacity: 1
+
+
+a.ln-nav-link
+    color: var(--bs-primary-text-emphasis)
+    // text-decoration: underline
+    svg
+        color: var(--bs-warning)
+        margin-right: 1rem
+        animation: 1.2s ease-out 0.5s infinite to-click

package/source/css/_pages/_base/_widget/ngrogress.styl

@@ -0,0 +1,12 @@
+// Rewrite nprogress
+$npColor = theme-config("fun_features.progressbar.color", "#29d")
+#nprogress
+  .bar
+    height theme-config-unit("fun_features.progressbar.height_px", 3, "px") !important
+    background-color $npColor !important
+  .peg
+    box-shadow 0 0 14px $npColor, 0 0 8px $npColor !important
+
+  @media (max-width: 575px)
+    .bar
+      display none

package/source/css/_pages/_base/_widget/noscript.styl

@@ -0,0 +1,12 @@
+.noscript-warning
+  background-color #f55
+  color #fff
+  font-family sans-serif
+  font-size 1rem
+  font-weight bold
+  position fixed
+  left 0
+  bottom  0
+  text-align center
+  width 100%
+  z-index 99