A responsible theme for Hexo
Branch: master
Clone or download
Pull request Compare This branch is 17 commits ahead, 5 commits behind letiantian:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
languages
layout
source
HEXO_INSTALL.md
README.md
_config.yml

README.md

vHuno

vHuno是为Hexo编写的一个响应式的主题,该主题基于Huno

Demo

Virink's Blog

安装

$ git clone https://github.com/virink/vhuno.git themes/vhuno

修改Hexo的配置文件_config.xml

theme: vhuno

安裝配置Hexo

Hexo Install

配置示例

# Header
menu:
  博客: /#blog
  歸檔: /archive/
  友鏈: /links/
  關於: /about/
  訂閱: /feed.xml

# Site favicon
favicon: /images/favicon.png

# Site logo
# logo: /images/avatar.png

# Enable Mathjax
mathjax: true

# Enable githubRepoWidget
github_repo_widget: false

menu中定义/#blog是必须的,示例中的/about/archive是两个页面。/archive会在下面的归档页面中介绍。

mathjax:

数学公式支持。其设置(layout/_scripts/mathjax.ejs)如下:

$(document).ready(function(){
    MathJax.Hub.Config({ 
        tex2jax: {inlineMath: [['[latex]','[/latex]'], ['\\(','\\)']]} 
    });
});

官网:mathjax

github_repo_widget:

可视化显示github中的项目。

官网:GitHub-jQuery-Repo-Widget

侧边栏图片

侧边栏图片URL定义在source/css/uno.css中下面的这段代码中:

.panel-cover {
  display: block;
  position: fixed;
  z-index: 900;
  width: 100%;
  max-width: none;
  height: 100%;
  background: url(../images/background-cover.jpg) top left no-repeat #666666;
  background-size: cover; }

可以看出图片路径是source/images/background-cover.jpg。可以根据需要替换成不同的图片,或者修改图片URL。

归档页面

归档页面会显示分类、标签云以及基于日期的归档。

在主题的配置文件_config.yml中:

# Header
menu:
  首页: /#blog
  关于: /about
  归档: /archive

创建新的page:

$ hexo new page archive
$ cd source/archive
$ vim index.md

内容修改为:

title: 归档
layout: page-archive
---

浏览器访问http://127.0.0.1:4000/archive/即可。

!! hexo 默认有一个/archives,如果您认为归档页面的url(/archive)和这个冲突,可以选更加合适的名称😊

友情鏈接

在Hexo根目錄的配置文件_config.yml中配置,例如:

# for Links
links:
- url: https://virink.github.io
  name: Virink
  img: https://virink.github.io/images/avatar.png
  info: Virink's Blog
- url: https://www.virzz.com
  name: Virink
  img: https://www.virzz.com/images/avatar.png
  info: Virink's Blog

评论

移除

Social Icon

默认提供了Github/Twitter/Telegram的图标,Github/Twitter/Telegram用户名请在Hexo的配置文件_config.yml中配置,例如:

# Social
social:
  github: virink
  twitter: virinkz
  tlelgram: virink

可以根据需要在layout/_partials/social.ejs中添加更多的图标。

网站统计

将网站统计(如Google analysis、CNZZ、百度统计等)代码放入layout/_scripts/site-analytics.ejs即可。

其他

如果在中国大陆使用该主题后,访问速度变慢,可以考虑注释掉source/css/uno.css的第一行。