hexo-theme-replica

Replica LICENSE MIT

Github style replication for hexo theme.

If you are using Gatsby, kindly check https://github.com/sabrinaluo/gatsby-theme-replica

Because we love octocat! :two_hearts:
Click here to view the demo site

Issues & Contributions are welcome! :stuck_out_tongue:

Version

v1.0

Github UI before 2017, which uses the grey navbar

v2.0 (in progress) lack of maintenance

Github UI in 2017, which uses the black navbar

Setup

Install

1
git clone git@github.com:sabrinaluo/hexo-theme-replica.git themes/replica

or

1
git clone https://github.com/sabrinaluo/hexo-theme-replica.git themes/replica

Configure

Set theme: replica in _config.yml (the one in your root folder)

PLEASE NOTE
Modifying blog_root/themes/replica/_config.yml directly is NOT recommended.
It’s suggested to configure your site through blog_root/_config.yml (root folder).

Here is a sample of blog_root/_config.yml

CLICK ME 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
# Hexo Configuration
## Docs: http://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: My Blog
description: My Blog Description
author: HiiTea
language: zh-CN
timezone: Asia/Shanghai
favicon: https://assets-cdn.github.com/favicon.ico

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://sabrinaluo.com/tech
root: /tech/
permalink: :year/:month/:day/:title/
permalink_defaults:

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:

# Writing
new_post_name: :year:month:day-:title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link: true # Open external links in new tab
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
highlight:
  enable: true
  line_number: true
  auto_detect: false
  tab_replace:

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss

# Pagination
## Set per_page to 0 to disable pagination
per_page: 0
pagination_dir: page

# Extensions
## Plugins: http://hexo.io/plugins/
## Themes: http://hexo.io/themes/
theme: replica

# Google Analytics
ga: # GA code UA-XXXXXXXX-X

#marked setting for markdown
marked:
  gfm: true
  pedantic: false
  sanitize: false
  tables: true
  breaks: true
  smartLists: true
  smartypants: true

gcs: # GOOGLE CUSTOM SEARCH
baidutongji: # BAIDU TONGJI CODE
disqus: # DISQUS ID

location: Hong Kong
email: xx@example.com

avatar: https://avatars2.githubusercontent.com/u/5300359?v=4&s=460
social:
  github: https://github.com/sabrinaluo
  weibo: http://weibo.com/206663121
  linkedin:

# flagcounter
flagcounter_href: # https://info.flagcounter.com/xxxx
flagcounter_img_src: # https://s01.flagcounter.com/xxxx

Update

1
2
cd themes/replica
git pull

In case you want the old version with grey navbar

1
2
cd themes/replica
git checkout 1.0 # AKA `git checkout -b 1.0 origin/1.0`

Available Widgets

多说 (Duoshuo stopped the service since June, 2017)
百度统计
Disqus
Google Analytics
Google Custom Search Engine^1

FAQ

Q: How can I use category and tag?

A: Create below files under source folder:

blog_root/source/categories/index.md:

1
2
3
4
---
title: categories
date: 2016-01-21 18:46:15
---

blog_root/source/tags/index.md:

1
2
3
4
---
title: tags
date: 2016-01-21 18:45:55
---

License

The MIT License^2

Copyright (c) 2015-2019 Hiitea luohaojing@gmail.com

Buy me coffee :yum:

BTC: 19U6USzi7WaFmY3DTkgn67EzYpTqZPNwRG
image

Coffee Fund