spring-jekyll-theme 0.0.5

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 92d410223dc986c4052f85bcc5d67afa2115132c56eb7bff697ec63cad0d0045
+  data.tar.gz: 553d56c7d4d42b480e358afdae736ccfa5a945fd298da8d88dcb7e8fd7b63384
+SHA512:
+  metadata.gz: a834ff20d72b53d2982fc00b082543f7b09586d8539fcb77d255872664dab119165277f5ebca0ccbec984eefd9ea0dc26440c0500bf6a4896f1f9031ef07c235
+  data.tar.gz: 1af75a576a19f75692f25685f6646804cb3d1c7fb4cbd4afe86152fa799fb7cc7fec09dc6abddfc32a4eae32fb9556f42702ed52de014b09ea6ef93cd0176bda

data/README.md

@@ -0,0 +1,49 @@
+# 安装jekyll
+
+https://jekyllrb.com/docs/
+# 设置favicon.ico
+准备一张至少70x70像素的图片，推荐是260x260像素的图片作为favicon的源文件，访问https://realfavicongenerator.net/，然后把图片上传上去，会帮你生成各种设备的favicon.icon，然后按照提示下载，放在你博客的根目录下，在网站的head标签里已经添加了这些favicon的配置。
+
+
+## 使用gem中国区镜像
+
+```shell
+bundle config mirror.https://rubygems.org https://gems.ruby-china.com
+```
+
+
+### 如有必要，使用代理，代理自己提供
+
+```shell
+export http_proxy=http://127.0.0.1:49295
+export http_proxy=https://127.0.0.1:49295
+```
+
+参考
+https://gems.ruby-china.com/
+## 安装依赖
+
+```shell
+[sudo] bundle install
+```
+
+## 启动
+
+```shell
+bundle exec jekyll serve
+```
+
+## 构建发布
+```shell
+# 修改版本
+# spring-jekyll-theme.gemspec
+spec.version       = "0.0.x"
+# 废弃
+gem yank spring-jekyll-theme -v 0.0.[x]
+# 构建
+gem build spring-jekyll-theme.gemspec
+# 发布
+gem push spring-jekyll-theme-0.0.[x].gem
+# 发布到github
+gem push --key github --host https://rubygems.pkg.github.com/cbtpro spring-jekyll-theme-0.0.[x].gem
+```

data/_includes/disqus.html

@@ -0,0 +1,17 @@
+<!--PC和WAP自适应版-->
+<div id="SOHUCS" sid="{{ page.id | url_encode }}" ></div> 
+{% assign changyan = site.changyan %}
+<script type="text/javascript"> 
+(function(){ 
+appid = `{{ changyan.appid }}`
+conf = `{{ changyan.conf }}`
+var width = window.innerWidth || document.documentElement.clientWidth; 
+if (width < 960) {
+var head = document.getElementsByTagName('head')[0]||document.head||document.documentElement;
+var script = document.createElement('script');
+script.type = 'text/javascript';
+script.charset = 'utf-8';
+script.id = 'changyan_mobile_js';
+script.src = 'https://cy-cdn.kuaizhan.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf;
+head.appendChild(script);
+} else { var loadJs=function(d,a){var c=document.getElementsByTagName("head")[0]||document.head||document.documentElement;var b=document.createElement("script");b.setAttribute("type","text/javascript");b.setAttribute("charset","UTF-8");b.setAttribute("src",d);if(typeof a==="function"){if(window.attachEvent){b.onreadystatechange=function(){var e=b.readyState;if(e==="loaded"||e==="complete"){b.onreadystatechange=null;a()}}}else{b.onload=a}}c.appendChild(b)};loadJs("https://cy-cdn.kuaizhan.com/upload/changyan.js",function(){window.changyan.api.config({appid:appid,conf:conf})}); } })(); </script>

data/_includes/disqus_comments.html

