一个极简主义设计的 Hexo 主题 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
forsigner
V2EX    Hexo

一个极简主义设计的 Hexo 主题

  forsigner 2016-02-23 09:35:42 +08:00 20575 次点击
这是一个创建于 3520 天前的主题,其中的信息可能已经有所发展或是发生改变。

作为设计师出身的前端攻城狮, blog 用着别人的主题终究还是不爽,于是花了两天晚上写了一个 Hexo 主题。

主题 Github 地址:Fexo - A minimalist design thee.

主题的特点是:
- 极简主义设计
- 去除了各种复杂的元素,总共只有 3 个页面
- 列表页面借鉴了 Facebook 的 timeline
- Pure CSS, No Javascript, 所以轻量加载性能高

主题截图:

screenshot-1
screenshot-2

欢迎吐槽建议~

第 1 条附言    2016-02-23 11:01:49 +08:00
Demo 链接: http://forsigner.com/
182 条回复    2016-03-05 00:19:34 +08:00
1  2  
movtoy
    1
movtoy  
   2016-02-23 09:42:00 +08:00
不错,就是那个时间线,垂直的线太复古了,既然极简,就去掉多余的
zacard
    2
zacard  
   2016-02-23 09:50:14 +08:00
不错,纯支持
fish267
    3
fish267  
   2016-02-23 09:52:19 +08:00
首页直达 post-list 吧, 不然要多点一次才能看 blog
garsday
    4
garsday  
   2016-02-23 09:55:11 +08:00 via Android
没做手机的自适应
forsigner
    5
forsigner  
OP
   2016-02-23 10:00:06 +08:00
@garsday 这两天会做兼容手机
forsigner
    6
forsigner  
OP
   2016-02-23 10:00:45 +08:00
@movtoy 你的意思是去掉垂直线吗?
garsday
    7
garsday  
   2016-02-23 10:02:39 +08:00 via Android
@forsigner 收藏了,持续支持
thinkmore
    8
thinkmore  
   2016-02-23 10:06:03 +08:00
赞一个
easing
    9
easing  
   2016-02-23 10:18:49 +08:00 via Android
很赞,直接用了,我一直想找这样的主题,可惜我前端技术太烂了:)
jeffjade
    10
jeffjade  
   2016-02-23 10:22:51 +08:00
看着很符合口味; Mark 下先,之后借鉴下。
loading
    11
loading  
   2016-02-23 10:23:22 +08:00 via Android
请问楼主,是什么协议,我想改到自己
loading
    12
loading  
   2016-02-23 10:23:59 +08:00 via Android
哦,看到协议了。
MIT
Leafove
    13
Leafove  
   2016-02-23 10:25:20 +08:00
我倒觉得垂直的线挺好
forsigner
    14
forsigner  
OP
   2016-02-23 10:26:06 +08:00
@loading 随便改 哈哈
forsigner
    15
forsigner  
OP
   2016-02-23 10:26:24 +08:00
@Leafove 谢谢
Lenbo
    16
Lenbo  
   2016-02-23 10:28:10 +08:00
很赞,一直在找这样的风格
admol
    17
admol  
   2016-02-23 10:52:37 +08:00
不错不错 话说自己写一个 Hexo 主题 咋写啊
jusonalien
    18
jusonalien  
   2016-02-23 10:55:59 +08:00
希望能加上 demo 的链接~~
timothyye
    19
timothyye  
   2016-02-23 11:00:07 +08:00
文章列表有分页吗?
forsigner
    20
forsigner  
OP
   2016-02-23 11:02:20 +08:00
@timothyye 这个还在计划中
forsigner
    21
forsigner  
OP
   2016-02-23 11:02:51 +08:00
@admol 很简单,看看 Hexo 文档就好了
forsigner
    22
forsigner  
OP
   2016-02-23 11:03:18 +08:00
@jusonalien 分享不能编辑了, Demo 链接: http://forsigner.com/
forsigner
    23
