Create LICENSE

.github/FUNDING.yml

@@ -0,0 +1,12 @@
+# These are supported funding model platforms
+
+github: # Replace with up to 4 GitHub Sponsors-enabled usernames e.g., [user1, user2]
+patreon: # Replace with a single Patreon username
+open_collective: # Replace with a single Open Collective username
+ko_fi: # Replace with a single Ko-fi username
+tidelift: # Replace with a single Tidelift platform-name/package-name e.g., npm/babel
+community_bridge: # Replace with a single Community Bridge project-name e.g., cloud-foundry
+liberapay: # Replace with a single Liberapay username
+issuehunt: # Replace with a single IssueHunt username
+otechie: # Replace with a single Otechie username
+custom: https://pic.downk.cc/item/5e1c70bc2fb38b8c3c5b0a2f.png

.gitignore

@@ -0,0 +1,10 @@
+.DS_Store
+.idea/
+*.log
+*.iml
+yarn.lock
+package-lock.json
+node_modules/
+
+# Setting
+_config.yml

.stylintrc

@@ -0,0 +1,45 @@
+{
+  "blocks": false,
+  "brackets": "never",
+  "colons": false,
+  "colors": "never",
+  "commaSpace": false,
+  "commentSpace": "never",
+  "cssLiteral": "never",
+  "customProperties": [],
+  "depthLimit": false,
+  "duplicates": false,
+  "efficient": false,
+  "exclude": [],
+  "extendPref": false,
+  "globalDupe": false,
+  "groupOutputByFile": false,
+  "indentPref": false,
+  "leadingZero": "never",
+  "maxErrors": false,
+  "maxWarnings": false,
+  "mixed": false,
+  "mixins": [],
+  "namingConvention": "lowercase-dash",
+  "namingConventionStrict": false,
+  "none": "never",
+  "noImportant": false,
+  "parenSpace": false,
+  "placeholders": "always",
+  "prefixVarsWithDollar": "always",
+  "quotePref": false,
+  "reporterOptions": {
+    "columns": ["lineData", "severity", "description", "rule"],
+    "columnSplitter": "  ",
+    "showHeaders": false,
+    "truncate": false
+  },
+  "semicolons": "never",
+  "sortOrder": "never",
+  "stackedProperties": false,
+  "trailingWhitespace": "never",
+  "universal": false,
+  "valid": false,
+  "zeroUnits": "never",
+  "zIndexNormalize": false
+}

.travis.yml

@@ -0,0 +1,8 @@
+language: node_js
+
+node_js: node
+
+cache:
+  npm: true
+
+install: npm install

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.

README.md

@@ -1,13 +1,40 @@
-<h1 align="center">Ayer</h1>
+<p align="center"><a href="https://shen-yu.gitee.io" target="_blank" rel="noopener noreferrer"><img width="100" src="logo.png" alt="ayer logo"></a></p>
+
+<h3 align="center">一个安静且优雅的 Hexo 主题</h3>
+
+<p align="center">
+  <a href="https://travis-ci.org/Shen-Yu/hexo-theme-ayer?branch=master" target="_blank" rel="noopener noreferrer">
+    <img alt="travis-ci" src="https://travis-ci.org/Shen-Yu/hexo-theme-ayer.svg?branch=master">
+  </a>
+  <a href="http://standardjs.com" target="_blank" rel="noopener noreferrer">
+    <img alt="js-standard-style" src="https://img.shields.io/badge/code%20style-standard-brightgreen.svg">
+  </a>
+  <a href="https://gitter.im/hexo-theme-ayer/community?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge" target="_blank" rel="noopener noreferrer">
+    <img alt="Gitter" src="https://badges.gitter.im/Join%20Chat.svg">
+  </a>
+  <br>
+  <a href="https://github.com/Shen-Yu/hexo-theme-ayer/releases" target="_blank" rel="noopener noreferrer">
+    <img alt="GitHub release" src="https://img.shields.io/badge/release-v1.3-blue.svg">
+  </a>
+ <img alt="language" src="https://img.shields.io/badge/language-ejs--stylus-orange.svg">
+  <a href="https://hexo.io/zh-cn/" target="_blank" rel="noopener noreferrer">
+    <img alt="hexo" src="https://img.shields.io/badge/hexo-%3E%3D3.0-blue.svg">
+  </a>
+ <img alt="platform" src="https://img.shields.io/badge/platform-PC--ios--android-cc2e8b.svg">
+</p>
+
+---
 
 :ocean: Ayer is a clean and elegant theme for Hexo, also fast, powerful and responsive. It contains many awesome features, It's perfect for your blog, "Ayer" means "water" in Malaysian and "yesterday" in Spanish. If you have any queries or advice during the process of using, Please contact me!  
 
