Giter Club home page Giter Club logo

hexo-theme-hiero's Introduction

Hiero

Gitter Build Status GitHub license

Hiero is an awesome magazine theme for your Hexo site.

☞ Live Preview | 查看中文使用文档

Installation

  1. Get it from GitHub
$ git clone https://github.com/iTimeTraveler/hexo-theme-hiero.git themes/hiero
  1. Enable

Modify theme setting in _config.yml to hiero.

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: hiero
  1. Update
$ cd themes/hiero
$ git pull

Features

Logo: Image or Text

You can set a image as your logo instead of original text title. Like this:

just enable avatar field in hiero/_config.yml.

# Put your avatar.jpg into `hexo-site/themes/hiero/source/` directory.
# url is target link (E.g. `url: https://hexo.io/logo.svg` or `url: css/images/mylogo.jpg`)
avatar: 
  enable: true
  width: 124
  height: 124
  bottom: 10
  url: https://hexo.io/logo.svg

Code Highlight

Hiero use Tomorrow Theme for your code block. We have six options in total: default, normal, night, night blue, night bright, night eighties

code default theme Preview

Above preview picture is default theme. the image below show other five Highlight themes.

code themes

Modify highlight_theme in hiero/_config.yml.

# Code Highlight theme
# Available value:
#    default | normal | night | night eighties | night blue | night bright
# https://github.com/chriskempson/tomorrow-theme
highlight_theme: default

Sidebar

You can put your sidebar in left side, right side or bottom of your site by editing sidebar setting. Hiero provides 7 built-in widgets:

  • search
  • social
  • recent_posts
  • category
  • tag
  • tagcloud
  • archive

All of them are enabled by default. You can edit them in widget setting.

Search

Hiero use Insight Search to help you search anything inside your site without any third-party plugin.

# Search
search:
    insight: true # you need to install `hexo-generator-json-content` before using Insight Search
    swiftype: # enter swiftype install key here
    baidu: false # you need to disable other search engines to use Baidu search, options: true, false

Attention: You need to install hexo-generator-json-content before using Insight Search.

$ npm install -S hexo-generator-json-content

Fancybox

Hiero uses Fancybox to showcase your photos. You can use Markdown syntax or fancybox tag plugin to add your photos.

![img caption](img url)

{% fancybox img_url [img_thumbnail] [img_caption] %}

Donate Button

Support WechatPay and AliPay QR Code for donation, Modify the following snippets to Hiero hiero/_config.yml:

# donation button
donate:
    enable: true
    message: '如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!'
    wechatImage: https://your_WECHAT_PAY_ImageUrl
    alipayImage: https://your_ALIPAY_ImageUrl

Comment support

Hiero has native support for DuoShuo & Disqus comment systems. Modify the following snippets to Hiero hiero/_config.yml:

# comment ShortName, you can choose only ONE to display.
duoshuo_shortname: iTimeTraveler
disqus_shortname: 

Browser support

Contributing

All kinds of contributions (enhancements, new features, documentation & code improvements, issues & bugs reporting) are welcome.

Looking forward to your pull request.

Special thanks to ATHEMES, who designed the original theme Hiero for Wordpress.

License

Hiero is under the MIT license. See the LICENSE file for details.

hexo-theme-hiero's People

Contributors

chao1995 avatar cyan33 avatar itimetraveler avatar pingtest avatar z4hd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

hexo-theme-hiero's Issues

评论系统

一直搞不定valine评论系统,能解决一下吗?

文章摘要可以限制字数吗?

在文章中加入后,文章在列表里会折叠展示,但是显示的文章并不是上方的文章,好像是展示了固定大小的字数。

Adding content to new pages?

I've added the categories, tags and about pages at the top but they have no content. The archives page works fine. What am I missing here?

能否把下面这段Google Adsense代码合并到“layout/_partial/head.ejs”文件?

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "一个String,可以在_config.yml里配置",
    enable_page_level_ads: true
  });
</script>

上面这一段script,是google adsense的,要求写在head里。
这个googel_ad_client这一个string,不是秘密,每一个网站的head标签里都有这一段--如果开通了google adsense的话。

我已经在本地直接修改您的theme源码, 添加进去了,但我觉得如果能合并进入您的repo里,那可再好不过了。

谢谢

下载新主题后Hexo g 报错

FATAL Cannot read property 'replace' of null
TypeError: Cannot read property 'replace' of null
at /Users/shuju/blog/node_modules/hexo/lib/hexo/load_config.js:35:28
at tryCatcher (/Users/shuju/blog/node_modules/bluebird/js/release/util.js:16:23)
at Promise._settlePromiseFromHandler (/Users/shuju/blog/node_modules/bluebird/js/release/promise.js:512:31)
at Promise._settlePromise (/Users/shuju/blog/node_modules/bluebird/js/release/promise.js:569:18)
at Promise._settlePromise0 (/Users/shuju/blog/node_modules/bluebird/js/release/promise.js:614:10)
at Promise._settlePromises (/Users/shuju/blog/node_modules/bluebird/js/release/promise.js:693:18)
at Async._drainQueue (/Users/shuju/blog/node_modules/bluebird/js/release/async.js:133:16)
at Async._drainQueues (/Users/shuju/blog/node_modules/bluebird/js/release/async.js:143:10)
at Immediate.Async.drainQueues [as _onImmediate] (/Users/shuju/blog/node_modules/bluebird/js/release/async.js:17:14)
at tryOnImmediate (timers.js:534:15)
at processImmediate [as _immediateCallback] (timers.js:514:5)

关于首页针对特定文章不予显示的问题

