分享个人写的一个 Hexo 主题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
爱意满满的作品展示区。
IIssNan

分享个人写的一个 Hexo 主题

  IIssNan
iissnan Jan 26, 2015 31600 views
This topic created in 4111 days ago, the information mentioned may be changed or developed.

上周末花了点时间把之前做的一个Hexo主题修整了下,完善了下文档,打算拿出来分享。

在线预览 | 主题代码

当时用Hexo建了一个博客放在GitHub上,主要是用来记录每天阅读的文章以及笔记,取名为notes。由于是笔记,主要是用于记录查询,故对于主题的需求很简单:

  • 简洁易用
  • 阅读舒服

选了几个主题,都觉得太过复杂。于是自己写了一个主题,就叫notes
之后独立博客停了,完全转到Hexo上。于是把notes主题做了大量的修改,既然作为下一个主题,就干脆叫NexT

说回来,NexT真的很简洁,自身没有任何社交功能(评论除外),甚至连rss链接都没有,因为这些在我看来都没有必要。要说唯一的特点就是棱角与黑白分明。另外在字体的使用方面也比较任性:

  • 标题使用衬线字体,字体族是:

    "PT Serif", "Cambria", Georgia, "Microsoft Jhenghei", "Hiragino Sans GB", "Microsoft YaHei" 
  • 正文部分使用无衬线体,并引用了Lato字体。字体族是:

    "Lato", "Microsoft Jhenghei", "Hiragino Sans GB", "Microsoft YaHei" 
  • 等宽字体。PT Mono近来成为了我编程首选的字体。字体族是:

    "PT Mono", consolas, Monaco, Menlo 

最后,当然得适配移动设备。

欢迎使用反馈,求轻拍。
如果你喜欢的话,不妨给个star以资鼓励:)
https://github.com/iissnan/hexo-theme-next

Supplement 1    Feb 17, 2015
经过20天的反复修改,目前更新到了`0.3.0`版本。总结下目前已有的特性:

* 支持自定义 LOGO 以及主题图标
* 支持 多说 / DISQUS 双评论系统
* 支持5款代码高亮主题
* 支持Google/百度统计
* 支持Google Webmaster tools
* 支持Creative Commons
* 支持侧边栏(作者头像、站点信息以及社交链接)

后续的更新可能包括:

* 支持分类
* 支持主题内的主题
* 新的Gallery设计
* 更好的图片展示


欢迎更新~
感谢各种建议以及bug修改。
63 replies    2018-03-09 19:59:52 +08:00
Geeker
    1
Geeker  
   Jan 26, 2015
大量留白的设计,真心不错
yslsy
    2
yslsy  
   Jan 26, 2015
用作记录还不错
fundon
    3
fundon  
   Jan 26, 2015
不错,什么协议,我想用该主题,但不是 hexo
icylogic
    4
icylogic  
   Jan 26, 2015 via Android
看看我的主题之“没有主题”: https://blog.icylogic.net ,连评论都没有
icylogic
    5
icylogic  
   Jan 26, 2015 via Android
@icylogic 只是用了下pjax来做到不刷新页面跳转
IIssNan
    6
IIssNan  
OP
   Jan 26, 2015
@fundon MIT。欢迎Port,能保留一个链接给我当然最好。
IIssNan
    7
IIssNan  
OP
   Jan 26, 2015
@icylogic 赞,很有特色
bleaker
    8
bleaker  
   Jan 26, 2015 via Android
赞,正好准备把博客从WP迁移到Hexo上,就用你这个了
little_cup
    9
little_cup  
   Jan 26, 2015
这个真心赞!
Itanium
    10
Itanium  
   Jan 26, 2015
fundon
    11
fundon  
   Jan 27, 2015
@IIssNan 谢谢, :). 链接必须的。
Phariel
    12
Phariel  
   Jan 27, 2015
已star
Ljungqvist
    13
Ljungqvist  
   Jan 27, 2015
http://www.iissnan.com/
定向有问题?
RIcter
    14
RIcter  
   Jan 27, 2015 via iPad
rss 还是必须的…没有 rss 的 blog 最后基本都弃了…
Vicia
    15