-注：收藏本主题请点右上角Star，谢谢~
+<b>注：收藏本主题请点右上角Star，谢谢~</b>
 
-### [Preview](https://shen-yu.gitee.io)
+### [Preview 预览](https://shen-yu.gitee.io)
 
 ### [中文说明](https://shen-yu.gitee.io/2019/ayer/)
 
+### [国内镜像](https://gitee.com/shen-yu/hexo-theme-ayer)
+
 ![Screenshot](screenshots/hexo-theme-ayer.png)
 
 ### Install
@@ -33,10 +60,10 @@ git pull
 
 ### Configuration
 
-let me know if you can’t find something.
+let me know if you can’t find anything.
 
 ``` yml
-# Menu-侧边栏菜单
+# Menu-Sidebar
 menu:
   Home: /
   Archives: /archives
@@ -44,66 +71,72 @@ menu:
   Travel: /tags/旅行/
   About: /2019/about
 
-# 网站图标和侧边栏logo
+# Favicon and sidebar logo
 favicon: /favicon.ico
 logo: /images/ayer-side.svg
 
-# 封面配置
-# enable-是否启用封面；path-封面背景图；logo-封面logo
+# Cover Setting 
+# enable: [true|false]；path: [background-image]；logo: [cover-logo-image]
 cover:
   enable: true
-  path: /images/cover1.jpg  # images目录下附送多张美图，可更换
+  path: /images/cover1.jpg  # there are some beautiful cover images in Ayer's directory: /source/images, choose your favorite image to replace it.
   logo: /images/ayer.svg
 
-# 页面顶部进度条  
+# ProgressBar  
 progressBar: ture
 
-# 文章配置
-# 文章太长，截断按钮文字(在需要截断的行增加此标记：<!--more-->)
+# Article Setting
+# (Use this to excerpt if article is too long：<!--more-->)
 excerpt_link: Read More...
-# 文章分享文字
+# share text
 share_text: Share
-# 搜索文字
+# search text
 search_text: Search
-# 分页文字
+# nav text
 nav_text:
   page_prev: Prev page
   page_next: Next page
   post_prev: Newer posts
   post_next: Older posts
 
-# 文章页是否显示目录
+# Catalog in article
 toc: true
 
-# 打赏
-# 打赏type设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
+# https://github.com/willin/hexo-wordcount
+word_count:
+  enable: true
+  # only display in article page(not in index page)
+  only_article_visit: true
+
+# Reward Setting
+# type：0-close reward； 1-only open in article which you have configured reward:true； 2-open in all articles
 reward_type: 2
-# 打赏wording
-reward_wording: '请我喝杯咖啡吧~'
-# 支付宝二维码图片地址，跟你设置logo的方式一样。比如：/images/alipay.jpg
+# reward word
+reward_wording: 'Buy me a cup of coffee~'
+# qrcode image path
 alipay: /images/alipay.jpg
-# 微信二维码图片地址
+# qrcode image path
 weixin: /images/wechat.jpg
 
-# 是否启用搜索
+# Search
 search: true
 
-# RSS订阅(先安装hexo-generator-feed插件，再去博客根目录config进行配置)
+# RSS
 rss: /atom.xml
 
-# 评论：1、Valine(推荐)；2、Gitalk
+# Comment：1、Valine (recommended)；2、Gitalk
 
-# 1、Valine[一款快速、简洁且高效的无后端评论系统](https://github.com/xCss/Valine)
-# 启用Valine必须先创建leancloud应用， 获取 id|key 填入即可
+# 1、Valine [A fast, simple & powerful comment system](https://github.com/xCss/Valine)
+# You need create leancloud account first (https://console.leancloud.app), then put the id|key in below.
 leancloud:  
   enable: true
   app_id: #
   app_key: #
-# Valine配置
+# Valine Setting
 valine:
-  enable: true # 是否启用
-  avatar: mp # 头像样式(https://valine.js.org/avatar.html)
-  placeholder: 给我的文章加点评论吧~ # placeholder
+  enable: true 
+  avatar: mp # (https://valine.js.org/avatar.html)
+  placeholder: Add some comments to my article~ # placeholder
 
 # 2、Gitalk(https://github.com/gitalk/gitalk)
 gitalk:
@@ -116,44 +149,44 @@ gitalk:
 
 # GitHub Ribbons(https://github.blog/2008-12-19-github-ribbons/)
 github: 
-  # (关闭请设置为false)
+  # (Set false if you don't need)
   url: https://github.com/Shen-Yu/hexo-theme-ayer
 
-# fancybox(仅用于相册展示，若需要可配置albums)
+# fancybox(Use for gallery, set false if you don't need)
 fancybox: true
 
-# 访问量统计(不蒜子)
+# pv&uv statistics
 busuanzi:
   enable: true
 
-# 友盟cnzz统计(url填js代码src链接)
+# cnzz statistics
 cnzz:
   enable: true
   url: #
 
 # Google Analytics
 google_analytics: ''
-# 百度统计
+# Baidu Analytics
 baidu_analytics: ''
 
-# 数学公式
+# mathjax
 mathjax: true
 
-# 网站成立年份(默认为 2019，若填入年份小于当前年份，则显示为 2018-2019 类似的格式)
+# since year
 since: 2019
 
-#是否显示页脚信息(建议保留，有助于本主题的推广)
+# pageFooter (Set true can let more people know this theme, Thanks!)
 pageFooter: true
 ```
 
 ### Plugins
 