@@ -0,0 +1,20 @@
+{%- if page.comments != false and jekyll.environment == "production" -%}
+
+  <div id="disqus_thread"></div>
+  <script>
+    var disqus_config = function () {
+      this.page.url = '{{ page.url | absolute_url }}';
+      this.page.identifier = '{{ page.url | absolute_url }}';
+    };
+
+    (function() {
+      var d = document, s = d.createElement('script');
+
+      s.src = 'https://{{ site.disqus.shortname }}.disqus.com/embed.js';
+
+      s.setAttribute('data-timestamp', +new Date());
+      (d.head || d.body).appendChild(s);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript" rel="nofollow">comments powered by Disqus.</a></noscript>
+{%- endif -%}

data/_includes/footer.html

@@ -0,0 +1,23 @@
+<footer class="site-footer h-card">
+  <data class="u-url" href="{{ "/" | relative_url }}"></data>
+
+  <div class="wrapper">
+
+    <div class="footer-content">
+      <div class="footer-description">
+        <p>{{- site.description | escape -}}</p>
+      </div>
+
+      <div class="social-links">
+        {%- include social.html -%}
+      </div>
+    </div>
+
+    {%- if site.for_the_record -%}
+    <div class="for-the-record">
+      基于Jekyll 大反派的博客 备案号 <a href="//beian.miit.gov.cn" target="_blank" rel="noopener noreferrer">{{site.for_the_record}}</a>
+    </div>
+    {%- endif -%}
+  </div>
+
+</footer>

data/_includes/google-analytics.html

@@ -0,0 +1,9 @@
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.google_analytics }}');
+</script>

data/_includes/head.html

@@ -0,0 +1,21 @@
+<head>
+  <meta charset="utf-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="msapplication-TileColor" content="#9f00a7">
+  <meta name="theme-color" content="#ffffff">
+  <!-- <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script type="module" src="/assets/ecmascripts/index.js"></script> -->
+  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.10/dist/shoelace/shoelace.css">
+  <script type="module" src="https://cdn.jsdelivr.net/npm/@shoelace-style/shoelace@2.0.0-beta.10/dist/shoelace/shoelace.esm.js"></script>
+  {%- seo -%} <link rel="stylesheet" href="{{
+    '/assets/css/style.css' | relative_url
+  }}"> {%- feed_meta -%} {%- if jekyll.environment == 'production' and
+  site.google_analytics -%} {%- include google-analytics.html -%} {%- endif -%}
+</head>

data/_includes/header.html

@@ -0,0 +1,31 @@
+<header class="site-header">
+  <div id="plugin-root"></div>
+  <div class="wrapper">
+    {%- assign default_paths = site.pages | map: "path" -%}
+    {%- assign page_paths = site.header_pages | default: default_paths -%}
+    {%- assign titles_size = site.pages | map: 'title' | join: '' | size -%}
+    <a class="site-title" rel="author" href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
+
+    {%- if titles_size > 0 -%}
+      <nav class="site-nav">
+        <input type="checkbox" id="nav-trigger" class="nav-trigger" />
+        <label for="nav-trigger">
+          <span class="menu-icon">
+            <svg viewBox="0 0 18 15" width="18px" height="15px">
+              <path d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.032C17.335,0,18,0.665,18,1.484L18,1.484z M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.032C17.335,6.031,18,6.696,18,7.516L18,7.516z M18,13.516C18,14.335,17.335,15,16.516,15H1.484 C0.665,15,0,14.335,0,13.516l0,0c0-0.82,0.665-1.483,1.484-1.483h15.032C17.335,12.031,18,12.695,18,13.516L18,13.516z"/>
+            </svg>
+          </span>
+        </label>
+
+        <div class="trigger">
+          {%- for path in page_paths -%}
+            {%- assign my_page = site.pages | where: "path", path | first -%}
+            {%- if my_page.title -%}
+            <a class="page-link" href="{{ my_page.url | relative_url }}">{{ my_page.title | escape }}</a>
+            {%- endif -%}
+          {%- endfor -%}
+        </div>
+      </nav>
+    {%- endif -%}
+  </div>
+</header>

data/_includes/profile.html

@@ -0,0 +1,21 @@
+<style>
+    .card-basic div {
+        text-align: center;
+        line-height: 36px;
+    }
+</style>
+<div class="profile-content">
+    <sl-card class="card-basic">
+        <div>
+            <sl-avatar image="/assets/images/avatar.png" shape="circle"></sl-avatar>
+        </div>
+        <div>{{site.author}}</div>
+        <div>
+            <sl-badge>程序员</sl-badge>
+            <sl-badge>前端开发</sl-badge>
+        </div>
+        <div class="social-links">
+            {%- include social.html -%}
+        </div>
+    </sl-card>
+</div>

data/_includes/social.html

