V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
forsigner
V2EX  ›  Hexo

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

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

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

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

主题的特点是:
- 极简主义设计
- 去除了各种复杂的元素,总共只有 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  
   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
不错 点赞.
Jeremial
    32
Jeremial  
   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
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  
   2016-02-23 22:10:35 +08:00 via iPhone
求各位大神移植 typecho 版
Jeremial
    89
Jeremial  
   2016-02-23 22:20:54 +08:00
等着 LZ 更新完毕后, 移植到 Jekyll :-)
Jeremial
    90
Jeremial  
   2016-02-23 22:23:01 +08:00
@forsigner .content-archive 的 overflow:hidden 会导致问题
Jeremial
    91
Jeremial  
   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   ·   实用小工具   ·   2742 人在线   最高记录 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 36ms · UTC 10:01 · PVG 18:01 · LAX 02:01 · JFK 05:01
Developed with CodeLauncher
♥ Do have faith in what you're doing.