推薦一款好看的hexo主題Ayer

介紹

Ayer 是一個乾淨且優雅的Hexo主題，自帶響應式，加載速度很快，該有的功能都有，可配置項也不少，很是適合做爲你的博客主題，主題內還附送了6張精美的高清壁紙。歡迎使用和Star支持，若是你在使用過程當中有任何疑問或者建議，歡迎聯繫我！

項目地址

效果預覽

中文說明

特性

• 乾淨且優雅，文章內容美觀易讀
• 首頁封面全屏平鋪，扁平化設計，更加高大上
• 響應式設計，博客在桌面端、平板、手機等設備上均能很好的展示
• 首頁封面和文案能夠任意更換，主題內附送6張精美高清壁紙
• 時間軸式的歸檔頁
• 側邊欄能夠點擊顯示和隱藏
• 關於個人頁面用文章，自定義性更強
• 支持文章置頂和文章打賞
• 支持 MathJax
• TOC 目錄在文章頁懸浮，跳轉更方便
• 可設置閱讀文章時作密碼驗證
• Valine和Gitalk評論模塊（推薦配合leancloud使用 Valine）
• 集成了不蒜子統計和CNZZ（友盟統計）等統計功能

若是想體驗手機瀏覽效果，能夠掃一下二維碼：

安裝

$ git clone https://github.com/Shen-Yu/hexo-theme-ayer.git themes/ayer

修改

將博客根目錄下的 _config.yml 裏的 theme 值修改爲 ayer

theme: ayer

更新

cd themes/ayer
git pull

主題配置

ayer目錄下的 _config.yml

# 側邊欄菜單
menu:
  主頁: /
  目錄: /archives
  攝影: http://shenyu-vip.lofter.com
  旅行: /tags/旅行/
  關於我: /2019/about

# 網站圖標和側邊欄logo
favicon: /favicon.ico
logo: /images/ayer-side.svg

# 封面配置
# enable-是否啓用封面；path-封面背景圖；logo-封面logo
cover:
  enable: true
  path: /images/cover1.jpg  # images目錄下附送多張美圖，可更換
  logo: /images/ayer.svg  # 若是不要直接設置成false

# 頁面頂部進度條  
progressBar: ture

# 文章配置
# 文章太長，截斷按鈕文字(在須要截斷的行增長此標記：<!--more-->)
excerpt_link: 閱讀更多...
# 文章分享文字
share_text: 分享
# 分頁文字
nav_text:
  page_prev: 上一頁
  page_next: 下一頁
  post_prev: 上一篇
  post_next: 下一篇

# 文章頁是否顯示目錄
toc: true

# 打賞
# 打賞type設定：0-關閉打賞； 1-文章對應的md文件裏有reward:true屬性，纔有打賞； 2-全部文章均有打賞
reward_type: 2
# 打賞wording
reward_wording: '請我喝杯咖啡吧~'
# 支付寶二維碼圖片地址，跟你設置logo的方式同樣。好比：/images/alipay.jpg
alipay: /images/alipay.jpg
# 微信二維碼圖片地址
weixin: /images/wechat.jpg

# 是否啓用搜索
search: true

# RSS訂閱(先安裝hexo-generator-feed插件，再去博客根目錄config進行配置)
rss: /atom.xml

# 評論：一、Valine(推薦)；二、Gitalk

# 一、Valine[一款快速、簡潔且高效的無後端評論系統](https://github.com/xCss/Valine)
# 啓用Valine必須先建立leancloud應用， 獲取 id|key 填入便可
leancloud:  
  enable: true
  app_id: #
  app_key: #
# Valine配置
valine:
  enable: true # 是否啓用
  avatar: mp # 頭像樣式(https://valine.js.org/avatar.html)
  placeholder: 給個人文章加點評論吧~ # placeholder

# 二、Gitalk(https://github.com/gitalk/gitalk)
gitalk:
  enable: false # true
  clientID: # GitHub Application Client ID
  clientSecret: # Client Secret
  repo: # Repository name
  owner: # GitHub ID
  admin: # GitHub ID

# fancybox(僅用於相冊展現，若須要可配置albums)
fancybox: true

# 訪問量統計(不蒜子)
busuanzi:
  enable: true

# 友盟cnzz統計(url填js代碼src連接)
cnzz:
  enable: true
  url: #

# 數學公式
mathjax: true

# 網站成立年份(默認爲 2019，若填入年份小於當前年份，則顯示爲 2018-2019 相似的格式)
since: 2019

#是否顯示頁腳信息(建議保留，有助於本主題的推廣)
pageFooter: true

插件

• hexo-generator-search 搜索

  $ npm install hexo-generator-searchdb --save

  而後將如下配置複製到你博客根目錄下的 _config.yml 裏（注意不是ayer目錄下的）:

  # Hexo-generator-search
  search:
    path: search.xml
    field: post
    format: html

• hexo-generate-feed RSS

  $ npm install hexo-generator-feed --save

  而後將如下配置複製到你博客根目錄下的 _config.yml 裏（注意不是ayer目錄下的）:

  feed:
      type: atom
      path: atom.xml
      limit: 20
      hub:
      content:
      content_limit: 140
      content_limit_delim: ' '
      order_by: -date

• hexo-generator-index-pin-top

  $ npm uninstall hexo-generator-index --save
  $ npm install hexo-generator-index-pin-top --save

相冊

須要在文章頂部配置

---
title: Gallery

albums: [
        ["img_url","img_caption"],
        ["img_url","img_caption"]
        ]
---

文章目錄

用Tocbot解析文章標題並生成目錄

• 將如下配置複製到你ayer目錄下的 _config.yml 裏：

  # Toc
  toc: true

• 固然你也能夠選擇關閉：

  toc: false