yoyoyo 0.0.10 → 0.0.11

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3584025c5ab1947faf267e04b3d16b82063485f9f0abd30bf357dfa7c0e04ab0
-  data.tar.gz: 55bda56e0194c32467c644bfe490675fb22f5b0617c7abe20ad38bbf0b67c4ad
+  metadata.gz: 075a3338b3e9d6cea546c551720b91ac5c54d581141d88814d58fcb9b6ddae30
+  data.tar.gz: b206054fe73522159dffbfba0cd434d38950184f5e7241df3f83b0c8a3bd3b29
 SHA512:
-  metadata.gz: fac18df42a7bfba9fb0aa560fbc00f577a38ef073a042eb6e9a3355c4f21b4b18d8977230e5f7b3455439884b8eb425b13ba35ffe30a8da6a33425027e24ed35
-  data.tar.gz: 9f2fb09d698cc0e23783f906f16aeff4f0aa145a4377c0f677da12a4e8c1b4a3fb75c7ebc344bd9fd58b176958fb1769a9f5798995eac609d0f7883b721e5c50
+  metadata.gz: 3b166fbbc43d19927e5b8005f651655a2533770717904d2be5475f78b1febbd54a6b2eb9a0cc46f98ea669a0509b9bda53c7786cb9430912b70fed38a33fe228
+  data.tar.gz: 523a1ef471218b607fb8e5c3a0d4ddb5c8e8e6c4a072626707490044a6ba77f088005c130bc38423ca79d2e7b33792e1931acac3a111e82463dde5fcb2ed648d

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2019 张赫
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,31 @@
+[![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/)
+
+<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>
+
+## Status
+
+![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
+
+Several quick start options are available:
+
+- 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'`
+
+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/categories.html

@@ -0,0 +1,8 @@
+{% for category in site.categories %}
+  <h3>{{ category[0] }}</h3>
+  <ul>
+    {% for post in category[1] %}
+      <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+    {% endfor %}
+  </ul>
+{% endfor %}

data/_includes/footer.html

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

data/_includes/head.html

@@ -0,0 +1,129 @@
+<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" />
+<!-- 针对 IE 浏览器 -->
+<meta http-equiv="Cache-Control" content="no-transform" />
+<!-- 针对百度搜索 -->
+<meta name="format-detection" content="telephone=no,email=no,adress=no" />
+<meta
+  name="viewport"
+  content="width=device-width, initial-scale=1,
+shrink-to-fit=no, user-scalable=no, viewport-fit=cover"
+/>
+<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"
+  sizes="128x128"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="57x57"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-57x57.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="60x60"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-60x60.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="72x72"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-72x72.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="76x76"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-76x76.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="114x114"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-114x114.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="120x120"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-120x120.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="144x144"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-144x144.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="152x152"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-152x152.png"
+/>
+<link
+  rel="apple-touch-icon"
+  sizes="180x180"
+  href="{{ site.baseurl }}/assets/icon/apple-icon-180x180.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="192x192"
+  href="{{ site.baseurl }}/assets/icon/android-icon-192x192.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="32x32"
+  href="{{ site.baseurl }}/assets/icon/favicon-32x32.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="96x96"
+  href="{{ site.baseurl }}/assets/icon/favicon-96x96.png"
+/>
+<link
+  rel="icon"
+  type="image/png"
+  sizes="16x16"
+  href="{{ site.baseurl }}/assets/icon/favicon-16x16.png"
+/>
+<link rel="manifest" href="{{ site.baseurl }}/manifest.json" />
+<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 -->
+<script
+  async
+  src="https://www.googletagmanager.com/gtag/js?id={{ site.ga.userid }}"
+></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag() {
+    dataLayer.push(arguments);
+  }
+  gtag('js', new Date());
+
+  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

@@ -0,0 +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 %}
+</header>

data/_includes/home-footer.html

@@ -0,0 +1,3 @@
+<div class="grid-item theme-footer">
+  {% include tags.html %}
+</div>

data/_includes/home-header.html

@@ -0,0 +1,4 @@
+<div class="grid-item theme-header">
+  {% include home-navigation.html %}
+  {% include categories.html %}
+</div>

data/_includes/home-navigation.html

@@ -0,0 +1,7 @@
+<nav>
+  {% for item in site.data.navigation %}
+    <a href="{{ site.baseurl }}{{ item.link }}" {% if page.url == item.link %}class="current"{% endif %}>
+      {{ item.name }}
+    </a>
+  {% endfor %}
+</nav>

data/_includes/navigation.html

@@ -0,0 +1,7 @@
+<nav>
+  {% for item in site.data.navigation %}
+    <a class="{% if page.url == item.link %}current{% endif %}" href="{{ site.baseurl }}{{ item.link }}">
+      {{ item.name }}
+    </a>
+  {% endfor %}
+</nav>

data/_includes/pagination.html

@@ -0,0 +1,33 @@
+{% if paginator.total_pages > 1 %}
+<div class="list-pagination">
+  {% if paginator.previous_page %}
+  <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
+    class="pagination-arrow arrow-right"
+    href="{{ paginator.next_page_path | relative_url }}"
+  >
+    下一页
+  </a>
+  {% endif %}
+</div>
+
+{% endif %}

data/_includes/post-card.html

@@ -0,0 +1,20 @@
+<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 %}
+      <div class="posts-image" data-aos="fade-in" itemprop="image" title="{{ post.title }}" style="background-image: url({{ post.image }})"></div>
+    {% endif %}
+    <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>

