feat: update style and exampleSite files

pogor-dev · Aug 26, 2019 · 42d50ae · 42d50ae
1 parent 45c9281
commit 42d50ae
Show file tree

Hide file tree

Showing 58 changed files with 473 additions and 253 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,6 @@
 # Hugo default output directory
 public
+resources
 
 ## OS Files
 # Windows

diff --git a/README.md b/README.md
@@ -1,6 +1,8 @@
 # LoveIt Theme | Hugo
 
-[中文 README](README.zh.md)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/e60303f2-862c-4342-bf59-7c9adb10812e/deploy-status)](https://app.netlify.com/sites/hugo-loveit-en/deploys)
+
+[中文 README](README.zh.md) | [Demo Site](https://hugo-loveit-en.netlify.com)
 
 **LoveIt** is a **clean**, **elegant** but **advanced** blog theme for [Hugo](https://gohugo.io/).
 
@@ -17,25 +19,37 @@ Websites using **LoveIt** theme:
 * [Dillon](https://dillonzq.com)
 * Yours
 
-## Features
+### Features
+
+#### Performance and SEO
 
 * Optimized for performance: 99/100 on mobile and 100/100 on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
-* Desktop / Mobile layouts support
-* Dark / Light mode
 * Optimized SEO performance with a correct SEO SCHEMA based on JSON-LD
+* [Google Analytics](https://analytics.google.com/analytics) support
+* Search engine verification support (Google, Bind, Yandex and Baidu)
+* CDN support
+* Automatically converted images with Lazy Load by [lazysizes](https://github.com/aFarkas/lazysizes)
+
+#### Appearance and Layout
+
+* Desktops/Mobiles Responsive layout
+* Dark/Light Mode
 * A More coerent style beetwen page and sections
-* Multilanguage support and I18N ready
 * Pagination support
-* [Google Analytics](https://analytics.google.com/analytics) support
-* Disqus comment system support by [Disqus](https://disqus.com)
-* Gitalk comment system support by [Gitalk](https://github.com/gitalk/gitalk)
-* Valine comment system support by [Valine](https://valine.js.org/)
+* Multilanguage support and I18N ready
+
+#### Social and Comment Systems
+
 * Gravatar support by [Gravatar](https://gravatar.com)
 * Local Avatar support
 * Up to 54 social sites supported
 * Share post support
-* Search engine verification support (Google, Bind, Yandex and Baidu)
-* Automatically converted images with Lazy Load by [lazysizes](https://github.com/aFarkas/lazysizes)
+* Disqus comment system support by [Disqus](https://disqus.com)
+* Gitalk comment system support by [Gitalk](https://github.com/gitalk/gitalk)
+* Valine comment system support by [Valine](https://valine.js.org/)
+
+#### Extended Features
+
 * Automatically highlighting code by chroma in Hugo
 * Extended markdown syntax for [Font Awesome](https://fontawesome.com/) icons
 * Math formula support by [Katex](https://katex.org/)
@@ -47,7 +61,6 @@ Websites using **LoveIt** theme:
 * Animated typing support by [TypeIt](https://typeitjs.com/)
 * Animated coutdown support by [jQuery.countdown](https://github.com/hilios/jQuery.countdown)
 * Dynamic to top support by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
-* CDN support
 * ...
 
 ## Getting Started

diff --git a/README.zh.md b/README.zh.md
@@ -1,6 +1,8 @@
 # LoveIt 主题 | Hugo
 
-[English README](README.md)
+[![Netlify Status](https://api.netlify.com/api/v1/badges/c51d4765-deb8-43d2-954c-720527879667/deploy-status)](https://app.netlify.com/sites/hugo-loveit-zh/deploys)
+
+[English README](README.md) | [预览网站](https://hugo-loveit-zh.netlify.com)
 
 [LoveIt](https://github.com/dillonzq/LoveIt) 是一个**简洁**、**优雅**且**高效**的 [Hugo](https://gohugo.io/) 博客主题。
 
@@ -17,25 +19,37 @@
 * [Dillon](https://dillonzq.com)
 * 你的网站
 
-## 特性
+### 特性
+
+#### 性能和 SEO
 
 * 性能优化：在 [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) 中， 99/100 的移动设备得分和 100/100 的桌面设备得分
-* 桌面设备 / 移动设备 布局的支持
-* 暗黑 / 明亮 模式
 * 使用基于 JSON-LD 格式 的 SEO SCHEMA 文件进行 SEO 优化
+* 支持 [Google Analytics](https://analytics.google.com/analytics)
+* 支持搜索引擎的网站验证 (Google, Bind, Yandex and Baidu)
+* 支持 CDN
+* 基于 [lazysizes](https://github.com/aFarkas/lazysizes) 自动转换图片为懒加载
+
+#### 外观和布局
+
+* 桌面设备/移动设备 响应式布局
+* 暗黑/明亮 模式
 * 页面和列表保持一致的视觉样式
-* 支持多语言和国际化
 * 支持分页
-* 支持 [Google Analytics](https://analytics.google.com/analytics)
-* 支持 [Disqus](https://disqus.com) 评论系统
-* 支持 [Gitalk](https://github.com/gitalk/gitalk) 评论系统
-* 支持 [Valine](https://valine.js.org/) 评论系统
+* 支持多语言和国际化
+
+#### 社交和评论系统
+
 * 支持 [Gravatar](https://gravatar.com) 头像
 * 支持本地头像
 * 支持多达 54 种社交链接
 * 支持文章分享
-* 支持搜索引擎的网站验证 (Google, Bind, Yandex and Baidu)
-* 基于 [lazysizes](https://github.com/aFarkas/lazysizes) 自动转换图片为懒加载
+* 支持 [Disqus](https://disqus.com) 评论系统
+* 支持 [Gitalk](https://github.com/gitalk/gitalk) 评论系统
+* 支持 [Valine](https://valine.js.org/) 评论系统
+
+#### 扩展功能
+
 * 基于 Hugo 使用的 chroma 进行代码高亮
 * 使用 [Font Awesome](https://fontawesome.com/) 图标的扩展 Markdown 语法
 * 支持基于 [Katex](https://katex.org/) 的数学公式
@@ -47,7 +61,6 @@
 * 支持基于 [TypeIt](https://typeitjs.com/) 的打字动画
 * 支持基于 [jQuery.countdown](https://github.com/hilios/jQuery.countdown) 的倒计时动画
 * 支持基于 [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll) 的回到顶部动画
-* 支持 CDN
 * ...
 
 ## 快速开始

diff --git a/assets/css/_page/_home.scss b/assets/css/_page/_home.scss
@@ -42,14 +42,6 @@
   .home-social-links {
     padding-top: .6rem;
 
-    a {
-      padding: 0 .4rem;
-
-      &:hover {
-        background-color: transparent;
-      }
-    }
-
     i {
       font-size: 1.4rem;
     }

diff --git a/assets/css/_page/_post.scss b/assets/css/_page/_post.scss
@@ -526,10 +526,11 @@
     }
   }
 
-  .post-tags {
+  .post-info-more {
     padding: 0.3rem 0 1rem;
     display: flex;
     justify-content: space-between;
+    font-size: 0.9rem;
   }
 
   .post-nav {

diff --git a/assets/css/_partial/_footer.scss b/assets/css/_partial/_footer.scss
@@ -1,6 +1,10 @@
 /**Footer**/
 .copyright {
   font-size: .875rem;
+
+  .copyright-line {
+    width: 100%;
+  }
 }
 
 .dynamic-to-top {

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
@@ -59,7 +59,7 @@ staticDir = ["static", "../assets/others"]               # static directories
 
   [[menu.main]]
     identifier = "zh"
-    name = '<i class="fas fa-language"></i>'
+    name = '<i class="fas fa-language fa-fw"></i>'
     url = "https://hugo-loveit-zh.netlify.com"
     weight = 5
 

diff --git a/exampleSite/content/about.md b/exampleSite/content/about.md
@@ -12,23 +12,35 @@ It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) a
 
 ### Features
 
+#### Performance and SEO
+
 * :(fas fa-rocket): Optimized for performance: 99/100 on mobile and 100/100 on desktop in [Google PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights)
-* :(fas fa-desktop): / :(fas fa-mobile): layouts support
-* :(fas fa-moon): / :(fas fa-sun): mode
 * :(fab fa-searchengin): Optimized SEO performance with a correct SEO SCHEMA based on JSON-LD
+* :(fab fa-google): [Google Analytics](https://analytics.google.com/analytics) support
+* :(fas fa-search): Search engine verification support (Google, Bind, Yandex and Baidu)
+* :(fas fa-tachometer-alt): CDN support
+* :(far fa-images): Automatically converted images with Lazy Load by [lazysizes](https://github.com/aFarkas/lazysizes)
+
+#### Appearance and Layout
+
+* :(fas fa-desktop): / :(fas fa-mobile): Responsive layout
+* :(fas fa-moon): / :(fas fa-sun): Mode
 * :(fas fa-layer-group): A More coerent style beetwen page and sections
-* :(fas fa-language): Multilanguage support and I18N ready
 * :(fas fa-ellipsis-h): Pagination support
-* :(fab fa-google): [Google Analytics](https://analytics.google.com/analytics) support
-* :(far fa-comment): Disqus comment system support by [Disqus](https://disqus.com)
-* :(far fa-comment-dots): Gitalk comment system support by [Gitalk](https://github.com/gitalk/gitalk)
-* :(far fa-comment-alt): Valine comment system support by [Valine](https://valine.js.org/)
+* :(fas fa-language): Multilanguage support and I18N ready
+
+#### Social and Comment Systems
+
 * :(far fa-user): Gravatar support by [Gravatar](https://gravatar.com)
 * :(fas fa-user-circle): Local Avatar support
 * :(far fa-id-card): Up to 54 social sites supported
 * :(fas fa-share-square): Share post support
-* :(fas fa-search): Search engine verification support (Google, Bind, Yandex and Baidu)
-* :(far fa-images): Automatically converted images with Lazy Load by [lazysizes](https://github.com/aFarkas/lazysizes)
+* :(far fa-comment): Disqus comment system support by [Disqus](https://disqus.com)
+* :(far fa-comment-dots): Gitalk comment system support by [Gitalk](https://github.com/gitalk/gitalk)
+* :(far fa-comment-alt): Valine comment system support by [Valine](https://valine.js.org/)
+
+#### Extended Features
+
 * :(fas fa-code): Automatically highlighting code by chroma in Hugo
 * :(fab fa-font-awesome): Extended markdown syntax for [Font Awesome](https://fontawesome.com/) icons
 * :(fas fa-square-root-alt): Math formula support by [Katex](https://katex.org/)
@@ -40,12 +52,13 @@ It is based on the original [LeaveIt Theme](https://github.com/liuzc/LeaveIt/) a
 * :(fas fa-i-cursor): Animated typing support by [TypeIt](https://typeitjs.com/)
 * :(far fa-clock): Animated coutdown support by [jQuery.countdown](https://github.com/hilios/jQuery.countdown)
 * :(fas fa-arrow-up): Dynamic to top support by [Smooth Scroll](https://github.com/cferdinandi/smooth-scroll)
-* :(fas fa-tachometer-alt): CDN support
 * ...
 
 ### License
 
-LoveIt is licensed under the MIT license. Check the [LICENSE file](https://github.com/dillonzq/LoveIt/blob/master/LICENSE) for details.
+LoveIt is licensed under the MIT license.
+
+Check the [LICENSE file](https://github.com/dillonzq/LoveIt/blob/master/LICENSE) for details.
 
 Thanks to the authors of following resources included in the theme: