V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
forsigner
V2EX  ›  Hexo

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

  forsigner · Feb 23, 2016 · 21346 views
This topic created in 3716 days ago, the information mentioned may be changed or developed.

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

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

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

主题截图:

screenshot-1
screenshot-2

欢迎吐槽建议~

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

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


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

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

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

无比羡慕会设计的前端……
3b295
    58
3b295  
   Feb 23, 2016
虽然不是很完美, 但是觉得相当的不错
kassadin
    59
kassadin  
   Feb 23, 2016
挺好,已 star
kepenj
    60
kepenj  
   Feb 23, 2016
赞一个
forsigner
    61
forsigner  
OP
   Feb 23, 2016
@ykqmain 这几天会完善 ^ ^
forsigner
    62
forsigner  
OP
   Feb 23, 2016
@mcfog 不专业的设计 哈哈
forsigner
    63
forsigner  
OP
   Feb 23, 2016
@Moker 欢迎
forsigner
    64
forsigner  
OP
   Feb 23, 2016
@XianZaiZhuCe 巴洛克和洛可可吗? 哈哈
songkaiape
    65
songkaiape  
   Feb 23, 2016
已经 STAR 等着完善,希望对移动端支持好点
fiifee
    66
fiifee  
   Feb 23, 2016
哥哥, 主题没有适配移动端啊!
xcc3641
    67
xcc3641  
   Feb 23, 2016
超级厉害!马上换~对于前端小白,有没有使用说明
bullettrain1433
    68
bullettrain1433  
   Feb 23, 2016
不错
pmsg863
    69
pmsg863  
   Feb 23, 2016
看了 LZ 两篇技术无关的博文,哈哈。。。
dcirplan
    70
dcirplan  
   Feb 23, 2016
文章正文的字体比代码的字体还小,看起来不协调
forsigner
    71
forsigner  
OP
   Feb 23, 2016
@restran 恩 手机适配今晚加上
forsigner
    72
forsigner  
OP
   Feb 23, 2016
@fiifee 今晚适配
forsigner
    73
forsigner  
OP
   Feb 23, 2016
@dcirplan 恩恩 我完善一下细节
forsigner
    74
forsigner  
OP
   Feb 23, 2016
@dcirplan 逃...
xcc3641
    75
xcc3641  
   Feb 23, 2016
楼主更新了能吼一声吗?
kokdemo
    76
kokdemo  
   Feb 23, 2016
……为什么大家都各种给楼主提需求,我觉得现在就挺好的……

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

xcc3641
    92
xcc3641  
   Feb 23, 2016
nice 。
加油加油加油,分页需求很重~
forsigner
    93
forsigner  
OP
   Feb 23, 2016
@Jeremial 修复了 呜.....
forsigner
    94
forsigner  
OP
   Feb 23, 2016
@xcc3641 我尽快哈
CupTools
    95
CupTools  
   Feb 24, 2016 via Android
🌚 分页你可以参考我主题里面的分页功能
binarylu
    96
binarylu  
   Feb 24, 2016
顶一下,真的很不错
xcc3641
    97
xcc3641  
   Feb 24, 2016
楼主我很喜欢你的设计~希望功能能够完善 感谢感谢
garsday
    99
garsday  
   Feb 24, 2016
@forsigner 还是很快的么~

你现在在职么?
ykqmain
    100
ykqmain  
   Feb 24, 2016
@forsigner 感谢提醒,持续关注,期待分类分页
1  2  
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1274 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 146ms · UTC 23:38 · PVG 07:38 · LAX 16:38 · JFK 19:38
♥ Do have faith in what you're doing.