sobekyll 0.1.1 → 0.2.0

data/assets/css/style.css

@@ -1,10 +1,11 @@
-/* @import "../../_sass/_base.scss"; */
-
 :root {
     --border-width: max(1px, 0.0625rem);
 }
 
-html, body {
+/* 基础样式 */
+html,
+body {
+    width: 100%;
     height: 100%;
     overflow: hidden;
     padding: 0px;
@@ -16,6 +17,33 @@ s-page {
     height: 100%;
 }
 
+.author {
+    width: 100%;
+    height: 256px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-image: linear-gradient(22.5deg, #43434305 0%, #43434305 29%, #2f2f2f05 29%, #2f2f2f05 37%, #17171705 37%, #17171705 55%, #b6b6b605 55%, #b6b6b605 69%, #1b1b1b05 69%, #1b1b1b05 71%, #fafafa05 71%, #fafafa05 100%), linear-gradient(67.5deg, #75757505 0%, #75757505 14%, #c7c7c705 14%, #c7c7c705 40%, #21212105 40%, #21212105 48%, #87878705 48%, #87878705 60%, #94949405 60%, #94949405 95%, #35353505 95%, #35353505 100%), linear-gradient(135deg, #bebebe05 0%, #bebebe05 6%, #fbfbfb05 6%, #fbfbfb05 18%, #02020205 18%, #02020205 27%, #fdfdfd05 27%, #fdfdfd05 49%, #80808005 49%, #80808005 76%, #96969605 76%, #96969605 100%);
+}
+
+.author-avatar {
+    width: 60px;
+    /* 缩小头像以适应移动端 */
+    height: 60px;
+    border: 1px var(--s-color-outline-variant) solid;
+    border-radius: 50%;
+    /* 保持圆形 */
+    object-fit: cover;
+}
+
+.author-name {
+    margin-top: 8px;
+    font-weight: bold;
+    font-size: 1rem;
+    /* 缩小字体 */
+}
+
 main {
     display: flex;
     flex-direction: column;
@@ -24,42 +52,68 @@ main {
 .app-bar-title {
     font-weight: bold;
     text-decoration: none;
+    font-size: 1.25rem;
+}
+
+.app-bar-action {
+    border-radius: 4px;
 }
 
 main s-scroll-view {
+    width: 100%;
     flex-grow: 1;
 }
 
+.contentWrapper {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    background-image: linear-gradient(22.5deg, #43434305 0%, #43434305 29%, #2f2f2f05 29%, #2f2f2f05 37%, #17171705 37%, #17171705 55%, #b6b6b605 55%, #b6b6b605 69%, #1b1b1b05 69%, #1b1b1b05 71%, #fafafa05 71%, #fafafa05 100%), linear-gradient(67.5deg, #75757505 0%, #75757505 14%, #c7c7c705 14%, #c7c7c705 40%, #21212105 40%, #21212105 48%, #87878705 48%, #87878705 60%, #94949405 60%, #94949405 95%, #35353505 95%, #35353505 100%), linear-gradient(135deg, #bebebe05 0%, #bebebe05 6%, #fbfbfb05 6%, #fbfbfb05 18%, #02020205 18%, #02020205 27%, #fdfdfd05 27%, #fdfdfd05 49%, #80808005 49%, #80808005 76%, #96969605 76%, #96969605 100%);
+}
+
 .content {
     flex: 1;
     display: flex;
     flex-direction: column;
     padding: 24px;
+    /* 减少内边距以适配小屏 */
 }
 
 .post-item {
-    margin-bottom: 20px;
+    margin-bottom: 16px;
+    /* 减小间距 */
     border-bottom: var(--border-width) solid var(--s-color-outline-variant);
+    padding-bottom: 8px;
+    /* 添加间距以区分内容 */
 }
 
 .post-item-title {
     color: var(--color-on-background);
     text-decoration: none;
+    font-size: 1.25rem;
+    /* 调整标题大小 */
 }
 
 .post-item h3 {
-    font-size: 1.5em;
+    font-size: 1.25rem;
     margin: 0;
 }
 
 .post-meta {
-    font-size: 0.9em;
+    font-size: 0.875rem;
+    /* 缩小字体 */
     color: gray;
 }
 
+.post-meta a {
+    font-weight: bold;
+    color: var(--color-on-surface-variant);
+    text-decoration: none;
+}
+
 .post-excerpt {
-    font-size: 1em;
-    color: #555;
+    font-size: 1rem;
+    margin-top: 8px;
 }
 
 .pagination {
@@ -76,24 +130,36 @@ main s-scroll-view {
     flex-direction: row;
     align-items: center;
     justify-content: center;
-}    
+}
 
 article {
     flex: 1;
     display: flex;
     flex-direction: column;
 }
+
 .post-content {
+    max-width: 100%;
+    padding-top: 24px;
+    padding-bottom: 24px;
     flex: 1;
     border-top: var(--border-width) solid var(--s-color-outline-variant);
     border-bottom: var(--border-width) solid var(--s-color-outline-variant);
 }
 
+.markdown-body {
+    background-color: transparent;
+    min-height: 0px;
+}
+
 .highlight {
     border-radius: 8px;
-    padding-top: 1px;
-    padding-bottom: 1px;
-    padding-left: 8px;
-    padding-right: 8px;
+    padding: 4px;
     margin-bottom: 8px;
+}
+
+footer a {
+    text-decoration: none;
+    font-weight: bold;
+    color: var(--color-on-surface-variant);
 }

data/assets/js/sobekyll.js

@@ -5,4 +5,8 @@ function onPageLoad() {
     //         hljs.highlightElement(block);
     //     });
     // });
+}
+
+function selfOpen(url) {
+    window.open(url, '_self');
 }

data/publish.sh

@@ -1 +1 @@
-gem push sobekyll-0.1.0.gem
+gem push sobekyll-0.1.3.gem

data/sobekyll.gemspec

@@ -1,6 +1,6 @@
 Gem::Specification.new do |s|
   s.name        = "sobekyll" # 你的主题名称
-  s.version     = "0.1.1"    # 版本号
+  s.version     = "0.2.0"    # 版本号
   s.summary     = "A material design style Jekyll theme based on Sober." # 简短描述
   s.description = "A material design style Jekyll theme based on Sober." # 详细描述
   s.authors     = ["boybeak"]
@@ -11,5 +11,5 @@ Gem::Specification.new do |s|
   end
   s.homepage    = "https://github.com/boybeak/sobekyll"
   s.required_ruby_version = ">= 2.5.0"
-  s.add_runtime_dependency "jekyll", "~> 4.0"
+  s.add_runtime_dependency "jekyll", "~> 3.10.0"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sobekyll
 version: !ruby/object:Gem::Version
-  version: 0.1.1
+  version: 0.2.0
 platform: ruby
 authors:
 - boybeak
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-19 00:00:00.000000000 Z
+date: 2024-11-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -16,14 +16,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: 3.10.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '4.0'
+        version: 3.10.0
 description: A material design style Jekyll theme based on Sober.
 email: boybeak@gmail.com
 executables: []
@@ -35,10 +35,17 @@ files:
 - LICENSE
 - README.md
 - _config.yml
+- _includes/footer.html
+- _includes/header.html
 - _includes/post-item.html
+- _includes/slide-panel.html
+- _includes/time.html
+- _layouts/archive.html
 - _layouts/default.html
+- _layouts/home.html
 - _layouts/post.html
 - _sass/_base.scss
+- assets/css/github-markdown.css
 - assets/css/rouge-github-auto.css
 - assets/css/style.css
 - assets/js/sobekyll.js