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

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

  forsigner · Feb 23, 2016 · 21350 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  
Leafove
    101
Leafove  
   Feb 24, 2016
@forsigner 表示归档页最上方首页的标签感觉有些多余啊
Dlad
    102
Dlad  
   Feb 24, 2016
用上了,很好看。
dongyado
    103
dongyado  
   Feb 24, 2016
字体排版都很漂亮,赞一个, 已收藏。。
forsigner
    104
forsigner  
OP
   Feb 24, 2016
@all @timothyye @Leafove @xcc3641 @ykqmain 分页功能已经完成,欢迎建议吐槽,效果如下:

PC 效果:


Mobile 效果:
forsigner
    105
forsigner  
OP
   Feb 24, 2016
@Leafove 这个考虑过,其实点击头像也可以返回首页,但是怕太隐晦,就加了一个首页,这个设计我再想想
forsigner
    106
forsigner  
OP
   Feb 24, 2016
@garsday 什么很快呢? 不在职怎么吃饭...
forsigner
    107
forsigner  
OP
   Feb 24, 2016
@ykqmain 分页已加上
xcc3641
    108
xcc3641  
   Feb 24, 2016
超级 nice~还差硬需求就是分类和 tag 了
ykqmain
    109
ykqmain  
   Feb 24, 2016
@forsigner 希望还有分类,友链, RSS , about 。
把 blog 当作首页就行
感觉手机上的那条垂直线太偏左了。
手机上的,博客内容也感觉偏左
你可以搞一个比较长的标题,看看在手机上的效果
forsigner
    110
forsigner  
OP
   Feb 24, 2016
@ykqmain 恩恩 细节会持续改进
Leafove
    111
Leafove  
   Feb 24, 2016
@forsigner 其实我想说这算是我遇到的第一个可以为之而更换博客程序的主题了 大赞
forsigner
    112
forsigner  
OP
   Feb 24, 2016
@Leafove 谢谢,不过还好多功能跟细节需要完善
wuyinyin
    113
wuyinyin  
   Feb 24, 2016
喜欢博客的主题
wuyinyin
    114
wuyinyin  
   Feb 24, 2016
字体
zhuziyi
    115
zhuziyi  
   Feb 24, 2016 via iPhone
折腾了一天,搭建好了,好多坑。。。
Zeahoo
    116
Zeahoo  
   Feb 24, 2016 via iPhone
好棒的感觉!期待细节打磨~
Kaiyuan
    117
Kaiyuan  
   Feb 24, 2016
手机效果推荐内容区域左右空白留多一些。最好用百分比,那样不同屏幕也会一样效果。

```
.content-archive {
width: 96%;
padding: 0 2%;
text-align: left;
}
```
forsigner
    118
forsigner  
OP
   Feb 24, 2016
@zhuziyi 文档暂时还不详细,后续改善一下 ^ ^
forsigner
    119
forsigner  
OP
   Feb 24, 2016
@Kaiyuan 恩恩 感谢
stanjia
    120
stanjia  
   Feb 24, 2016
整体很好看, 期望加入 tag ~ 其他的就不需要改动了。很完美
forsigner
    121
forsigner  
OP
   Feb 24, 2016
@stanjia 正在完善, tag 功能正在加 ^ ^
xcc3641
    122
xcc3641  
   Feb 24, 2016
好赞啊楼主,一眼就喜欢你的主题了,加油加油,等项目成熟了我就马上换~加油。
timothyye
    123
timothyye  
   Feb 24, 2016
Nice job...
VECH
    124
VECH  
   Feb 24, 2016
顶一下~很喜欢,持续关注。
leitwolf
    125
leitwolf  
   Feb 24, 2016
不错,不错,加油!
livia313
    126
livia313  
   Feb 24, 2016
时间轴有点靠左( PC 和手机版都是),建议靠中会比较好看~~~
hexasnake
    127
hexasnake  
   Feb 25, 2016
非常棒!!!
larsenlouis
    128
larsenlouis  
   Feb 25, 2016
非常不错,发现没有 404 页面。打算写一个 jekyll 版 https://github.com/larsenlouis/fekyll
forsigner
    129
forsigner  
OP
   Feb 25, 2016
@xcc3641 恩恩 正在完善中...
forsigner
    130
forsigner  
OP
   Feb 25, 2016
@livia313 恩恩 谢谢你的建议,欢迎继续吐槽
hqs123
    131
hqs123  
   Feb 25, 2016
很简洁,赞一个
igel
    132
igel  
   Feb 25, 2016
喜欢!
qq3421923
    133
qq3421923  
   Feb 25, 2016
好看...
livia313
    134
livia313  
   Feb 25, 2016
加油 期待稳定版本
easing
    135
easing  
   Feb 25, 2016
刚 git pull 了一次发现不少更新,但貌似导航栏的分类、标签、关于什么的都还没具体实现?
forsigner
    136
forsigner  
OP
   Feb 25, 2016
@easing 对的,正在实现 ing...
server
    137
server  
   Feb 25, 2016
已收藏
jasperchou
    138
jasperchou  
   Feb 25, 2016
不错。简洁。总算是找到个符合想法的主题了。。。
ljh0585
    139
ljh0585  
   Feb 25, 2016
Just replace image theme/hexo/source/images/avatar.jpg
这路径写错了吧
eastingcw
    140
eastingcw  
   Feb 25, 2016
大赞啊,谢谢
luojiajian
    141
luojiajian  
   Feb 25, 2016
清爽简单~就是偏左了一点
forsigner
    142
forsigner  
OP
   Feb 25, 2016