data/_includes/tags.html

@@ -0,0 +1,8 @@
+{% for tag in site.tags %}
+  <h3>{{ tag[0] }}</h3>
+  <ul>
+    {% for post in tag[1] %}
+      <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+    {% endfor %}
+  </ul>
+{% endfor %}

data/_layouts/about.html

@@ -0,0 +1,6 @@
+---
+layout: default
+title: About
+---
+This page tells you a little bit about me.
+{{ content }}

data/_layouts/author.html

@@ -0,0 +1,15 @@
+---
+layout: default
+---
+<h1>{{ page.name }}</h1>
+<h2>{{ page.position }}</h2>
+
+{{ content }}
+
+<h2>Posts</h2>
+<ul>
+  {% assign filtered_posts = site.posts | where: 'author', page.short_name %}
+  {% for post in filtered_posts %}
+    <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
+  {% endfor %}
+</ul>

data/_layouts/default.html

@@ -0,0 +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>
+</html>

data/_layouts/home.html

@@ -0,0 +1,14 @@
+---
+layout: default
+title: Home
+pagination:
+  enabled: true
+---
+
+<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

@@ -0,0 +1,43 @@
+---
+layout: default
+---
+
+<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;
+    }
+  }
+}

data/_sass/header.scss

@@ -0,0 +1,83 @@
+.yoyoyo-header {
+  .header-description {
+    font-size: 11px;
+    line-height: 1.4;
+    position: fixed;
+    z-index: 2;
+    top: 55px;
+    left: 33px;
+    max-width: 400px;
+    height: 100px;
+    cursor: default;
+    transform: rotate(-90deg) translate(-100%, 0%);
+    transform-origin: 0 0;
+    text-align: right;
+    letter-spacing: 2.5px;
+    text-transform: uppercase;
+    color: v(h1-color);
+  }
+
+  nav,
+  .header-contact {
+    // display: flex;
+    display: none;
+    align-items: center;
+
+    a {
+      padding: 0 8px;
+      font-size: 16px;
+      line-height: 32px;
+      color: #3a3a3a;
+      opacity: 0.4;
+      transition: all ease-in-out 380ms;
+
+      &:hover {
+        text-decoration: none;
+        opacity: 1;
+      }
+
+      &.current {
+        opacity: 1;
+      }
+    }
+  }
+
+  a.yoyoyo-header-logo {
+    position: absolute;
+    z-index: 9999;
+    width: 50px;
+    height: 50px;
+    left: 80px;
+    top: 55px;
+    padding: 0;
+    flex-shrink: 0;
+    display: block;
+    transition: all ease-in-out 380ms;
+    background-image: url(/assets/icon/logo.svg);
+    background-position: center;
+    background-repeat: no-repeat;
+    background-size: contain;
+  }
+}
+
+@media (prefers-color-scheme: dark), (max-width: 992px) {
+  .yoyoyo-header a.yoyoyo-header-logo {
+    background-image: url(/assets/icon/logo-dark.svg);
+  }
+
+  .yoyoyo-header .header-description {
+    opacity: 0.8;
+  }
+}
+
+@media (max-width: 768px) {
+  a.yoyoyo-header-logo {
+    left: 30px !important;
+    top: 33px !important;
+  }
+
+  .header-description {
+    top: 33px !important;
+    left: 2px !important;
+  }
+}