sabrinaluo / hexo-theme-replica Goto Github PK

View Code? Open in Web Editor NEW

541.0 5.0 66.0 80 KB

:octocat:Github style replication for hexo theme

Home Page: https://sabrinaluo.github.io/tech

License: MIT License

CSS 20.91% JavaScript 9.20% HTML 38.99% Stylus 30.90%

hexo hexo-theme github-style hexo-theme-github

hexo-theme-replica's Introduction

Replica

Github style replication for hexo theme.

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

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

Issues & Contributions are welcome! 😛

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

git clone [email protected]:sabrinaluo/hexo-theme-replica.git themes/replica

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

# 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: [email protected]

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

cd themes/replica
git pull

In case you want the old version with grey navbar

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¹

FAQ

Q: How can I use category and tag?

A: Create below files under source folder:

blog_root/source/categories/index.md:

---
title: categories
date: 2016-01-21 18:46:15
---

blog_root/source/tags/index.md:

---
title: tags
date: 2016-01-21 18:45:55
---

License

The MIT License²

Buy me coffee 😋

BTC: 19U6USzi7WaFmY3DTkgn67EzYpTqZPNwRG

hexo-theme-replica's People

Contributors

Stargazers

Watchers

Forkers

zhaoy875 realforce1024 xianyunyh songcser wlykan ibaserve hexo-theme daodaoliang nanqinlang-fork-web-hexo wangcansunking sw5cc leojojo taegyunum cfanpc landlordlycat forks-library spfhi ruizewang debugtalk tonyhokan tyrival xcodeany oatiz yalhu orisonchan githubsite bestinterndeveloper haoxuezhang ffrogchen rdnaidu weiling103 zakariyya chenyumiyu yaozhaoming pubfork whyour momonorthy littlefrogfromthenorth tdouguo chinyau1 bobit v-tawe ixialing jsunnyr freemo lixingqiancs ferren-qf cjh0613 youaresun plzthxup aimerneige kayleh qiqiwan kerach jeffrey-done chenpengcode king019 abc3301 zhangyj131 ninkusan marycly ly2088 topsvcloud tim-wade ciey

hexo-theme-replica's Issues

首页contributions 月份显示有误

首页contributions 月份显示有误，贡献内容是三月，但是横坐标已经是四月了，而且没有十二月

求问 Hexo G 生成问题

https://0x96m.com/
类似这样的
我在本地生成也是这样不知道为什么也没有报错主题也有
但是我用另外一个 https://tdou.cc 这个是使用的 https://travis-ci.com/ 生成的没事在 windowns 和 pc下都试过了是我改坏什么东西了吗

頁面切換時的問題

自動解析成index.html時都是在根目錄
目前只能手動去調整才能切換頁面，但這樣每更新文章時都會要重新調整

手動改後切換時還是怪怪的
附上我的網站給大家試試QQ，我功力太弱還無法pr
https://chiderlin.github.io/

另外archives可以有做成按照年份分嗎ＸＤＤ像下面這樣...

Ｄ

I really like this theme, but when I use it, I found it's css was in disorder. just like this

And I tried to fix it in your main.css by copy online code from your blog 小白妹妹写代码,but it's too hard to finish this work, so would you tell me how to fix this issue,.
Thx.

文章内目录

文章内没有目录页跳转,考虑支持下吗?

这主题爱了爱了

单纯占楼，表达爱意

use gitment as comment system

Gitment is a comment system based on GitHub Issues, which can be used in the frontend without any server-side implementation.
https://github.com/imsun/gitment

移动版首页文章标题的点击响应范围

移动版首页文章标题的点击响应范围可以扩大到一行吧，不用只能点击标题，你觉得怎么样 😃

公式支持

之后会考虑加上latex公式支持嘛？没有公式支持有时候点有难受呀。

Theme v1.0 happened errors

I cloned v1.0 using by git clone -b v1.0 https://github.com/sabrinaluo/hexo-theme-replica.git themes/replica.

And I input a command hexo s in Terminal and opened http://localhost:4000/ on the browser.

Finally, It occurred errors

I'm 😂
Or I'm just waiting you for completing the v2.0. 💫
Thank you for your contribution. 💖

DELETED

My account was compromised, as a result many spam issues got created across multiple repos. I am deleting all such issues. Please check my tweet: https://x.com/arghyac35/status/1729721954909684064?s=20

social 图标在fontawesome中不存在怎么处理

以此提交为例, twitter,facebook,stackoverflow 中的图标在fontawesome可以搜索到并添加成功了
6c4d572

但是 csdn,知乎,简书,博客园等在fontawesome无法搜索到所以无法添加该链接, 添加后 hexo s 运行失败因为无法找到icon

Suggestions for concealing some not completed functions

Hello Beauty Programmer,

First, I want to praise you that this theme for HEXO looks stunning and I think you have been spending many time on it.
But I suppose it would be better if you could conceal those functions which have not been completed.

Thanks.

可以新增分页功能吗

如题，真心喜欢这个主题，能加分页就完美了

更新版本时.ejs文件出错

ERROR ReferenceError: E:\blog\yumeko11Blog\themes\replica\layout\layout.ejs:7
5| <%- partial('_partial/navbar') %>
6|

7| <%- body %>
8|

9| <%- partial('_partial/footer') %>
10| <%- partial('_partial/script') %>

body is not defined
at eval (E:\blog\yumeko11Blog\themes\replica\layout\layout.ejs:21:17)
at layout (E:\blog\yumeko11Blog\node_modules\ejs\lib\ejs.js:682:17)
at _View._compiled (E:\blog\yumeko11Blog\node_modules\hexo\lib\theme\view.js:136:50)
at _View.render (E:\blog\yumeko11Blog\node_modules\hexo\lib\theme\view.js:39:17)
at E:\blog\yumeko11Blog\node_modules\hexo\lib\hexo\index.js:64:21
at tryCatcher (E:\blog\yumeko11Blog\node_modules\bluebird\js\release\util.js:16:23)
at E:\blog\yumeko11Blog\node_modules\bluebird\js\release\method.js:15:34
at RouteStream.read (E:\blog\yumeko11Blog\node_modules\hexo\lib\hexo\router.js:47:5)
at RouteStream.Readable.read (internal/streams/readable.js:462:10)
at resume (internal/streams/readable.js:958:12)
at processTicksAndRejections (internal/process/task_queues.js:82:21) {
path: 'E:\blog\yumeko11Blog\themes\replica\layout\layout.ejs'

有考虑切换到hugo吗

文章过多时排版错误

当我把_post文件删除，然后执行
hexo clean
hexo g
hexo s
浏览器打开显示正确的排版
但是把_post放到正确位置，然后执行
hexo clean
hexo g
hexo s
发现排版就会错误，不知道是不是文章过多导致排版错误
这是hexo g输出的结果：
https://paste.ubuntu.com/p/bPtWV2MkGV/
_post文件夹下文件个数：

chrome71.0.3578.98无痕模式访问localhost:4000：

系统配置：

The Errors

Unhandled rejection TypeError: D:\works\blog\github_pages\themes\replica\layout\index.ejs:1
 >> 1| <%
    2| var posts = page.posts.data;
    3| var oldestPostDate = posts.length ? posts[posts.length - 1].date : {date: moment()};
    4| var startFrom = oldestPostDate.format('MMM D, YYYY');

Cannot read property 'github' of undefined
    at eval (eval at compile (D:\works\blog\github_pages\node_modules\ejs\lib\ejs.js:549:12), <anonymous>:14:27)
    at returnedFn (D:\works\blog\github_pages\node_modules\ejs\lib\ejs.js:580:17)
    at _compiled (D:\works\blog\github_pages\node_modules\hexo\lib\theme\view.js:127:30)
    at View.render (D:\works\blog\github_pages\node_modules\hexo\lib\theme\view.js:29:15)
    at D:\works\blog\github_pages\node_modules\hexo\lib\hexo\index.js:390:25
    at tryCatcher (D:\works\blog\github_pages\node_modules\bluebird\js\release\util.js:16:23)
    at D:\works\blog\github_pages\node_modules\bluebird\js\release\method.js:15:34
    at RouteStream._read (D:\works\blog\github_pages\node_modules\hexo\lib\hexo\router.js:134:3)
    at RouteStream.Readable.read (_stream_readable.js:348:10)
    at resume_ (_stream_readable.js:737:12)
    at _combinedTickCallback (internal/process/next_tick.js:80:11)
    at process._tickCallback (internal/process/next_tick.js:104:9)

Questions

Why ?
How to fix it ?