yoyoyo 0.0.9 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: 40e4eeffc8558c2e17906b324312cdddb2db5842
-  data.tar.gz: 39ec9df58cb57c0b9ed816fa2dbb4dd50f8b80c8
+SHA256:
+  metadata.gz: 075a3338b3e9d6cea546c551720b91ac5c54d581141d88814d58fcb9b6ddae30
+  data.tar.gz: b206054fe73522159dffbfba0cd434d38950184f5e7241df3f83b0c8a3bd3b29
 SHA512:
-  metadata.gz: 2546b69a5c2ee0445bc7aa28bf3d450acf07970cf5f052fe9ecb31e8a08c3585cde937b68731ea8113bfe66299ef41e219ecc54483a4ac354b75741e82ba05dc
-  data.tar.gz: dabc39e26988e288aac53bf1697fc32b3649b3e945445bebc68be2e076eefc2c7b1bea01b0ffc6b16b7485bdbc22e2fd818986c97d383349533d17bb42ab76a5
+  metadata.gz: 3b166fbbc43d19927e5b8005f651655a2533770717904d2be5475f78b1febbd54a6b2eb9a0cc46f98ea669a0509b9bda53c7786cb9430912b70fed38a33fe228
+  data.tar.gz: 523a1ef471218b607fb8e5c3a0d4ddb5c8e8e6c4a072626707490044a6ba77f088005c130bc38423ca79d2e7b33792e1931acac3a111e82463dde5fcb2ed648d

data/README.md