Vicia  
   Jan 27, 2015
LS +1,如果是给自己一个人看的话,不用rss也没什么,希望别人来看的话,最好还是有个rss。
主题简洁漂亮,很赞。
《千与千寻》的片尾曲的日文最好规范一下,不要用中文简体字... (管得有点多了> <
Vinccn
    16
Vinccn  
   Jan 27, 2015
很喜欢,在写出这么简洁漂亮的主题之前,就用LZ的主题来鞭策自己了 > <
另外 RSS 应该要有,想订阅 LZ 的 Blog ……
官方就有 Feed Generator https://github.com/hexojs/hexo-generator-feed
IIssNan
    17
IIssNan  
OP
   Jan 27, 2015
@bleaker 欢迎使用:)
IIssNan
    18
IIssNan  
OP
   Jan 27, 2015
IIssNan
    19
IIssNan  
OP
   Jan 27, 2015
@Ljungqvist 刚发现这个问题,谢谢你的指出
IIssNan
    20
IIssNan  
OP
   Jan 27, 2015
@Vicia 因为我看不懂日文,所以只好加中文让自己明白是什么意思。我觉得中文翻译挺好的~
考虑加上RSS链接。


@Vinccn 谢谢
cos800
    21
cos800  
   Jan 27, 2015
赞一个 字体品味不错
cdlxkill
    22
cdlxkill  
   Jan 27, 2015
已收藏
niklaus520
    23
niklaus520  
   Jan 27, 2015
特别是字体,很赞啊,同意楼上们的,私人博客没有RSS就不好玩了
IIssNan
    24
IIssNan  
OP
   Jan 28, 2015
@RIcter
@Vicia
@Vinccn
@niklaus520

已支持显示RSS链接。
34
    25
34  
   Jan 28, 2015
字体很棒啊!
aksoft
    26
aksoft  
   Jan 29, 2015
...看文章不方便...其他都挺好...支持
IIssNan
    27
IIssNan  
OP
   Jan 30, 2015
@aksoft 目前我觉得最不方便的是文章的搜索。但这并不是主题所能完美解决的问题。

我借助于标签来查询文章,所以主题内强调了标签页面这一个特性。
mengrusheng
    28
mengrusheng  
   Jan 30, 2015
一直用pacman的路过…… 看来有必要换一换啦…… 楼主包维护吗 嘿嘿
niklaus520
    29
niklaus520  
   Jan 30, 2015
换了LZ的主题,略加一点修改,觉得很简洁,Thx!

blog.depressedmarvin.com
zhangyh26258
    30
zhangyh26258  
   Jan 31, 2015 via Android
不错不错
IIssNan
    31
IIssNan  
OP
   Feb 2, 2015   1
@mengrusheng 我会经常更新这个主题。如果你有碰到什么问题或者建议,可以发issue给我:)
IIssNan
    32
IIssNan  
OP
   Feb 2, 2015
@niklaus520 感谢你的使用:)
IIssNan
    33
IIssNan  
OP
   Feb 2, 2015
@zhangyh26258 欢迎使用
suniven
    34
suniven  
   Feb 3, 2015
漂亮!先 mark
chenggiant
    35
chenggiant  
   Feb 4, 2015
很喜欢,已经换上了!

请问这个主题是不是不支持Disqus呀?
chenggiant
    36
chenggiant  
   Feb 4, 2015   1
嗯,自己把Disqus加进去了。
lazyyz
    37
lazyyz  
   Feb 5, 2015
挺喜欢的,已入,准备弄个hexo :)
IIssNan
    38
IIssNan  
OP
   Feb 5, 2015
@chenggiant
@lazyyz
欢迎使用
mengrusheng
    39
mengrusheng  
   Mar 15, 2015
话说 楼主今天才抽时间换主题 呃 报 Cannot GET /tags/ 之前pacman显示标签没啥问题的 这是需要设置哪里么
mengrusheng
    40
mengrusheng  
   Mar 15, 2015
呃 我有罪 我找到“创建标签云页面”啦 打扰楼主啦~~
riccar
    41
riccar  
   Mar 17, 2015
