...

1 year ago · 2ea32af5fa
parent da59462af1
commit 2ea32af5fa
10 changed files with 96 additions and 47 deletions
--- a/_config.yml
+++ b/_config.yml
@ -22,3 +22,15 @@ stylesheets:
 # scripts loaded in the end of the body
 scripts:
 - /js/hexo-theme-yorha.js
+
+wordcount:
+  enable: true
+  post_wordcount: true
+  min2read: true
+  total_wordcount: true
+
+social:
+  Github: lensferno || https://github.com/lensferno
+  Email: lensferno@outlook.com || mailto:lensferno@outlook.com
+  Twitter: lensfrex || https://www.twitter.com
+  Bilibili: lensfrex || https://bilibili.com
--- a/layout/includes/_partials/data_row.pug
+++ b/layout/includes/_partials/data_row.pug
@ -1,4 +1,8 @@
-mixin data_row(name, value)
+mixin data_row(name, value, target_href)
  .data-row
    span.data-name=name
-    span.data-value=value
+    if target_href
+      span.data-value
+        a(href=target_href target='_balnk')=value
+    else
+      span.data-value=value
--- a/layout/includes/_partials/information_card.pug
+++ b/layout/includes/_partials/information_card.pug
@ -1,35 +1,38 @@
 include titled_card.pug
 include data_row.pug 
+include button.pug

-.information-card
-  +titled_card("Status")
-    .information-content
-      .avatar-box 
-        .avatar-img
-          img(src=theme.avatar)
-        .personal-information
-          span.name= config.author
-          span.sign= config.description
+mixin information_card(...extendData)
+  .information-card
+    +titled_card("Status")
+      .information-content
+        .avatar-box 
+          .avatar-img
+            img(src=theme.avatar)
+          .personal-information
+            span.name= config.author
+            span.sign= config.description

-      hr
+        hr
+        +data_row("文章", site.posts.length)
+        +data_row("页面", site.pages.length)
+        +data_row("标签", site.tags.length)
+        +data_row("分类", site.categories.length)

-      +data_row("页面创建", page.date)
-      +data_row("页面更新", page.updated)
-      
-      hr
+        if theme.social
+          hr
+          each value, name in theme.social
+            - const splitValue = value.split('||')
+            - const displayValue = splitValue[0]
+            - const link = splitValue[1]
+              +data_row(name, displayValue, link)

-      +data_row("文章", site.posts.length)
-      +data_row("页面", site.pages.length)
-      +data_row("标签", site.tags.length)
-      +data_row("分类", site.categories.length)
+        hr
+        if extendData
+          each data in extendData
+            +data_row(data.name, data.value)
+        
+        +data_row("运行时间", "421天")

-      hr
-
-      +data_row("文章数", 12)
-      +data_row("总字数", "16k")
-      +data_row("全站访问次数", "16k")
-      
-      hr
-
-      span.no-error-declaration NO ERROR
-      
+        hr
+        span.no-error-declaration NO ERROR
--- a/layout/includes/layout.pug
+++ b/layout/includes/layout.pug
@ -12,6 +12,7 @@ html(lang=config.language)
  head
    meta(charset='UTF-8')
    title= pageTitle
+    script(src="js/lazyload.min.js") 
    if theme.stylesheets !== undefined && theme.stylesheets.length > 0
      //- stylesheets list from _config.yml
      each url in theme.stylesheets
--- a/layout/index.pug
+++ b/layout/index.pug
@ -1,10 +1,27 @@
 extends includes/layout.pug
+include includes/_partials/information_card.pug
+include includes/_partials/post_list/post_item.pug

 block content
  .index-content
    .left-content
-      include ./includes/_partials/left_declaration.pug
+      include includes/_partials/left_declaration.pug
      .post-list
-
+        - const posts = page.posts
+        - posts.each(function(post) {
+            - const date = moment(post.date).format('MM/DD/YYYY')
+            - const time = moment(post.date).format('HH:mm:ss')
+            - let summary = ''
+            if post.description
+              summary = post.description 
+            else if post.more
+              - const strip = strip_html(post.more).substr(0, 128)
+              - summary = strip.length < 128 ? strip : strip + '...'
+            else 
+              - const strip = strip_html(post.content).substr(0, 128)
+              - summary = strip.length < 128 ? strip : strip + '...'
+            +post_item(post.title, post.cover, date , summary, time)
+        - })
+          
    .right-content
-      include includes/_partials/information_card.pug
+      +information_card({name: '全站总字数', value: totalcount(site)})
--- a/source/css/_partials/button.styl
+++ b/source/css/_partials/button.styl
@ -17,7 +17,6 @@
      display: flex
      flex-direction: column
      color: rgb(74, 71, 62)
-      align-items: flex-start
      background-image: linear-gradient(90deg, rgb(180, 175, 154) 50%, rgb(180, 175, 154) 50%, rgb(74, 71, 62) 50%, rgb(74, 71, 62) 100%)
      background-size: 200%
      transition: all 0.2s linear 0s
--- a/source/css/_partials/data_row.styl
+++ b/source/css/_partials/data_row.styl
@ -1,3 +1,6 @@
 .data-row
  display: flex
-  flex-direction: row
+  flex-direction: row
+  .data-value a
+    text-decoration: none
+    color: rgb(74, 71, 62)
--- a/source/css/_partials/index.styl
+++ b/source/css/_partials/index.styl
@ -7,11 +7,15 @@
    width: 73%;
    display: flex;
    flex-direction: row;
-    gap: 16px;
    .post-list
      background-color: rgba(231, 225, 199, 0.5);
      height: auto
+      display: flex;
+      flex-direction: column;
+      gap: 16px;
      width: 100%
+      // overflow-y: scroll
+      overflow-x: hidden

  .right-content
    width: 24%
--- a/source/css/_partials/information_card.styl
+++ b/source/css/_partials/information_card.styl
@ -30,7 +30,6 @@
  span.no-error-declaration
    margin: 32px 0
    text-align: center
-    font-weight: bold
    font-size: 20px
    user-select: none
    letter-spacing: 2px
--- a/source/css/common.styl
+++ b/source/css/common.styl
@ -1,7 +1,10 @@
-$backgroundColor=#c6c2a5
+$backgroundColor=rgb(197, 194, 165)
+
+$light=rgb(231, 225, 199)
+$dark=rgb(74, 71, 62)

 body
-  background-color: #c6c2a5
+  background-color: rgb(197, 194, 165)
  background-image:
    linear-gradient(90deg, #c6c2a5 2px, rgba(255 255 255 0) 0), 
    linear-gradient(180deg, #c6c2a5 2px, rgb(209 205 178) 0)
@ -41,16 +44,20 @@ span::selection

 *
  &::-webkit-scrollbar-button
-      border-radius: 10px;
-      border-spacing: 10px;
-      background-color: rgb(74 71 62);
-      width: 10px;
-      height: 10px;
+    border-radius: 10px;
+    border-spacing: 10px;
+    background-color: rgb(74 71 62);
+    width: 10px;
+    height: 10px;
+  &::-webkit-scrollbar-corner
+    background-color: rgb(197, 194, 165);
  &::-webkit-scrollbar-thumb 
-      border-radius: 0px;
-      background: rgb(74 71 62);
+    border-radius: 0px;
+    background: rgb(74 71 62);
  &::-webkit-scrollbar
-      width: 10px;
+    width: 10px;
+    height: 10px;

@import '_partials/header/*'
+@import '_partials/post_list/*'
@import '_partials/*'