@ljh0585 对的,我改一下
forsigner
    144
forsigner  
OP
   Feb 25, 2016
@eastingcw 在根目录的_config.yml 设置 "permalink: /:title/"
eastingcw
    145
eastingcw  
   Feb 25, 2016
@forsigner Thanks
2hiw
    146
2hiw  
   Feb 25, 2016
看了第一眼就喜欢上了,最近也是在搞一个自己的博客,刚才下载试了一下,效果很赞。个人意见:文章页左上角图标位置不太好,可以考虑修改一下;上面标签页弹出的时候,首页标签变暗;
加油,随时关注,期待更新
leitwolf
    147
leitwolf  
   Feb 26, 2016
类别那里应该是把所有类别集中在一起吧,不然这样好像没什么用处啊
lewisou
    148
lewisou  
   Feb 26, 2016
很喜欢这个风格。 只是差点没发现 http://forsigner.com/archives/ 里的“盒子”是个隐藏按钮。。
forsigner
    149
forsigner  
OP
   Feb 26, 2016
@2hiw 还在更新完善中哦
sindy
    150
sindy  
   Feb 26, 2016
就喜欢这么简洁的,已经换上了,加油更新啊~
forsigner
    151
forsigner  
OP
   Feb 26, 2016
@leitwolf 我想想办法,看能不能解决这个问题又不破坏设计的间接性,谢谢哈
forsigner
    152
forsigner  
OP
   Feb 26, 2016
@lewisou 这个我想想有什么更好的设计
xcc3641
    153
xcc3641  
   Feb 26, 2016
楼主~你的 Hexo 是不是已经更新好啦~
forsigner
    154
forsigner  
OP
   Feb 26, 2016
@sindy 恩恩 谢谢支持
forsigner
    155
forsigner  
OP
   Feb 26, 2016
@xcc3641 还在完善细节哦,刚重构了代码
xcc3641
    156
xcc3641  
   Feb 26, 2016
好像没有单篇文章的内容的目录生成?
forsigner
    157
forsigner  
OP
   Feb 26, 2016
@xcc3641 请问“单篇文章的内容的目录生成” 是指?
xcc3641
    158
xcc3641  
   Feb 26, 2016
xcc3641
    159
xcc3641  
   Feb 26, 2016
xcc3641
    160
xcc3641  
   Feb 26, 2016
md 里的引用“>”好像没有渲染?
forsigner
    161
forsigner  
OP
   Feb 26, 2016
@xcc3641 恩恩,很多功能还没来得及加上,周末我会尽快完善 ^ ^
xcc3641
    162
xcc3641  
   Feb 26, 2016
@forsigner 辛苦你啦~特别喜欢你的风格。
forsigner
    163
forsigner  
OP
   Feb 27, 2016
@sindy 周末加班更新 哈哈
eastingcw
    164
eastingcw  
   Feb 27, 2016
tags 和 categories 页面我也 new 了,怎么和你的不一样
sindy
    165
sindy  
   Feb 27, 2016
@forsigner 持续关注中,哈哈哈
forsigner
    166
forsigner  
OP
   Feb 27, 2016
@eastingcw 还在更新中,过几天我写个详细的文档哈
vcshui
    167
vcshui  
   Feb 28, 2016 via Android
mobile 左边距是不是小了点点,右边留白太多
vcshui
    168
vcshui  
   Feb 28, 2016 via Android
收回,截图看起来小。实际感觉不错
easing
    169
easing  
   Feb 28, 2016 via Android
为什么标题不居中了。。在左边看着好别扭
forsigner
    170
forsigner  
OP
   Feb 28, 2016
@vcshui 手机还没做很详细的适配
forsigner
    171
forsigner  
OP
   Feb 28, 2016
@easing 那我在_config.yml 加个配置,可居中也可以据居
leitwolf
    172
leitwolf  
   Feb 28, 2016
感觉完善很多了,在正文加个 table of content 就好了。
forsigner
    173
forsigner  
OP
   Feb 28, 2016
@leitwolf 是指文章内容的的导航?
leitwolf
    174
leitwolf  
   Feb 28, 2016
@forsigner 是的
Leafove
    175
Leafove  
   Feb 28, 2016
可否配置中不配置"盒子"的话就隐藏掉该按钮..
forsigner
    176
forsigner  
OP
   Feb 28, 2016   ❤️ 1
@Leafove 可以,已经加上


# 面包屑
breadcrumb:
isShow: true # true|fase

# 盒子
toolbox:
isShow: true # true|fas
Leafove
    177
Leafove  
   Feb 29, 2016
@forsigner Thanks~
Leafove
    178
Leafove  
   Feb 29, 2016
@forsigner 不过在文章页面还是会显示盒子按钮~
forsigner
    179
forsigner  
OP
   Feb 29, 2016
@Leafove 可能是缩进不对,这里不能代码缩进,你看这里: https://github.com/forsigner/fexo/blob/master/_config.yml
Leafove
    180
Leafove  
   Feb 29, 2016
@forsigner 噢,没表达清楚.我的意思是归档页面可以正确隐藏,但是详细文章页面已然存在
forsigner
    181
forsigner  
OP
   Feb 29, 2016
@Leafove 是忘记隐藏详情页了,现在已经可以隐藏
qutian
    182
qutian  
   Mar 5, 2016
不错准备用 看到过一个类似的 http://lotabout.me/very-simple/
1  2  
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4542 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 129ms · UTC 01:01 · PVG 09:01 · LAX 18:01 · JFK 21:01
♥ Do have faith in what you're doing.