请问支持 hexo v3.0 吗?
mengrusheng
    42
mengrusheng  
   Mar 17, 2015
汇报个小问题 多说评论框的分享到微博 后面几个选项会被发布按钮盖住 不知道是主题的问题还是多说的问题
IIssNan
    43
IIssNan  
OP
   Mar 17, 2015   1
@riccar 支持。
IIssNan
    44
IIssNan  
OP
   Mar 17, 2015
@mengrusheng 多谢反馈。我去查看下。
mengrusheng
    45
mengrusheng  
   Mar 18, 2015   1
楼主 我又来反馈了 不要烦我啊~ 文章底下显示上一篇和下一篇的位置 如果标题过长的话 会重叠显示 如: http://taoyuanxiaoqi.com/2014/11/21/openfire_note_4/
mengrusheng
    46
mengrusheng  
   Mar 18, 2015
ps:发布按钮的问题似乎不存在了 因为分享到微博之类的选项不见了
IIssNan
    47
IIssNan  
OP
   Mar 18, 2015
@mengrusheng 更新一下主题,最近的一个修改中已经修正了重叠的问题了:)
xiazhichenjlu
    48
xiazhichenjlu  
   Apr 9, 2015
请问如何在catgories和tags下生成index.html?我在next/_config.yml中设置显示这两个,但是直接点这两个链接,得到的是Cannot Get categories/tags,可如果我在文章里点设置好的分类或者标签却可以进入相应的页面。我查看了生成的public folder发现在categories和tags的目录下没有index.html。请问如何解决?
fkccp
    49
fkccp  
   Apr 14, 2015
@xiazhichenjlu
https://github.com/iissnan/hexo-theme-next/issues/51

```
$ cd path/to/hexo
$ hexo new page tags
$ hexo new page categories
$ vim source/tags/index.md
# add line: type: "tags"
$ vim source/categories/index.md
# add line: type: "categories"
$ cd themes/next
# backup themes/next/_config.yml
$ git pull
```
ileyar
    50
ileyar  
   May 4, 2015
演示站点打不开了。。
table cellpadding="0" cellspacing="0" border="0" width="100%"> gwenk
    51
gwenk  
   May 18, 2015
你好,我非常喜欢你的主题,想请教一下,如果我想把侧边栏设置成仅在文章有目录的时候自动展开,没有目录的文章则不自动展开,要怎么操作呢?还有,我想更改首页顶部的logo颜色,又该怎么设置呢?谢谢~
cuthead
    52
cuthead  
   Oct 20, 2015
好像字体是站外,有没有办法 CDN 全弄成站内。
IIssNan
    53
IIssNan  
OP
   Oct 22, 2015
@cuthead 之前是站内形式的,不过有提字体有问题,就改成 CDN 的了
cuthead
    54
cuthead  
   Oct 23, 2015
@IIssNan 双鱼座主题什么时候能公开提供使用啊
LeoDev
    55
LeoDev  
   Dec 29, 2015
qq936695852
    56
qq936695852  
   Feb 17, 2016
你好,我用这个框架 ,很好 但是手机上显示文章没有响应式
GreenArrow
    57
GreenArrow  
   Apr 17, 2016
@IIssNan 为什么按照你的教程,添加的友情链接没有显示出来呢?
shiro
    58
shiro  
   May 28, 2016
略!
wakasann
    59
wakasann  
   May 30, 2016   1
谢谢你写的主题,已安装,开始使用了!
qhxin
    60
qhxin  
   Jun 18, 2016
感谢楼主,很漂亮的主题,使用中。
beny2mor
    61
beny2mor  
   Dec 11, 2016
原来出是这
codingKingKong
    62
codingKingKong  
   Mar 9, 2018
我在_config.yml 切换了语言, 但是没有生效- -#
codingKingKong
    63
codingKingKong  
   Mar 9, 2018
搞定了, 我编辑成主题里的 yml 文件了
About     Help     Advertise     Blog     API     FAQ     Solana     2833 Online   Highest 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 156ms UTC 15:20 PVG 23:20 LAX 08:20 JFK 11:20
Do have faith in what you're doing.
ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86