forsigner  
OP
   2016-02-23 11:03:50 +08:00
@easing 很简单的,看看 Hexo 文档就好了
okampfer
    24
okampfer  
   2016-02-23 11:16:28 +08:00
"设计师出身的前端攻城狮" ☆v☆
github 已关注。
Tink
    25
Tink  
PRO
   2016-02-23 11:19:15 +08:00 via iPhone
手机上有问题
XianZaiZhuCe
    26
XianZaiZhuCe  
   2016-02-23 11:23:15 +08:00 via iPhone
除了极简主义,还有其他主义不?来一个?
GPU
    27
GPU  
   2016-02-23 11:28:46 +08:00
歪楼想到了一个词 : 后现代超现实西欧主义。

感觉自己逗逼
unique
    28
unique  
   2016-02-23 11:29:39 +08:00
整体的风格都很清爽,主页可以试试加个背景图什么的。
hiroya
    29
hiroya  
   2016-02-23 11:31:13 +08:00 via iPad
好清爽~楼主加个 instantclick 嘛~
lynulzy
    30
lynulzy  
   2016-02-23 11:32:03 +08:00
mark ,挺漂亮
keepcleargas
    31
keepcleargas  
   2016-02-23 11:43:31 +08:00
不错 点赞.
wyntau
    32
wyntau  
   2016-02-23 11:44:00 +08:00
不错不错~
chuhemiao
    33
chuhemiao  
   2016-02-23 11:51:59 +08:00
不错点赞,够简单
easing
    34
easing  
   2016-02-23 12:15:40 +08:00
@forsigner 如何 enable disqus 评论?
Sukizen
    35
Sukizen  
   2016-02-23 12:37:15 +08:00 via Android
时间线的垂直线用 1px 就可以了,既然大量留白,线条细点好看,包括时间线上的点,用空心点,鼠标移动或点击则实心
forsigner
    36
forsigner  
OP
   2016-02-23 12:38:12 +08:00
@easing 修改你博客的根目录下的 _config.yml: disqus_shortname: forsigner ,这个可能要改成放在_confg.yml 下配置,我晚上改一下。
forsigner
    37
forsigner  
OP
   2016-02-23 12:39:09 +08:00
@Sukizen 恩恩 我看看效果怎样,谢啦
restran
    38
restran  
   2016-02-23 12:40:25 +08:00
似乎没有适配手机浏览
forsigner
    39
forsigner  
OP
   2016-02-23 12:40:35 +08:00
@hiroya 这个我看看哈
chenyg32
    40
chenyg32  
   2016-02-23 12:40:53 +08:00
顶顶顶,期待稳定版本
forsigner
    41
forsigner  
OP
   2016-02-23 12:41:37 +08:00
@okampfer 其实没有做过真正的设计师,大学专业是工业设计而已,哈哈
shenqi
    42
shenqi  
   2016-02-23 12:57:15 +08:00
试了下,用不了。。。。。
Leafove
    43
Leafove  
   2016-02-23 13:15:17 +08:00
在文章超过 10 篇的时候生成静态文件提示 bs_paginator is not defined...
好久没折腾 hexo 了不知道是不是 nodejs 版本的问题
djyde
    44
djyde  
   2016-02-23 13:29:20 +08:00


应该要 img width=100%
forsigner
    45
forsigner  
OP
   2016-02-23 13:39:36 +08:00
@djyde 对的,已修改,谢啦
forsigner
    46
forsigner  
OP
   2016-02-23 13:43:22 +08:00
@Leafove 暂时没有分页功能,暂时先设置在根目录的_config.yml 设置 per_page: 0 , bs_paginator is not defined 的问题已修修复,不是 Node 版本问题,是个不 bug 。分页功能今晚加上。
forsigner
    47
forsigner  
OP
   2016-02-23 13:43:41 +08:00
@Leafove 请问遇到什么问题?
Moker
    48
Moker  
   2016-02-23 13:43:50 +08:00