自己有几篇文章不希望在首页显示,但是一直没有想到很好的办法隐藏
next主题有相关代码,但是自己借鉴后却因post_template值未定义导致无法实现

请问能指导一下么,谢谢!

网易云跟帖并没有在文章中用?

<% if (!index && post.comments && (theme.duoshuo_shortname || theme.disqus_shortname || theme.uyan_uid || theme.wumii || theme.livere_shortname)){ %>
<%- partial('comment') %>
<% } %>

Homepage thumbnail

random_thumb: true
请问,怎样修改主题默认的缩略图!!

主页背景图滚动速度

您的主题很漂亮!我也clone了一个

问一下主页背景图滚动速度的快慢可以设置吗?

关于valine评论系统

我将来必力的shortname给注释掉,然后添加了valine的APPID和appkey后没有出现评论框???这是为什么?

关于resent post问题

除了首页的resent post显示有图片,其他页面的resent post 均不显示图片?????

关于代码块的style

这下子确实似乎是个问题:

我刚才把blockquote的styl文件改了一下,就是themes/hiero/source/css/_partial/article.styl
然后hexo generate,最终的style.css没有任何变化
然后我把整个/public/css目录全删了,再重新hexo generate,就好了。
这就是目前的情况。

也就是说,如果改动了.styl文件,似乎要把/public/css目录全删了, 再重新hexo generate。

不知道这是hexo的问题,还是咱这个theme的问题?

=========原来的issue===========

您好,我修改了themes/hiero/source/css/_partial/highlight.styl

用hexo server可以看得出代码块的style变了
但hexo generate之后,仍然是老的style

老的style:
old

新的style:
new

请问这个问题是出在什么地方?

难道其他地方的style override了这个highlight.styl里的代码?

网页加载速度非常卡

看上去是因为要加载网上google字体,每次本地测试加载都特别慢,偶尔还崩溃,能不能修复。。

Display hierarchical structure in categories page

Greetings! Thanks for making the theme, I really like it and start using it in my blog.

One problem I faced is that currently the category page is not able to display the hierarchy because it simply loops over site.categories.

In Hexo, the categories are designed to be hierarchical while tags are not (here is Hexo docs).

So I wrote a simple helper adapted from hexo's list_category helper, and also keep the style of categories.ejs from your theme. It's already used in my blog's category page so you can see what the result is like.

The change is, suppose we only have one post, and it belongs to category A then subcategory B then subcategory C, it then will only be displayed in category A > subcategory B > subcategory C. Note category A and subcategory B will not be shown at all because there are no posts directly under them.

If you think this feature is worth supporting, I am happy to submit a PR for it. :)

Cheers!

About page

Hi, it seems there is no About page's layout?
I run hexo new page "About" and set the layout to About. I run server locally and the About page is quite different with your demo.
Did I miss anything? Thanks.

What did I do wrong?

First, thanks for your great theme.
I currently using this, but it doesn't work like live preview..
My site is https://joon92.github.io
Can't get /categories tab and /tags too.
And in main,
live preview doesn't show all contents.
It just only show part of content and continue reading.

But my site is not. It shows all contents in main page.
I can't know what I did wrong.. I just follow what you wrote in installation.

how can I do?

大大你好

请问主题如何切换语言呢,我看见有一个zh-CN.ym,不知如何切换

how to activate "continue reading" ?

Hi :)

I've installed your theme on my hexo blog

My "hope" page does not have "continue reading" button on each post, but instead there is full content of the post.
How can I activate or configure "more reading" button?

  • additional question) how can I increase font size of post title ?

Thanks for the awesome theme!

提几个建议

首先布局我很喜欢,但是我不太明白你的 模板定位,如果是新闻模板在 文章页面居然还有目录,貌似目录这个东西看着不习惯,可能我不是程序员,大致说点个人观点吧
一 、字体不太好,我觉得常规设置就好 参照这个https://nervouself.github.io/ 我用他的模板做了个博客,电脑手机看着觉得字体都可以,看了源文件就是常规设定
二、如果保持目前的列宽,我觉得分类目录起码一行 两个,然后就是标签,一行起码 三到四个,归档也是 一行放两个更好
三、标签云不够醒目,目前的颜色设定不够突出
四、配色大黑head 感觉 太严肃了,,,小清新配色感觉更流行
大致就这么多,顺便问一下你做模板是为了练手还是为了 实用?

建议添加RSS订阅按钮

主题配置文件里有theme.rss,但简单翻了翻源码,没找到相关的超链接展示。
想自己加一个又无从下手,故发个issue进行讨论。

搜索工具

npm install hexo-generator-json-content
运行hexo s出现错误ERROR Plugin load failed: hexo-generator-json-content

可以在自建页面下生成文章吗?

嗨,又来打扰你了。
我有个困惑,现在自建了一个页面,但是hexo new命令好像默认在post目录下生成文章。
能指点我一下吗?
谢谢

head-menu和站内搜索

head-menu和站内搜索

你好,是这样两个问题

1.head-menu

就是head-menu中的Tags和Categories链接,点击后显示没有这个页面,但是在layout中有tags.ejs和categories.ejs两个页面。迷惑。

Cannot GET /Blog/myblog/tags/

2.站内搜索

就是引入站内搜索插件后,显示因为错误无法加载该插件。错误原因是

ERROR Plugin load failed: hexo-generator-json-content
SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode

感谢!!

请问能否更改mylogo的一些指标

请问能否修改文章页面中,左上角logo的一些信息

我更改了图片,但是我想知道能否设置其大小(使其不要遮挡下方图片),透明度等具体信息,如果不能修改,可以问一下控制这些内容等源代码在哪里吗?

谢谢!

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.