@@ -0,0 +1,19 @@
+{%- assign social = site.spring-jekyll-theme.social_links -%}
+<ul class="social-media-list">
+  {%- if social.github -%}<li><a href="https://github.com/{{ social.github | cgi_escape | escape }}"
+      title="{{ social.github | escape }}"><svg class="svg-icon grey">
+        <use xlink:href="{{ '/assets/social-icons.svg#github' | relative_url }}"></use>
+      </svg></a></li>{%- endif -%}
+  {%- if social.bilibili -%}<li><a href="https://space.bilibili.com/{{ social.bilibili | cgi_escape | escape }}"
+      title="{{ '哔哩哔哩🍻' | escape }}"><svg class="svg-icon grey">
+        <use xlink:href="{{ '/assets/social-icons.svg#bilibili' | relative_url }}"></use>
+      </svg></a></li>{%- endif -%}
+  {%- if social.linkedin -%}<li><a href="https://www.linkedin.com/in/{{ social.linkedin | cgi_escape | escape }}"
+      title="{{ social.linkedin | escape }}"><svg class="svg-icon grey">
+        <use xlink:href="{{ '/assets/social-icons.svg#linkedin' | relative_url }}"></use>
+      </svg></a></li>{%- endif -%}
+  {%- if social.rss -%}<li><a href="{{ 'feed.xml' | relative_url }}" title="{{ social.rss | escape }}"><svg
+        class="svg-icon grey">
+        <use xlink:href="{{ '/assets/social-icons.svg#rss' | relative_url }}"></use>
+      </svg></a></li>{%- endif -%}
+</ul>

data/_layouts/default.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="{{ page.lang | default: site.lang | default: "en" }}">
+
+  {%- include head.html -%}
+
+  <body>
+
+    {%- include header.html -%}
+    {%- include profile.html -%}
+    <main class="page-content" aria-label="Content">
+      <div class="wrapper">
+        {{ content }}
+      </div>
+    </main>
+
+    {%- include footer.html -%}
+
+  </body>
+
+</html>

data/_layouts/home.html

@@ -0,0 +1,34 @@
+---
+layout: default
+---
+
+<div class="home">
+  {%- if page.title -%}
+    <h1 class="page-heading">{{ page.title }}</h1>
+  {%- endif -%}
+
+  {{ content }}
+
+  {%- if site.posts.size > 0 -%}
+    <h2 class="post-list-heading">{{ page.list_title | default: "主题" }}</h2>
+    <ul class="post-list">
+      {%- for post in site.posts -%}
+      <li>
+        {%- assign date_format = site.spring-jekyll-theme.date_format | default: "%b %-d, %Y" -%}
+        <span class="post-meta">{{ post.date | date: date_format }}</span>
+        <h3>
+          <a class="post-link" href="{{ post.url | relative_url }}">
+            {{ post.title | escape }}
+          </a>
+        </h3>
+        {%- if site.show_excerpts -%}
+          {{ post.excerpt }}
+        {%- endif -%}
+      </li>
+      {%- endfor -%}
+    </ul>
+
+    <p class="feed-subscribe"><svg class="svg-icon orange"><use xlink:href="{{ '/assets/social-icons.svg#rss' | relative_url }}"></use></svg><a href="{{ "/feed.xml" | relative_url }}">Subscribe</a></p>
+  {%- endif -%}
+
+</div>

data/_layouts/page.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<article class="post">
+
+  <header class="post-header">
+    <h1 class="post-title">{{ page.title | escape }}</h1>
+  </header>
+
+  <div class="post-content">
+    {{ content }}
+  </div>
+
+</article>

data/_layouts/post.html

@@ -0,0 +1,43 @@
+---
+layout: default
+---
+
+<article
+  class="post h-entry"
+  itemscope
+  itemtype="http://schema.org/BlogPosting"
+>
+  <header class="post-header">
+    <h1 class="post-title p-name" itemprop="name headline">
+      {{ page.title | escape }}
+    </h1>
+    <p class="post-meta">
+      <time
+        class="dt-published"
+        datetime="{{ page.date | date_to_xmlschema }}"
+        itemprop="datePublished"
+      >
+        {%- assign date_format = site.spring-jekyll-theme.date_format | default:
+        "%b %-d, %Y" -%}
+        {{ page.date | date: date_format }}
+      </time>
+      {%- if page.author -%} •
+      <span itemprop="author" itemscope itemtype="http://schema.org/Person"
+        ><span class="p-author h-card" itemprop="name">{{
+          page.author | escape
+        }}</span></span
+      >
+      {%- endif -%}
+    </p>
+  </header>
+
+  <div class="post-content e-content" itemprop="articleBody">
+    {{ content }}
+  </div>
+  {% assign changyan = site.changyan %}
+  {% if changyan.enable %}
+  {%- include disqus.html -%}
+  {% endif %}
+
+  <a class="u-url" href="{{ page.url | relative_url }}" hidden></a>
+</article>

data/_sass/spring/_base.scss