-+ [hexo-generator-search](https://github.com/wzpan/hexo-generator-search) Local search
++ [hexo-generator-search](https://github.com/wzpan/hexo-generator-search) (for Local Search)
 	
   ```yml
   $ npm install hexo-generator-searchdb --save
   ```
-  Then add the plugin configuration for hexo's configuration file `_config.yml` (note: not the theme's configuration file):
+  Then add the plugin configuration in hexo's configuration file `_config.yml` (note: not the theme's configuration file):
   
   ```yml
   # Hexo-generator-search
@@ -163,13 +196,13 @@ pageFooter: true
     format: html
   ```
 
-+ [hexo-generate-feed](https://github.com/hexojs/hexo-generator-feed) RSS
++ [hexo-generate-feed](https://github.com/hexojs/hexo-generator-feed) (for RSS)
 
   ```yml
   $ npm install hexo-generator-feed --save
   ```
   
-  Then add the plugin configuration for hexo's configuration file `_config.yml` (note: not the theme's configuration file):
+  Then add the plugin configuration in hexo's configuration file `_config.yml` (note: not the theme's configuration file):
   
   ```yml
   feed:
@@ -183,12 +216,27 @@ pageFooter: true
       order_by: -date	
   ```
   
-+ [hexo-generator-index-pin-top](https://github.com/netcan/hexo-generator-index-pin-top)
++ [hexo-generator-index-pin-top](https://github.com/netcan/hexo-generator-index-pin-top) (for Sticky Post)
 	
 	``` bash
   $ npm uninstall hexo-generator-index --save
   $ npm install hexo-generator-index-pin-top --save
   ```
+### Categories
+``` bash
+  hexo new page categories
+```
+Then paste following codes to file: _posts/categories/index.md
+``` md
+---
+title: categories
+type: categories
+layout: "categories"
+---
+```
+
+### Tags
+Same as categories.
 
 ### Post poster
 

_config.yml

@@ -36,6 +36,14 @@ nav_text:
 # 文章页是否显示目录
 toc: true
 
+# https://github.com/willin/hexo-wordcount
+# 是否开启字数统计(关闭请设置enable为false)
+# 也可以单独在md文件里Front-matter设置`no_word_count: true`属性，来自定义关闭字数统计
+word_count:
+  enable: true
+  # 只在文章详情显示(不在首页显示)
+  only_article_visit: true
+
 # 打赏
 # 打赏type设定：0-关闭打赏； 1-文章对应的md文件里有reward:true属性，才有打赏； 2-所有文章均有打赏
 reward_type: 2

layout/_partial/after-footer.ejs

@@ -19,6 +19,10 @@
       positionFixedSelector: '.tocbot',
       positionFixedClass: 'is-position-fixed',
       fixedSidebarOffset: 'auto',
+			onClick: (e) => {
+      	document.getElementById(e.target.innerText).scrollIntoView()
+      	return false;
+    	}
     });
   </script>
 <% } %>
@@ -40,4 +44,4 @@
 
 <script type="text/javascript" src="https://js.users.51.la/20544303.js"></script>
   
-  
+  

layout/_partial/archive.ejs

@@ -9,8 +9,9 @@
       else title = __('archive_a');
     }
     %>