@@ -1,116 +1,31 @@
-![Travis (.org)](https://img.shields.io/travis/hertzZhang/yoyoyo.svg)
-![Gem](https://img.shields.io/gem/v/yoyoyo.svg)
-![Gem](https://img.shields.io/gem/dt/yoyoyo.svg?color=%23e9573f&label=Gem%E4%B8%8B%E8%BD%BD%E6%80%BB%E6%AC%A1%E6%95%B0)
-![GitHub issues](https://img.shields.io/github/issues/hertzZhang/yoyoyo.svg)
-![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/hertzZhang/yoyoyo.svg)
-![GitHub](https://img.shields.io/github/license/hertzZhang/yoyoyo.svg)
-![Website](https://img.shields.io/website-up-down-green-red/https/zhanghe.org/yoyoyo/.svg)
-![Twitter Follow](https://img.shields.io/twitter/follow/hertzZhang.svg?style=social)
-
-# YOYOYO Jekyll 主题
-
-一个漂亮的、自适应的、适合程序员的 Jekyll 主题。
-
-## Getting Started
-
-[Get started in 5 minutes.](https://github.com/hertzZhang/yoyoyo/wiki/Quickstart)
-
-### Prerequisites
-
-What things you need to install the software and how to install them
-
-```
-Give examples
-```
-
-### Installing
-
-A step by step series of examples that tell you how to get a development env running
-
-Say what the step will be
-
-```
-Give the example
-```
-
-And repeat
-
-```
-until finished
-```
-
-End with an example of getting some data out of the system or using it for a little demo
-
-## Running the tests
-
-Explain how to run the automated tests for this system
-
-### Break down into end to end tests
+[![yoyoyo](https://socialify.git.ci/zhanghecool/yoyoyo/image?description=1&language=1&logo=https%3A%2F%2Fyoyoyo.zhanghe.cool%2Fassets%2Ficon%2Fms-icon-310x310.png&owner=1&pattern=Brick%20Wall&theme=Light)](https://yoyoyo.zhanghe.cool/)
 
-Explain what these tests test and why
+<p align="center">
+  采用 `kramdown` 文档编写的 GitHub Pages 模版主题。  
+  图片链接建议用自己的CDN加速服务，如果没有的话使用`https://cdn.jsdelivr.net/gh/GitHub的用户名/你的仓库名@发布的版本号/文件路径`进行文件加速服务。
+  <br>
+  <a href="https://yoyoyo.zhanghe.cool/"><strong>例子 »</strong></a>
+  <br>
+  <br>
+</p>
 
-```
-Give an example
-```
+## Status
 
-### And coding style tests
-
-Explain what these tests test and why
-
-```
-Give an example
-```
-
-## Deployment
-
-Add additional notes about how to deploy this on a live system
-
-## Built With
-
-* [Dropwizard](http://www.dropwizard.io/1.0.2/docs/) - The web framework used
-* [Maven](https://maven.apache.org/) - Dependency Management
-* [ROME](https://rometools.github.io/rome/) - Used to generate RSS Feeds
-
-## Contributing
-
-Please read [CONTRIBUTING.md](https://gist.github.com/PurpleBooth/b24679402957c63ec426) for details on our code of conduct, and the process for submitting pull requests to us.
-
-## Versioning
-
-We use [SemVer](http://semver.org/) for versioning. For the versions available, see the [tags on this repository](https://github.com/your/project/tags). 
-
-## Authors
-
-* **Hertz Zhang** - *Initial work* - [PurpleBooth](https://github.com/PurpleBooth)
-
-See also the list of [contributors](https://github.com/your/project/contributors) who participated in this project.
-
-## License
-
-This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
-
-## Acknowledgments
+![ci](https://github.com/zhanghecool/yoyoyo/workflows/ci/badge.svg)
+![Gem](https://img.shields.io/gem/v/yoyoyo.svg)
+![Gem](https://img.shields.io/gem/dt/yoyoyo.svg?color=%23e9573f&label=Gem%E4%B8%8B%E8%BD%BD%E6%80%BB%E6%AC%A1%E6%95%B0)
+![GitHub issues](https://img.shields.io/github/issues/zhanghecool/yoyoyo.svg)
+![GitHub code size in bytes](https://img.shields.io/github/languages/code-size/zhanghecool/yoyoyo.svg)
+![GitHub](https://img.shields.io/github/license/zhanghecool/yoyoyo.svg)
+![Website](https://img.shields.io/website-up-down-green-red/https/zhanghe.org/yoyoyo/.svg)
+![Twitter Follow](https://img.shields.io/twitter/follow/zhanghecool.svg?style=social)
+  
+## Quick start
 
-* Hat tip to anyone whose code was used
-* Inspiration
-* etc
+Several quick start options are available:
 
-## Todo List
+- Clone the repo: `git clone https://github.com/zhanghecool/yoyoyo.git`
+- Install with [rubygems](https://rubygems.org/gems/yoyoyo): `gem install yoyoyo`
+- GEMFILE: `gem 'yoyoyo', '~> 0.0.9'`
 
-- [x] 基础文件
-  - [x] HTML
-  - [x] CSS
-  - [x] JavaScript
-  - [x] MarkDown
-- [ ] 首页基础布局
-- [ ] 顶部导航
-- [ ] 底部页脚
-- [ ] 最新文章列表
-- [ ] 标签文章列表
-- [ ] 分类文章列表
-- [ ] 文章详情页面布局
-- [ ] 开场动画
-- [ ] 进场动画和离场动画
-- [ ] 联系我功能
-- [ ] 评论功能
-- [ ] 订阅功能
+Read the [Getting started page](https://github.com/zhanghecool/yoyoyo/wiki/Quickstart) for information on the framework contents, templates and examples, and more.

data/_includes/footer.html

@@ -1,3 +1,6 @@
 <footer>
-  {% include tags.html %}
+  <div class="footer-nav">
+    {% include navigation.html %}
+  </div>
+  <div class="footer-info"></div>
 </footer>

data/_includes/head.html

@@ -1,15 +1,33 @@
-<meta charset="utf-8" />
+<meta charset="utf-8" /> <meta name="renderer" content="webkit" />
+<!-- 用在360中 -->
+<meta name="force-rendering" content="webkit" />
+<!-- 用在其它 -->
 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-<meta name="viewport" content="width=device-width, initial-scale=1,
-shrink-to-fit=no, user-scalable=no", viewport-fit=cover" />
-<meta name="msapplication-TileColor" content="#4B5CC4" />
+<!-- 针对 IE 浏览器 -->
+<meta http-equiv="Cache-Control" content="no-transform" />
+<!-- 针对百度搜索 -->
+<meta name="format-detection" content="telephone=no,email=no,adress=no" />
 <meta
-  name="msapplication-TileImage"
-  content="{{ site.baseurl }}/ms-icon-144x144.png"
+  name="viewport"
+  content="width=device-width, initial-scale=1,
+shrink-to-fit=no, user-scalable=no, viewport-fit=cover"
 />
-<meta name="theme-color" content="#4B5CC4" />
+<meta name="author" content="{{ site.metaAuthor}}" />
+<meta name="robots" content="index,follow" />
+<meta name="referrer" content="origin-when-cross-origin" />
+<meta name="theme-color" content="{{ site.themeColor }}" />
+<meta name="color-scheme" content="dark light" />
+<meta name="application-name" content="{{site.blogName}}" />
 <meta name="apple-mobile-web-app-capable" content="yes" />
 <meta name="apple-mobile-web-app-status-bar-style" content="white" />
+<meta name="apple-mobile-web-app-title" content="{{site.appTitle}}" />
+<meta name="msapplication-tooltip" content="{{site.description}}" />
+<meta name="msapplication-TileColor" content="{{ site.themeColor }}" />
+<meta
+  name="msapplication-TileImage"
+  content="{{ site.baseurl }}/assets/icon/apple-icon-144x144.png"
+/>
+<link rel="dns-prefetch" href="{{ site.url }}" />
 <link
   rel="shortcut icon"
   href="{{ site.baseurl }}/favicon.ico"
@@ -18,74 +36,77 @@ shrink-to-fit=no, user-scalable=no", viewport-fit=cover" />
 <link
   rel="apple-touch-icon"
   sizes="57x57"
-  href="{{ site.baseurl }}/apple-icon-57x57.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-57x57.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="60x60"
-  href="{{ site.baseurl }}/apple-icon-60x60.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-60x60.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="72x72"
-  href="{{ site.baseurl }}/apple-icon-72x72.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-72x72.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="76x76"
-  href="{{ site.baseurl }}/apple-icon-76x76.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-76x76.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="114x114"
-  href="{{ site.baseurl }}/apple-icon-114x114.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-114x114.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="120x120"
-  href="{{ site.baseurl }}/apple-icon-120x120.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-120x120.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="144x144"
-  href="{{ site.baseurl }}/apple-icon-144x144.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-144x144.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="152x152"
-  href="{{ site.baseurl }}/apple-icon-152x152.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-152x152.png"
 />
 <link
   rel="apple-touch-icon"
   sizes="180x180"
-  href="{{ site.baseurl }}/apple-icon-180x180.png"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-180x180.png"
 />
 <link
   rel="icon"
   type="image/png"
   sizes="192x192"
-  href="{{ site.baseurl }}/android-icon-192x192.png"
+  href="{{ site.baseurl }}/assets/icon/android-icon-192x192.png"
 />
 <link
   rel="icon"
   type="image/png"
   sizes="32x32"
-  href="{{ site.baseurl }}/favicon-32x32.png"
+  href="{{ site.baseurl }}/assets/icon/favicon-32x32.png"
 />
 <link
   rel="icon"
   type="image/png"
   sizes="96x96"
-  href="{{ site.baseurl }}/favicon-96x96.png"
+  href="{{ site.baseurl }}/assets/icon/favicon-96x96.png"
 />
 <link
   rel="icon"
   type="image/png"
   sizes="16x16"
-  href="{{ site.baseurl }}/favicon-16x16.png"
+  href="{{ site.baseurl }}/assets/icon/favicon-16x16.png"
 />
 <link rel="manifest" href="{{ site.baseurl }}/manifest.json" />
-{% feed_meta %}
+<link
+  href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.css"
+  rel="stylesheet"
+/>
 <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/styles.css" />
 {% seo %}
 <!-- Global site tag (gtag.js) - Google Analytics -->
@@ -98,7 +119,11 @@ shrink-to-fit=no, user-scalable=no", viewport-fit=cover" />
   function gtag() {
     dataLayer.push(arguments);
   }
-  gtag("js", new Date());
+  gtag('js', new Date());
 
-  gtag("config", "{{ site.ga.userid }}");
+  gtag('config', '{{ site.ga.userid }}');
 </script>
+<!--[if lt IE 9]>
+  <script src="//cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+  <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
+<![endif]-->

data/_includes/header.html

@@ -1,13 +1,9 @@
 <header class="yoyoyo-header">
+  <div class="header-description">{{ site.description }}</div>
+  <a
+    class="yoyoyo-header-logo"
+    title="{{ site.title }}"
+    href="{{ site.baseurl }}/"
+  ></a>
   {% include navigation.html %}
-  <a class="yoyoyo-header-logo" href="{{ site.baseurl }}/">YOYOYO</a>
-  <div class="header-contact">
-    <a
-      href="https://github.com/hertzZhang"
-      target="_blank"
-      rel="noopener noreferrer"
-      >Github</a
-    >
-    <a href="mailto:{{ site.email }}">Email</a>
-  </div>
 </header>

data/_includes/pagination.html

@@ -1,41 +1,33 @@
-{% if paginator.next_page %}
-  <div class="posts__pagination">
-    <span class="posts__next">Load More</span>
-  </div>
-{% endif %}
-
 {% if paginator.total_pages > 1 %}
-
-<div class="pagination">
+<div class="list-pagination">
   {% if paginator.previous_page %}
-    <a href="{{ paginator.previous_page_path | relative_url }}">
-      &laquo; Prev
-    </a>
-  {% else %}
-    <span>&laquo; Prev</span>
+  <a
+    class="pagination-arrow arrow-left"
+    href="{{ paginator.previous_page_path | relative_url }}"
+  >
+    上一页
+  </a>
   {% endif %}
-
-  {% for page in (1..paginator.total_pages) %}
-    {% if page == paginator.page %}
-      <em>{{ page }}</em>
-    {% elsif page == 1 %}
-      <a href="{{ paginator.previous_page_path | relative_url }}">
-        {{ page }}
-      </a>
-    {% else %}
-      <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">
-        {{ page }}
-      </a>
-    {% endif %}
-  {% endfor %}
-
-  {% if paginator.next_page %}
-    <a href="{{ paginator.next_page_path | relative_url }}">
-      Next &raquo;
-    </a>
+  <!-- {% for page in (1..paginator.total_pages) %} {% if page ==
+  paginator.page %}
+  <em>{{ page }}</em>
+  {% elsif page == 1 %}
+  <a href="{{ paginator.previous_page_path | relative_url }}">
+    {{ page }}
+  </a>
   {% else %}
-    <span>Next &raquo;</span>
+  <a href="{{ site.paginate_path | relative_url | replace: ':num', page }}">
+    {{ page }}
+  </a>
+  {% endif %} {% endfor %}  -->
+  {% if paginator.next_page %}
+  <a
+    class="pagination-arrow arrow-right"
+    href="{{ paginator.next_page_path | relative_url }}"
+  >
+    下一页
+  </a>
   {% endif %}
 </div>
 
-{% endif %}
+{% endif %}

data/_includes/post-card.html

@@ -1,12 +1,20 @@
-<div class="grid-item" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
-  <a class="grid-item-body posts-link" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
+<div class="post-item" itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
+  <a class="post-item-body posts-link" href="{{ post.url | prepend: site.baseurl }}" itemprop="url">
     {% if post.image %}
-      <figure class="posts__img">
-        <img src="{{ post.image }}" alt="{{ post.title }}" data-aos="fade-in" itemprop="image"/>
-      </figure>
+      <div class="posts-image" data-aos="fade-in" itemprop="image" title="{{ post.title }}" style="background-image: url({{ post.image }})"></div>
     {% endif %}
-    <div>
-      <h2 class="posts__text"><strong itemprop="name">{{ post.title }}</strong> — <span itemprop="description">{{ post.content | strip_html | truncatewords: 35, "" }}</span></h2>
+    <div class="posts-content">
+      <div class="posts-body">
+        <h2 class="posts-title" itemprop="name">{{ post.title }}</h2>
+        {% if post.description %}
+          <p class="posts-description" itemprop="description">{{ post.description }}</p itemprop="description">
+        {% endif %}
+        <p class="posts-author">
+          {{ post.date | date_to_string }} {% assign author = site.authors | where:
+          'short_name', post.author | first %} {% if author %} - {{ author.name }}
+          {% endif %}
+        </p>
+      </div>
     </div>
   </a>
-</div>
+</div>

data/_layouts/default.html

@@ -1,30 +1,28 @@
 <!DOCTYPE html>
 <html lang="{{ site.lang }}">
-  <head>
-    {% include head.html %}
-  </head>
-  <body>
-    {% include header.html %}
-    <main>
-      {{ content }}
-    </main>
-    {% include footer.html %}
-    <script src="{{ site.baseurl }}/assets/js/app.js"></script>
-    <script type="application/ld+json">
-      {
-        "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
-        "@id": "{{ site.url }}{{ site.baseurl }}{{ page.url }}",
-        "appid": "{{ site.baidu.appid }}",
-        {% if page.title %}
-        "title": "{{ page.title }}",
-        {% else %}
-        "title": "{{ site.title }}",
-        {% endif%}
-        "images": [
-          "{{ site.url }}{{ site.baseurl }}{{ page.previewimg}}"
-        ],
-        "pubDate": "{{ page.date | date_to_xmlschema }}"
-      }
-    </script>
-  </body>
+	<head>
+		{% include head.html %}
+	</head>
+	<body>
+		{% include header.html %}
+		<main>{{ content }}</main>
+		{% include footer.html %}
+		<script src="{{ site.baseurl }}/assets/js/app.js"></script>
+		<script type="application/ld+json">
+			{
+			  "@context": "https://ziyuan.baidu.com/contexts/cambrian.jsonld",
+			  "@id": "{{ site.url }}{{ site.baseurl }}{{ page.url }}",
+			  "appid": "{{ site.baidu.appid }}",
+			  {% if page.title %}
+			  "title": "{{ page.title }}",
+			  {% else %}
+			  "title": "{{ site.title }}",
+			  {% endif%}
+			  "images": [
+			    "{{ site.url }}{{ site.baseurl }}{{ page.previewimg}}"
+			  ],
+			  "pubDate": "{{ page.date | date_to_xmlschema }}"
+			}
+		</script>
+	</body>
 </html>

data/_layouts/home.html

@@ -4,19 +4,11 @@ title: Home
 pagination:
   enabled: true
 ---
-<main>
-  <div class="yoyoyo-banner">
-    <div class="yoyoyo-banner-slogan">
-      <h1>YOYOYO</h1>
-      <p>all-in-one</p>
-    </div>
-    <div class="yoyoyo-banner-svg"></div>
-  </div>
-  <div class="grid">
-    {% for post in paginator.posts %}
-      {% include post-card.html %}
-    {% endfor %}
-  </div>
-  {{content}}
-  <!-- {% include pagination.html %} -->
-</main>
+
+<div class="home-list">
+  {% for post in paginator.posts %} {% include post-card.html %} {% endfor %}
+</div>
+{{ content }}
+<div class="home-pagination">
+  {% include pagination.html %}
+</div>

data/_layouts/post.html

@@ -2,24 +2,42 @@
 layout: default
 ---
 
-<h1>{{ page.title }}</h1>
-
-<p>
-  {{ page.date | date_to_string }}
-  {% assign author = site.authors | where: 'short_name', page.author | first %}
-  {% if author %} -
-  <a href="{{ site.baseurl }}{{ author.url }}">{{ author.name }}</a>
-  {% endif %}
-</p>
-
-{{ content }}
-
-<script
-  src="https://utteranc.es/client.js"
-  repo="{{ site.repo }}"
-  issue-term="pathname"
-  label="comment"
-  theme="github-light"
-  crossorigin="anonymous"
-  async
-></script>
+<section class="post-item post-header">
+  <div class="post-item-body posts-link">
+    {% if page.image %}
+    <div
+      class="posts-image"
+      data-aos="fade-in"
+      title="{{ page.title }}"
+      style="background-image: url({{ page.image }})"
+    ></div>
+    {% endif %}
+    <div class="posts-content">
+      <div class="posts-body">
+        <h2 class="posts-title" itemprop="name">{{ page.title }}</h2>
+        {% if page.description %}
+        <p class="posts-description">{{ page.description }}</p>
+        {% endif %}
+        <p class="posts-author">
+          {{ page.date | date_to_string }} {% assign author = site.authors |
+          where: 'short_name', page.author | first %} {% if author %} - {{
+          author.name }} {% endif %}
+        </p>
+      </div>
+    </div>
+  </div>
+</section>
+<section class="post-main">
+  {{ content }}
+</section>
+<section class="post-utteranc">
+  <script
+    src="https://utteranc.es/client.js"
+    repo="{{ site.repo }}"
+    issue-term="pathname"
+    label="comment"
+    theme="github-light"
+    crossorigin="anonymous"
+    async
+  ></script>
+</section>

data/_sass/footer.scss

@@ -0,0 +1,45 @@
+footer {
+  padding: 0 80px;
+  position: relative;
+  background-color: v(body-background-color);
+  overflow: hidden;
+
+  .footer-nav {
+    padding: 64px 0;
+    text-align: center;
+
+    nav {
+      display: flex;
+      align-items: center;
+
+      a {
+        padding: 0 8px;
+        font-size: 16px;
+        line-height: 32px;
+        color: v(footer-text-color);
+        opacity: 0.4;
+        transition: all ease-in-out 380ms;
+
+        &:hover {
+          text-decoration: none;
+          opacity: 1;
+        }
+
+        &.current {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+
+@media (max-width: 768px) {
+  footer {
+    padding: 0 20px;
+
+    .footer-nav {
+      padding: 24px 0;
+    }
+  }
+}