@@ -0,0 +1,272 @@
+/**
+ * Reset some basic elements
+ */
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+hr,
+dl,
+dd,
+ol,
+ul,
+figure {
+  margin: 0;
+  padding: 0;
+}
+
+/**
+ * Basic styling
+ */
+body {
+  font: $base-font-weight #{$base-font-size}/#{$base-line-height}
+    $base-font-family;
+  color: $text-color;
+  background-color: $background-color;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-feature-settings: 'kern' 1;
+  -moz-font-feature-settings: 'kern' 1;
+  -o-font-feature-settings: 'kern' 1;
+  font-feature-settings: 'kern' 1;
+  font-kerning: normal;
+  min-height: 100vh;
+  flex-direction: column;
+  background: #f4f4f4 url(/assets/images/background.jpg);
+}
+
+/**
+ * Set `margin-bottom` to maintain vertical rhythm
+ */
+// h1,
+// h2,
+// h3,
+// h4,
+// h5,
+// h6,
+// p,
+// blockquote,
+// pre,
+// ul,
+// ol,
+// dl,
+// figure,
+// %vertical-rhythm {
+//   margin-bottom: $spacing-unit / 2;
+// }
+
+.profile-content {
+  width: 15%;
+  min-width: 300px;
+  height: auto;
+  float: left;
+}
+/**
+ * `main` element
+ */
+main {
+  display: block; /* Default value of `display` of `main` element is 'inline' in IE 11. */
+  @media screen and (min-width: $on-large) {
+    margin-left: 310px;
+    @include media-query($on-palm) {
+      margin-left: 0px;  
+    }
+  }
+}
+
+/**
+ * Images
+ */
+img {
+  max-width: 100%;
+  vertical-align: middle;
+}
+
+/**
+ * Figures
+ */
+figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+/**
+ * Lists
+ */
+ul,
+ol {
+  margin-left: $spacing-unit;
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+/**
+ * Headings
+ */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: $base-font-weight;
+}
+
+/**
+ * Links
+ */
+a {
+  color: $brand-color;
+  text-decoration: none;
+
+  &:visited {
+    color: darken($brand-color, 15%);
+  }
+
+  &:hover {
+    color: $text-color;
+    text-decoration: underline;
+  }
+
+  .social-media-list &:hover {
+    text-decoration: none;
+
+    .username {
+      text-decoration: underline;
+    }
+  }
+}
+
+/**
+ * Blockquotes
+ */
+blockquote {
+  color: $grey-color;
+  border-left: 4px solid $grey-color-light;
+  padding-left: $spacing-unit / 2;
+  @include relative-font-size(1.125);
+  letter-spacing: -1px;
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+}
+
+/**
+ * Code formatting
+ */
+pre,
+code {
+  @include relative-font-size(0.9375);
+  border: 1px solid $grey-color-light;
+  border-radius: 3px;
+  background-color: #eef;
+}
+
+code {
+  padding: 1px 5px;
+}
+
+pre {
+  padding: 8px 12px;
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+/**
+ * Wrapper
+ */
+.wrapper {
+  max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
+  max-width: calc(#{$content-width} - (#{$spacing-unit}));
+  margin-right: auto;
+  margin-left: auto;
+  padding-right: $spacing-unit / 2;
+  padding-left: $spacing-unit / 2;
+  @extend %clearfix;
+
+  @media screen and (min-width: $on-large) {
+    max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
+    max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));
+    padding-right: $spacing-unit;
+    padding-left: $spacing-unit;
+  }
+}
+
+/**
+ * Clearfix
+ */
+%clearfix:after {
+  content: '';
+  display: table;
+  clear: both;
+}
+
+/**
+ * Icons
+ */
+
+.orange {
+  color: $orange-color;
+}
+
+.grey {
+  color: $grey-color;
+}
+
+.svg-icon {
+  width: 18px;
+  height: 18px;
+  display: inline-block;
+  fill: currentColor;
+  padding: 5px 3px 2px 5px;
+  vertical-align: text-bottom;
+}
+
+/**
+ * Tables
+ */
+table {
+  margin-bottom: $spacing-unit;
+  width: 100%;
+  text-align: $table-text-align;
+  color: lighten($text-color, 18%);
+  border-collapse: collapse;
+  border: 1px solid $grey-color-light;
+  tr {
+    &:nth-child(even) {
+      background-color: lighten($grey-color-light, 6%);
+    }
+  }
+  th,
+  td {
+    padding: ($spacing-unit / 3) ($spacing-unit / 2);
+  }
+  th {
+    background-color: lighten($grey-color-light, 3%);
+    border: 1px solid darken($grey-color-light, 4%);
+    border-bottom-color: darken($grey-color-light, 12%);
+  }
+  td {
+    border: 1px solid $grey-color-light;
+  }
+}