Hexo 主题:hexo-easy-theme

2019-09-12 admin

一个清爽的 hexo theme,高度配置化,简单高效,项目地址在这里,个人博客也在用自己的这个主题,嘻嘻,欢迎 star~

个人之前的 blog,在去年还是前年的时候,从 wordpress 迁移到hexo。(PS:wordpress 简直是太慢太慢了,静态页的博客个人觉得就足够)期间,折腾过不少主题,用过nextindigo等,但是总觉得样式不够美观,就参考了部分主题,自己搞一个,后来自用了一段时间,想分享出来,欢迎吐槽。

Feature

截止到目前为止,主题内集成了下列这些功能,都是即插即用,可以根据自己的需求来。

  • 评论系统

  • 统计 & 分析

  • 文章封面图

  • 代码块高亮

  • 个性化页脚定义

  • 定制化menu

  • 全站 pv 统计

  • 首页的文章metadata定制

安装

$ cd hexo (hexo main directory)
$ git clone https://github.com/8090lambert/hexo-easy-theme.git themes/easy

配置文件

$ vi themes/easy/_config.yml

菜单

集成了 font-awesome,在菜单可以选择 文本Icon:

# Header Menu
menu:
  Home: /
  Archives: /archives
  Email: mailto:<juzs215@gmail.com>
  # change github values to your own addresses
  Github:
    url: https://github.com/8090Lambert
    icon: github

首页封面图

# URL of the Home page image, For example:
# index_cover: /img/default-banner.jpg
# index_cover: http://8090lambert.cn/img/default-banner.jpg
index_cover: /img/default-banner.jpg

文章摘要

默认 200 字

# Use post content to trim portion text.
auto_excerpt:
  enable: true 
  length: 200   # trim length, default 200

文章 MetaData

依赖hexo-wordcount,需要提前安装: $ cd hexo_dict && npm install hexo-wordcount --save

# Post meta display settings
post_meta:
  item_text: true
  created_at: true
  updated_at: true
  categories: true

# Post wordcount display settings
# Dependencies: https://github.com/willin/hexo-wordcount
post_wordcount:
  item_text: true
  wordcount: true
  min2read: false
  totalcount: false
  separated_meta: true

评论系统

选择一个要使用的平台,申请对应的 appid & appkey (不允许同时开启多个)

# Many Comment Drivers, you can choose one to open it.
# Write your configure of which platform.

# disqus
disqus_shortname: false

# uyan
uyan_uid: false

# Gitment,https://github.com/imsun/gitment
gitment:
  enable: false
  owner: 
  repo: 
  client_id: 
  client_secret: 

# Gitalk,
gitalk:
  enable: false
  owner: 
  repo: 
  admin: 
  client_id: 
  client_secret: 

# Valine Comment system. https://valine.js.org
valine:
  enable: false
  appId:  # your leancloud appId
  appKey:  # your leancloud appKey
  notify: false # Mail notify
  verify: false # Verify code
  avatar: mm # Gravatar style : mm/identicon/monsterid/wavatar/retro/hide
  placeholder: Just go go # Comment Box placeholder
  guest_info: nick,mail,link # Comment header info
  pageSize: 10 # comment list page size

# Hyper Comments support. Write your id here, or false to disable. http://hypercomments.com
hyper_id: false

页脚

# Footer setting.
footer:
  # Specify the date when the site was setup.
  # If not defined, current year will be used.
  since: 2016

  # Icon between year and copyright info.
  icon: heart

  # If not defined, will be used `author` from Hexo main config.
  copyright: 8090Lambert

  # Hexo link (Powered by Hexo).
  powered: false

全站 PV 统计

# Show PV/UV of the website/page with busuanzi.
# Get more information on http://ibruce.info/2015/04/04/busuanzi/
busuanzi_count:
  # count values only if the other configs are false
  enable: true

统计 & 分析

根据自己需要去开启,可以同时启用多个

# Google Analytics Write your tracking id here, or false to disable.s
google_analytics: 
google_site_verification: 

# CNZZ
cnzz: false

# BaiDu Analytics
baidu_tongji: false

# Sougou Verification.
sogou_site_verification: false

Ok,Enjoy yourself 😀

[转载]原文链接:https://segmentfault.com/a/1190000020371767

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-74969.html

文章标题:Hexo 主题:hexo-easy-theme

相关文章
iview修改主题报错(nuxt.js、vue)
Inline JavaScript is not enabled. Is it set in your options? &#x2F;&#x2F; https:&#x2F;&#x2F;github.com&#x2F;ant-design&...
2018-11-23
Easy-mock中post数据预览
在使用easy-mock模拟post提交数据的情况中,我们有时需要对提交的数据进行简单逻辑处理。 查阅文档发现可以使用&quot;_req.body.keyname&quot;来获取相应的值,但是在对演示项目进行预览操作时发现,容易出现un...
2019-03-22
Hexo插入音乐视频
随着自己在重新整理自己博客的探索中越来越深入,各种有趣的小功能越来越让我感到有趣,所以我整理了一下在文章中插入视频音乐的方法 安装插件 安装hexo-tag-aplayer和hexo-tag-dplayer插件 进入站点文件夹根目录,之后安...
2018-04-26
vue2.0-基于elementui换肤[自定义主题]
0. 直接上 预览链接 vue2.0-基于elementui换肤[自定义主题] 1. 项目增加主题组件 在项目的src/components下添加skin文件夹 2. 项目增加自定义主题 自定义添加主题下载地址 https://elemen...
2018-05-03
每日一道算法题 - LetterChanges(easy-4)
规则 Using the JavaScript language, have the function LetterChanges(str) take the str parameter being passed and modify it...
2018-07-09
前端开发实战:19# ,削铁如泥的菜单导航特效,适用于游戏主题的网站
效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 https://codepen.io/comehope/pen/XqYroe 可交互视频教程 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 ...
2018-05-13
自开发的EasyCanvas绘图库实践、Pixeler项目开发小结
欢迎交换友链: laker.me–进击的程序媛 Github:https://github.com/younglaker V信: lakerHQ (请注明‘来自博客’) 涉及的两个项目 Pixler:一个用于设计像素图片(拼豆)的应用...
2018-05-23
为Hexo博客配置chrome地址栏搜索
使用koa2、redis完成hexo博客chrome浏览器地址栏搜索 demo 首先访问一次i.jakeyu.top/ 然后在chrome地址栏输入i.jakeyu.top,点击Tab进行搜索 Hexo配置 安装hexo-generato...
2018-05-25
搭建基于Travis CI自动化部署的hexo/next主题博客
基于Hexo/Next主题/Travis CI,实现自动构建集成发布的博客系统 写作 $ hexo new [layout] &lt;title文章名&gt; layout默认为post,文章将储存到 source/_posts 文...
2018-04-28
style-loader实现多主题样式
多主题实现 项目是vue官方脚手架构建(2018年5月) 修改配置文件:utils.js,将vue-style-loader替换成style-loader,并添加options选项 if (options.extract) { ret...
2018-06-01
回到顶部