+    <% if (pagination !== 2){ %>
     <h1 class="page-type-title"><%- title %></h1>
-
+    <% } %>
     <% if (pagination == 2){ %>
     <% page.posts.each(function(post){ %>
     <%- partial('article', {post: post, index: true}) %>

layout/_partial/article.ejs

@@ -12,6 +12,9 @@
     <div class="article-meta">
       <%- partial('post/date', {class_name: 'article-date', date_format: null}) %>
       <%- partial('post/category') %>
+      <% if(theme.word_count && theme.word_count.enable && !post.no_word_count){%>
+      <%- partial('post/word') %>
+      <% } %>
     </div>
     <% } %>
 
@@ -31,11 +34,11 @@
       <%- post.content %>
       <% } %>
       <!-- 打赏 -->
-      <% if ((theme.reward_type === 2 || (theme.reward_type === 1 && post.reward)) && !index){ %>
-        <div id="reward-btn">
-          打赏
-        </div>
-        <% } %>
+      <% if ((theme.reward_type === 2 || (theme.reward_type === 1 && post.reward)) && !index && !post.no_reward){ %>
+      <div id="reward-btn">
+        打赏
+      </div>
+      <% } %>
     </div>
     <footer class="article-footer">
       <a data-url="<%- post.permalink %>" data-id="<%= post._id %>"
@@ -49,7 +52,7 @@
   <%- partial('post/nav') %>
   <% } %>
 