有种想移植要 WP 的冲动
forsigner
    49
forsigner  
OP
   2016-02-23 13:44:31 +08:00
@GPU 哈哈牛逼,你的 ID 也牛逼
phoenixlzx
    50
phoenixlzx  
   2016-02-23 13:44:56 +08:00
@forsigner 刚才在你那边评论说这个...

(·ω·`)不过建议给的是 95%
Maic
    51
Maic  
   2016-02-23 13:47:09 +08:00
@forsigner 为啥我访问的时候,图片还是那样显示的?
GPU
    52
GPU  
   2016-02-23 13:52:32 +08:00
@forsigner 说实话当年年少无知 , 不知天高地厚 。突然觉得这个名字挺厉害的 ,然后脑袋一热就去了几个论坛用这个 ID 注册了个账号,当然包括 v2 。
llhh
    53
llhh  
   2016-02-23 14:03:42 +08:00
很漂亮。
ykqmain
    54
ykqmain  
   2016-02-23 14:06:18 +08:00
这个风格真的很赞,速度也很快

打开直达 blog 就好了,增加 about 页面, 希望评论能支持多说
感觉再宽点就好,感觉浏览器左右两边的空白太多了
ykqmain
    55
ykqmain  
   2016-02-23 14:07:39 +08:00
如果再增加,分类,友链, RSS 就很完美了 ( ̄ ̄)
yaqink
    56
yaqink  
   2016-02-23 14:27:46 +08:00 via iPhone
等到自用的那个挂了之后换这个 _(:3 」∠ )_
mcfog
    57
mcfog  
   2016-02-23 14:32:55 +08:00
赞赞赞

无比羡慕会设计的前端……
3b295
    58
3b295  
   2016-02-23 15:02:40 +08:00
虽然不是很完美, 但是觉得相当的不错
kassadin
    59
kassadin  
   2016-02-23 15:46:53 +08:00
挺好,已 star
kepenj
    60
a href="/member/kepenj" class="dark">kepenj  
   2016-02-23 15:57:57 +08:00
赞一个
forsigner
    61
forsigner  
OP
   2016-02-23 16:04:22 +08:00
@ykqmain 这几天会完善 ^ ^
forsigner
    62
forsigner  
OP
   2016-02-23 16:13:35 +08:00
@mcfog 不专业的设计 哈哈
forsigner
    63
forsigner  
OP
   2016-02-23 16:14:34 +08:00
@Moker 欢迎
forsigner
    64
forsigner  
OP
   2016-02-23 16:15:35 +08:00
@XianZaiZhuCe 巴洛克和洛可可吗? 哈哈
songkaiape
    65
songkaiape  
   2016-02-23 16:39:36 +08:00
已经 STAR 等着完善,希望对移动端支持好点
fiifee
    66
fiifee  
   2016-02-23 16:47:51 +08:00
哥哥, 主题没有适配移动端啊!
xcc3641
    67
xcc3641  
   2016-02-23 16:48:22 +08:00
超级厉害!马上换~对于前端小白,有没有使用说明
bullettrain1433
    68
bullettrain1433  
   2016-02-23 17:03:29 +08:00
不错
pmsg863
    69
pmsg863  
   2016-02-23 17:19:45 +08:00
看了 LZ 两篇技术无关的博文,哈哈。。。
dcirplan
    70
dcirplan  
   2016-02-23 17:35:27 +08:00
文章正文的字体比代码的字体还小,看起来不协调
forsigner
    71
forsigner  
OP
   2016-02-23 17:54:36 +08:00
@restran 恩 手机适配今晚加上
forsigner
    72
forsigner  
OP
   2016-02-23 17:55:33 +08:00
@fiifee 今晚适配
forsigner
    73
forsigner  
OP
   2016-02-23 17:56:13 +08:00
@dcirplan 恩恩 我完善一下细节
forsigner
    74
forsigner  
OP
   2016-02-23 17:56:41 +08:00
@dcirplan 逃...
xcc3641
    75
xcc3641  
   2016-02-23 18:22:42 +08:00
楼主更新了能吼一声吗?
kokdemo
    76
kokdemo  
   2016-02-23 18:31:06 +08:00
……为什么大家都各种给楼主提需求,我觉得现在就挺好的……

移动端适配什么的不做也行。毕竟用手机访问 blog 的频率小的可怜。
ykqmain
    77
ykqmain  
   2016-02-23 18:36:14 +08:00 via iPhone
@forsigner 满足了我说的那几个刚需,我会毫不犹豫的换,我现在的主题有点慢……
ykqmain
    78
ykqmain  
   2016-02-23 18:37:47 +08:00 via iPhone
更新了能说一声就好了,非常感谢
xcatliu
    79
xcatliu  
   2016-02-23 18:44:02 +08:00
赞主题,已 follow
forsigner
    80
forsigner  
OP
   2016-02-23 19:13:31 +08:00
@ykqmain 好的啊
forsigner
    81
forsigner  
OP
   2016-02-23 19:13:55 +08:00
@kokdemo 手机还是应该适配的 哈哈
forsigner
    82
forsigner  
OP
   2016-02-23 19:14:26 +08:00
@xcc3641 好的哈
forsigner
    83
forsigner  
OP
   2016-02-23 19:14:55 +08:00
@dcirplan 待会修改 谢啦
vivisidea
    84
vivisidea  
   2016-02-23 20:47:25 +08:00
谢谢楼主,已 star
bugcode
    85
bugcode  
   2016-02-23 21:58:26 +08:00 via iPhone
喜欢这种#^_^#
forsigner
    86
forsigner  
OP
   2016-02-23 22:07:40 +08:00
@all @garsday @Tink @restran @kokdemo @ykqmain @xcc3641 已更新,适配了手机 (设计细节后续还会改进),并且优化了主题的字体细节,分页、分类、友链、 RSS 等功能还在思考怎么设计才不影响简洁性。
chakhsu
    87
chakhsu  
   2016-02-23 22:08:59 +08:00
有兼容 bug
Tink
    88
Tink  
PRO
   2016-02-23 22:10:35 +08:00 via iPhone
求各位大神移植 typecho 版
wyntau
    89
wyntau  
   2016-02-23 22:20:54 +08:00
等着 LZ 更新完毕后, 移植到 Jekyll :-)
wyntau
    90
wyntau  
   2016-02-23 22:23:01 +08:00
@forsigner .content-archive 的 overflow:hidden 会导致问题
wyntau
    91
wyntau  
   2016-02-23 22:23:28 +08:00
@forsigner .content-archive 的 overflow:hidden 会导致问题

xcc3641
    92
xcc3641  
   2016-02-23 23:11:55 +08:00
nice 。
加油加油加油,分页需求很重~
forsigner
    93
forsigner  
OP
   2016-02-23 23:12:15 +08:00
@Jeremial 修复了 呜.....
forsigner
    94
forsigner  
OP
   2016-02-23 23:13:43 +08:00
@xcc3641 我尽快哈
CupTools
    95
CupTools  
   2016-02-24 02:49:43 +08:00 via Android
分页你可以参考我主题里面的分页功能
binarylu
    96
binarylu  
   2016-02-24 04:04:05 +08:00
顶一下,真的很不错
xcc3641
    97
xcc3641  
   2016-02-24 08:09:21 +08:00
楼主我很喜欢你的设计~希望功能能够完善 感谢感谢
garsday
    99
garsday  
   2016-02-24 09:45:54 +08:00
@forsigner 还是很快的么~

你现在在职么?
ykqmain
    100
ykqmain  
   2016-02-24 10:41:20 +08:00
@forsigner 感谢提醒,持续关注,期待分类分页
1  2  
关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     966 人在线   最高记录 6679       Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 35ms UTC 22:33 PVG 06:33 LAX 15:33 JFK 18:33
Do have faith in what you're doing.
ubao 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