一个简洁优雅的hexo主题 A simple and elegant theme for hexo.
Branch: master
Clone or download
Pull request Compare This branch is 46 commits ahead of litten:master.
Latest commit 2520869 Feb 12, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
languages update to yilia 3.0 Sep 13, 2016
layout 合并CSS,分离效果不理想,以后再研究一下 Feb 12, 2019
source-src 合并CSS,分离效果不理想,以后再研究一下 Feb 12, 2019
source/assets 合并CSS,分离效果不理想,以后再研究一下 Feb 12, 2019
.babelrc undate to 4.0 Dec 4, 2016
.editorconfig update to yilia 3.0 Sep 13, 2016
.eslintignore undate to 4.0 Dec 4, 2016
.eslintrc.js
.gitattributes add .gitattributes Dec 19, 2016
.gitignore 一通魔改 Jan 4, 2019
README.md feat: 增加gitment评论 Sep 4, 2017
_config.yml 添加pangu.js Oct 29, 2018
package-lock.json 更新webpack Feb 9, 2019
package.json 更新webpack Feb 9, 2019
postcss.config.js 升级依赖,修改webpack配置 Oct 21, 2018
webpack.config.js 合并CSS,分离效果不理想,以后再研究一下 Feb 12, 2019

README.md

hexo-theme-yilia

Yilia 是为 hexo 2.4+制作的主题。 崇尚简约优雅,以及极致的性能。 你可以点击 我的博客 查看效果。

如果想体验手机浏览效果,可以扫一下二维码:

litten-qrcode

—————————————————————

关于主题:

  1. 崇尚简约
  2. 追求移动端体验
  3. 希望把加载速度做到极致(努力中)
  4. 让大家把注意力放到内容上。这是本主题设计初衷
  5. 主题不支持IE6,7,8。以后也不会

近期更新(2017.07.09):

2017.07.09

  1. 返回顶部
  2. TOC目录

2016.12.04

  1. 打赏
  2. 搜索
  3. “更好的”标签云
  4. “更好的”分享
  5. 一些动画

计划中:

  1. 移动端优化

一、外观

####常规

常规

####手机

手机

####ipad横竖屏切换

ipad横竖屏切换

二、开发者

为了性能和开发工程化考虑,Yilia需要使用webpack进行构建生成。

如果您对主题有一些定制化的需求,请参考wiki《Yilia源码目录结构及构建须知》

三、使用

安装

$ git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

配置

修改hexo根目录下的 _config.ymltheme: yilia

更新

cd themes/yilia
git pull

四、配置

主题配置文件在主目录下的_config.yml,请根据自己需要修改使用。 完整配置例子,可以参考我的博客备份

# Header

menu:
  主页: /
  随笔: /tags/随笔/

# SubNav
subnav:
  github: "#"
  weibo: "#"
  rss: "#"
  zhihu: "#"
  #qq: "#"
  #weixin: "#"
  #jianshu: "#"
  #douban: "#"
  #segmentfault: "#"
  #bilibili: "#"
  #acfun: "#"
  #mail: "mailto:litten225@qq.com"
  #facebook: "#"
  #google: "#"
  #twitter: "#"
  #linkedin: "#"

rss: /atom.xml

# 是否需要修改 root 路径
# 如果您的网站存放在子目录中,例如 http://yoursite.com/blog,
# 请将您的 url 设为 http://yoursite.com/blog 并把 root 设为 /blog/。
root: 

# Content

# 文章太长,截断按钮文字
excerpt_link: more
# 文章卡片右下角常驻链接,不需要请设置为false
show_all_link: '展开全文'
# 数学公式
mathjax: false
# 是否在新窗口打开链接
open_in_new: false

# 打赏
# 打赏type设定:0-关闭打赏; 1-文章对应的md文件里有reward:true属性,才有打赏; 2-所有文章均有打赏
reward_type: 2
# 打赏wording
reward_wording: '谢谢你请我吃糖果'
# 支付宝二维码图片地址,跟你设置头像的方式一样。比如:/assets/img/alipay.jpg
alipay: 
# 微信二维码图片地址
weixin: 

# 目录
# 目录设定:0-不显示目录; 1-文章对应的md文件里有toc:true属性,才有目录; 2-所有文章均显示目录
toc: 1
# 根据自己的习惯来设置,如果你的目录标题习惯有标号,置为true即可隐藏hexo重复的序号;否则置为false
toc_hide_index: true
# 目录为空时的提示
toc_empty_wording: '目录,不存在的…'

# 是否有快速回到顶部的按钮
top: true

# Miscellaneous
baidu_analytics: ''
google_analytics: ''
favicon: /favicon.png

#你的头像url
avatar:

#是否开启分享
share_jia: true

#评论:1、多说;2、网易云跟帖;3、畅言;4、Disqus;5、Gitment
#不需要使用某项,直接设置值为false,或注释掉
#具体请参考wiki:https://github.com/litten/hexo-theme-yilia/wiki/

#1、多说
duoshuo: false

#2、网易云跟帖
wangyiyun: false

#3、畅言
changyan_appid: false
changyan_conf: false

#4、Disqus 在hexo根目录的config里也有disqus_shortname字段,优先使用yilia的
disqus: false

#5、Gitment
gitment_owner: false      #你的 GitHub ID
gitment_repo: ''          #存储评论的 repo
gitment_oauth:
  client_id: ''           #client ID
  client_secret: ''       #client secret

# 样式定制 - 一般不需要修改,除非有很强的定制欲望…
style:
  # 头像上面的背景颜色
  header: '#4d4d4d'
  # 右滑板块背景
  slider: 'linear-gradient(200deg,#a0cfe4,#e8c37e)'

# slider的设置
slider:
  # 是否默认展开tags板块
  showTags: false

# 智能菜单
# 如不需要,将该对应项置为false
# 比如
#smart_menu:
#  friends: false
smart_menu:
  innerArchive: '所有文章'
  friends: '友链'
  aboutme: '关于我'

friends:
  友情链接1: http://localhost:4000/
  友情链接2: http://localhost:4000/
  友情链接3: http://localhost:4000/
  友情链接4: http://localhost:4000/
  友情链接5: http://localhost:4000/
  友情链接6: http://localhost:4000/

aboutme: 很惭愧<br><br>只做了一点微小的工作<br>谢谢大家