-  <% if (theme.valine && theme.valine.enable){ %>
+  <% if (theme.valine && theme.valine.enable && !post.no_valine){ %>
   <%- partial('post/valine', {
             key: post.slug,
             title: post.title,

layout/_partial/ayer.ejs

@@ -25,7 +25,7 @@
     </div>
   </div>
   <div class="cover-learn-more">
-    <a href="#main" class="anchor"><i class="ri-arrow-down-line"></i></a>
+    <a href="javascript:void(0)" class="anchor"><i class="ri-arrow-down-line"></i></a>
   </div>
 </section>
 <% } %>

layout/_partial/footer.ejs

@@ -8,9 +8,10 @@
       </li>
       <li>
         <% if (theme.pageFooter){ %>
+          Powered by
         <% var hexoLink = '<a href="https://hexo.io" target="_blank">Hexo</a>'; %>
         <% var themeLink = '<a href="https://github.com/Shen-Yu/hexo-theme-ayer" target="_blank">Ayer</a>'; %>
-        <%- hexoLink %> Theme <%- themeLink %> by shenyu
+        <%- hexoLink %> Theme <%- themeLink %>
         <% } %>
       </li>
     </ul>

layout/_partial/head.ejs

@@ -23,8 +23,8 @@
   <% if (theme.favicon){ %>
   <link rel="shortcut icon" href="<%- theme.favicon %>" />
   <% } %>
-  <%- css('css/style') %> <% if (theme.fancybox){ %> <%-
-    css('fancybox/jquery.fancybox.min') %> <% } %> <%- js('/js/pace.min.js') %>
+  <%- css('css/style') %>
+  <%- js('/js/pace.min.js') %>
 
   <%- partial('google-analytics') %>
   <%- partial('baidu-analytics') %>

layout/_partial/post/word.ejs

@@ -0,0 +1,20 @@
+<% if (!theme.word_count.only_article_visit || (!index && theme.word_count.only_article_visit)){ %>
+<div class="word_count">
+    <span class="post-time">
+        <span class="post-meta-item-icon">
+            <i class="ri-quill-pen-line"></i>
+            <span class="post-meta-item-text"> 字数统计:</span>
+            <span class="post-count"><%= wordcount(post.content) %>字</span>
+        </span>
+    </span>
+
+    <span class="post-time">
+        &nbsp; | &nbsp;
+        <span class="post-meta-item-icon">
+            <i class="ri-book-open-line"></i>
+            <span class="post-meta-item-text"> 阅读时长≈</span>
+            <span class="post-count"><%= min2read(post.content) %>分钟</span>
+        </span>
+    </span>
+</div>
+<% } %>

package.json

@@ -3,10 +3,12 @@
   "version": "1.0.0",
   "description": "ayer 是一个轻量优雅的 Hexo 主题",
   "main": "index.js",
-  "dependencies": {},
+  "dependencies": {
+    "stylint": "^2.0.0"
+  },
   "devDependencies": {},
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "stylint source/css/style.styl -c .stylintrc"
   },
   "keywords": [
     "ayer",

scripts/default_config.js

@@ -0,0 +1,8 @@
+'use strict';
+
+module.exports = {
+  
+  // 生成meta `generator`
+  meta_generator: true
+
+};

scripts/filters/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const metaGeneratorPath = './meta_generator';
+
+module.exports = hexo => {
+  /* const {
+    filter
+  } = hexo.extend; */
+  // filter.register('after_render:html', require('./meta_generator'));
+};
+
+// 保持过滤器最先执行
+hexo.extend.filter.register('after_render:html', require(metaGeneratorPath), 1);

scripts/filters/meta_generator.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const defaultConfig = require('../default_config');
+
+function hexoMetaGeneratorInject(data) {
+  const config = defaultConfig;
+  if (!config.meta_generator || !data ||
+    data.match(/<meta\s+name=['|"]?generator['|"]?/i)) {
+    return;
+  }
+
+  const hexoGeneratorTag = `\n  <meta name="generator" content="hexo-theme-yilia-plus">`;
+
+  return data.replace('</title>', '</title>' + hexoGeneratorTag);
+}
+
+module.exports = hexoMetaGeneratorInject;

scripts/helpers/ayer-plus-vendors.js

@@ -0,0 +1,9 @@
+/* global hexo */
+
+'use strict';
+
+/** 自定义链接生成 */
+hexo.extend.helper.register('ayer_plus_vendors', function (url) {
+  if (url.startsWith('//')) return url;
+  return this.url_for(`${url}`);
+});

scripts/helpers/wordcount.js

@@ -0,0 +1,39 @@
+var util = require('hexo-util');
+var stripHTML = util.stripHTML;
+
+var counter = function (content) {
+  content = stripHTML(content);
+  const cn = (content.match(/[\u4E00-\u9FA5]/g) || []).length;
+  const en = (content.replace(/[\u4E00-\u9FA5]/g, '').match(/[a-zA-Z0-9_\u0392-\u03c9\u0400-\u04FF]+|[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\ud7af\u0400-\u04FF]+|[\u00E4\u00C4\u00E5\u00C5\u00F6\u00D6]+|\w+/g) || []).length;
+  return [cn, en];
+};
+
+hexo.extend.helper.register('min2read', function (content, {
+  cn = 300,
+  en = 160
+} = {}) {
+  var len = counter(content);
+  var readingTime = len[0] / cn + len[1] / en;
+  return readingTime < 1 ? '1' : parseInt(readingTime, 10);
+});
+
+hexo.extend.helper.register('wordcount', function (content) {
+  var len = counter(content);
+  var count = len[0] + len[1];
+  if (count < 1000) {
+    return count;
+  }
+  return Math.round(count / 100) / 10 + 'k';
+});
+
+hexo.extend.helper.register('totalcount', function (site) {
+  var count = 0;
+  site.posts.forEach(function (post) {
+    var len = counter(post.content);
+    count += len[0] + len[1];
+  });
+  if (count < 1000) {
+    return count;
+  }
+  return Math.round(count / 100) / 10 + 'k';
+});

scripts/lib/core.js

@@ -0,0 +1,25 @@
+/* global hexo */
+
+'use strict';
+
+// Hexo事件:https://hexo.io/zh-cn/api/events
+
+/** 在静态文件生成前发布 */
+hexo.on('generateBefore', () => {
+  // Merge config.
+  //require('./../filters/index')(hexo);
+});
+
+/** 在文章文件建立后发布。该事件返回文章参数。 */
+hexo.on('new', function (post) {
+  //console.log(post)
+});
+
+/** 在文章开始渲染前执行 */
+hexo.extend.filter.register('before_post_render', function (data) {
+  //var config = hexo.config;
+  //console.log(3);
+  //console.log(config);
+  //console.log(hexo.theme.config);
+
+});

source/css/_extend.styl

@@ -34,8 +34,7 @@ $base-style
   acronym, abbr
     border-bottom border-width border-color dotted
   ul, ol, dl
-    margin 1.5rem 0
-    line-height line-height
+    margin 1.5rem 0 1.5rem 2rem
 
   p, table, blockquote
     margin 1.5rem 0

source/css/_partial/archive.styl

@@ -46,7 +46,7 @@
     padding-left 3rem
     .archive-article-title
       text-decoration: none
-      font-size 1.5rem
+      font-size 1.8rem
 
 .archive-article-footer
   margin-top: 1.5rem

source/css/_partial/article.styl

@@ -32,7 +32,7 @@
   @extend $block-caption
   &::before
     content '\eaf2'
-    margin-right .5rem
+    margin-right .15rem
     font-family remixicon
     opacity .5
 
@@ -42,7 +42,7 @@
   &:before
     content "\efde"
     font-family remixicon
-    margin-right .5rem
+    margin-right .15rem
     opacity 0.6
   .article-category-link
     @extend $block-caption
@@ -53,7 +53,7 @@
 
 .article-entry
   font-size 110%
-  margin-top 1rem
+  margin-top .5rem
   clearfix()
   @extend $base-style
   color body-color

source/css/_partial/ayer.styl

@@ -71,6 +71,12 @@
   z-index 9998
   display none
 
+.word_count
+  margin-top 5px
+  color darken(gray,30%)
+  padding-bottom 1rem
+  border-bottom 1px solid darken(froth-light,2%)
+
 // Media Query
 @media (max-width: 768px)
   .cover-inner

source/css/_partial/categories.styl

@@ -4,10 +4,37 @@
   list-unstyled()
   margin-right -.5rem
   margin-left -.5rem
-  > .category-list-item
-    display inline-block
-    padding .5rem 1rem
+  .category-list-item
+    margin: 10px 10px;
+    padding: 0 14px;
+    display: inline-block;
+    text-align: center;
+    height: 38px;
+    min-width: 80px;
+    line-height: 38px;
+    font-size: 1.5rem;
+    font-weight: 500;
+    border-radius: 5px;
+    word-wrap: break-word;
+    cursor: pointer;
+    box-shadow: 0px 3px 5px rgba(0,0,0,0.08);
+    border: 1px solid #e7e7eb
     &:before
       content "\efde"
       font-family remixicon
-      margin-right .5rem
+      margin-right .5rem
+      display inline-block
+      vertical-align middle
+    &:hover
+      border: 1px solid darken(water,20%)
+      box-shadow:  0 3px 5px water
+      a
+        color: darken(water,30%);
+      &:before
+        color: darken(water,30%);
+  a 
+    display inline-block
+    vertical-align middle
+    text-decoration: none 
+    color: body-color
+    

source/css/_partial/highlight.styl

@@ -1,7 +1,9 @@
-highlight-background = #f6f8fa
+highlight-background = #2d2d2d
+highlight-code = #f2f2f2
+highlight-code-color = #c7254e
 highlight-current-line = #efefef
-highlight-selection = #d6d6d6
-highlight-foreground = #4d4d4c
+highlight-selection = #000
+highlight-foreground = #dedede
 highlight-comment = #8e908c
 highlight-red = #f2777a
 highlight-orange = #f99157
@@ -23,12 +25,15 @@ $line-numbers
   color highlight-comment
 
 .article-entry
+  ol>li>ul
+    padding-inline-start: 2rem;
   pre, code
     font-family inherit
     text-shadow none
   code
-    background highlight-background
-    padding .25rem
+    color highlight-code-color
+    background highlight-code
+    padding .25rem .6rem
     border-radius(.4rem)
   pre
     @extend $code-block
@@ -146,3 +151,4 @@ pre
   .keyword
   .javascript .function
     color highlight-purple
+  

source/css/_partial/tag.styl

@@ -7,7 +7,26 @@
   > .tag-list-item
     display inline-block
     padding .5rem 1rem
+    font-size 120%
     &:before
       content "\eec3"
       font-family remixicon
-      margin-right .5rem
+      margin-right .5rem
+      display inline-block
+      vertical-align middle
+      color: tag-color
+    .tag-list-link
+      display inline-block
+      vertical-align middle
+      text-decoration: none
+      height 30px
+      line-height 30px
+      padding: 0 15px
+      font-size: 1.5rem
+      border-radius: 15px
+      background-color tag-color
+      color white
+      box-shadow: 0 3px 5px rgba(0,0,0,0.12)
+      transition: .2s
+      &:hover
+        transform: scale(1.1)

source/js/ayer.js

@@ -137,11 +137,11 @@
     margins: 5
   });
 
-  //
+  // scroll down
   $(document).ready(function ($) {
-    $('.anchor').click(function (event) {
-      event.preventDefault();
-      $('main').animate({ scrollTop: $(this.hash).offset().top }, 'smooth');
+    $('.anchor').click(function (e) {
+      e.preventDefault();
+      $('main').animate({ scrollTop: $('.cover').height() }, 'smooth');
     });
   });