Hexo报纸主题：Hipaper

╰+哭是因爲堅強的太久メ 2022-07-13 01:29 204阅读 0赞

# Hipaper #

**A fashional newspaper, blog theme for Hexo**. [**☞ 点击预览**][Link 1]

![hipaper-demo-screen.png][]

![mobile-preview.png][]

![hipaper-preview.png][]

## 安装步骤 ##

1.  从Github上获取源码
    
        $ git clone https://github.com/iTimeTraveler/hexo-theme-hipaper.git themes/hipaper
2.  启用主题
    
    把Hexo主目录下 `_config.yml` 文件中的`theme`字段改为 `hipaper`，如下：
    
        # Extensions
        
        
        ## Plugins: http://hexo.io/plugins/
        
        
        ## Themes: http://hexo.io/themes/
        
        theme: hipaper
3.  更新到最新
    
        $ cd themes/hipaper
        $ git pull

## 特性 ##

### 代码高亮 ###

Hipaper 使用 [Tomorrow Theme][] 作为代码主题. 共有以下六种选项: `default`, `normal`, `night`, `night blue`, `night bright`, `night eighties`

![code <code>default</code> theme Preview][code _code_default_code_ theme Preview]

默认高亮配色如上图， 另外的五种配色如下.

![code themes][]

您可以在本主题的 hipaper/\_config.yml 文件中更改 `highlight_theme` 字段.

### 侧边栏 ###

主题\_config.yml文件中的 `sidebar` 字段可以设置为 `left`或`right`，用来控制侧边栏显示在页面左侧还是右侧。  
Hipaper 拥有以下7种侧边栏组件:

*  search （搜索框）
 *  social （社交网站链接）
 *  recent\_posts （最新文章）
 *  category （分类）
 *  tag （标签）
 *  tagcloud （标签云）
 *  archive （归档栏）

以上组件在主题中均已默认启用.您可以在 `widget` 字段中设置显示哪些以及顺序。

### 站内搜索 ###

Hipaper 使用 `Insight Search` 来帮助大家使用站内搜索.

![search-preview.png][]

# 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

> ！！注意: 使用搜索工具之前您必须使用 `hexo-generator-json-content` 来安装，在Hexo根目录下执行命令如下：

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

### Fancybox ###

Hipaper 使用 [Fancybox][] 来提供文章图片预览.

![img caption](img url)
    
    {% fancybox img_url [img_thumbnail] [img_caption] %}

### 评论功能 ###

Hipaper 已完全支持原生的多说、 Disqus评论功能. 您可以在 `hipaper/_config.yml` 文件中更改以下字段:

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

## 支持的浏览器 ##

![browser-support.png_raw_true][]

## 贡献 ##

> 本主题源于Wordpress作者 ATHEMES, 原生主题点击查看 [FASHIONISTA for Wordpress][].

## License ##

Hipaper is under the MIT license. See the [LICENSE][] file for details.

[Link 1]: https://itimetraveler.github.io/hexo-theme-hipaper/
[hipaper-demo-screen.png]: https://raw.githubusercontent.com/iTimeTraveler/iTimeTraveler.github.io/master/gallery/hipaper-demo-screen.png
[mobile-preview.png]: /images/20220713/f97867d6663d46b1844cd4b2283ee81d.png
[hipaper-preview.png]: /images/20220713/462c4e48ebb4419099779e393f27d416.png
[Tomorrow Theme]: https://github.com/chriskempson/tomorrow-theme
[code _code_default_code_ theme Preview]: /images/20220713/444846413bc145229dddbbd0a0d39b33.png
[code themes]: /images/20220713/0ce93d0ecefb4a0a9815a18727f6dd5d.png
[search-preview.png]: /images/20220713/73eb95c8b5ad42449fbe09983f6d54f6.png
[Fancybox]: http://fancyapps.com/fancybox/
[browser-support.png_raw_true]: /images/20220713/6517d92c3cb949e195b3ac8d232e3cb6.png
[FASHIONISTA for Wordpress]: http://athemes.com/theme/fashionista/
[LICENSE]: https://github.com/iTimeTraveler/hexo-theme-hipaper/blob/master/LICENSE