极简主义主题 Fexo in beta - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
forsigner
V2EX    分享创造

极简主义主题 Fexo in beta

  •  3
     
  •   forigner
    forsigner 2016-03-01 13:39:36 +08:00 9062 次点击
    这是一个创建于 3516 天前的主题,其中的信息可能已经有所发展或是发生改变。

    刚开始只是一时兴起心血来潮周末无聊,用了两个晚上写了一个 Hexo 主题,叫做 Fexo ,这个名字的来源是用我网名的首字母 F 替换了 Hexo 的首字母的 H 。

    起初就是想做一个最简洁的主题,去除所有元素,只有两个页面:一个文章列表和一个文章详情,但是觉得有点简陋,就加了一个起始页,我觉得 3 个页面就够了。

    周一我把主题分享到 V2 ,没想到得到一些 V 有的认可,主要是颜值还可以 (哎,一个看脸的世界),并且得到一些建议,所以就决定完善这个主题,顺便做回自己的老本行,做一个完整的设计,所以有了现在比较完整的主题。

    Demo: http://forsigner.com/

    Github 地址:Fexo - A minimalist design theme.

    主题的特点最主要就是简单拉 (界面虽简但是五脏俱全),还有就是 Pure CSS, No Javascript ,加载性能好。

    分页,文章分类,标签,友链, RSS ,关于, toc 等主流功能都有,不足是移动端还没设计好。

    主题会长期维护,欢迎吐槽|、提 feature 、提 issue 、 pull request...

    下面是一些页面:

    首页:
    1

    文章页:
    2

    关于:
    2

    文章分类页:
    4

    第 1 条附言    2016-03-01 14:11:28 +08:00
    @ykqmain 你的刚需看看满足没
    @fish267 现在可以配置是否直达 post list
    @garsday @thinkmore @easing @jeffjade @oading @Leafove @Lenbo @jusonalien @timothyye @okampfer @GPU @unique @lynulzy @Jeremial @easing @chenyg32 @djyde @Moker @ykqmain @mcfog @3b295 @kassadin @xcc3641 @dcirplan @xcatliu @vivisidea @bugcode @Jeremial @binarylu @Dlad @wuyinyin @zhuziyi @Zeahoo @timothyye @leitwolf @hexasnake @larsenlouis @hqs123 @igel @server @ljh0585 @eitwolf @lewisou @sindy 经过一周的打磨,主题终于基本完善了,感谢大家的建议和关注~
    78 条回复    2016-08-29 08:59:15 +08:00
    lynulzy
        1
    lynulzy  
       2016-03-01 13:48:10 +08:00
    livia313
        2
    livia313  
       2016-03-01 13:51:01 +08:00
    wow~ 楼主速度好快,已经完善好多了
    forsigner
        3
    forsigner  
    OP
       2016-03-01 14:08:21 +08:00
    @livia313 @lynulzy 感谢 ^ ^
    timothyye
        4
    timothyye  
       2016-03-01 14:15:33 +08:00
    赞一个
    EyreFree
        5
    EyreFree  
       2016-03-01 14:18:08 +08:00
    赞,看起来很不错。
    ciki
        6
    ciki  
       2016-03-01 14:23:12 +08:00
    我觉得起始页有点多余吧,改成菜单栏会比较好,没那么多层次
    forsigner
        7
    forsigner  
    OP
       2016-03-01 14:29:03 +08:00
    @ciki 所以这涉及到个人喜好问题,这个可以配置_config.yml 中的 “ init_page_content ” ,让起始页变成文章列表。起始页不一定是多余,例如:当有人想把起始页变成一个入口, blog 只是一个子服务时,起始页就有用了。
    kooze
        8
    kooze  
       2016-03-01 14:30:40 +08:00
    蛮好的
    zixincao
        9
    zixincao  
       2016-03-01 14:35:32 +08:00
    支持一个!!
    Tink
        10
    Tink  
    PRO
       2016-03-01 14:36:48 +08:00 via iPhone
    求众大神移植一个 typecho 版的
    zhengji
        11
    zhengji  
       2016-03-01 15:02:36 +08:00
    很精美!
    reverland
        12
    reverland  
       2016-03-01 15:59:25 +08:00
    hi, 有些偏向我个人需求的想法

    1. 文章目录能始终保持在屏幕内,或者有快速返回最顶部的方法
    2. fontello 不是有 weibo 和 mail 的图标吗,这两个没有图标感觉好奇怪。还想加个微信的图标 233

    楼主加油,漂亮,移动端还没看
    forsigner
        13
    forsigner  
    OP
       2016-03-01 16:07:03 +08:00
    @zhengji thx~
    forsigner
        14
    forsigner  
    OP
       2016-03-01 16:07:54 +08:00
    @reverland 恩恩 这些都很有必要~
    edisonator
        15
    edisonator  
       2016-03-01 16:10:52 +08:00
    支持,我记得我收藏过一次呀,怎么又可以收藏了
    edisonator
        16
    edisonator  
       2016-03-01 16:11:46 +08:00
    雪崩,原来这是一篇新帖...
    forsigner
        17
    forsigner  
    OP
       2016-03-01 16:22:41 +08:00
    @edisonator 手动偷笑
    reverland
        18
    reverland  
       2016-03-01 16:34:16 +08:00
    移动端也很好啊,

    对了,还有 mathjax
    sky170
        19
    sky170  
       2016-03-01 16:34:28 +08:00
    支持
    panfake
        20
    panfake  
       2016-03-01 16:36:16 +08:00
    赞!很喜欢!
    DesignerSkyline
        21
    DesignerSkyline  
       2016-03-01 16:42:29 +08:00
    强烈支持 现在竟然有种想把 WP 换成 Hexo 的冲动了, 23333333
    yuuko
        22
    yuuko  
       2016-03-01 16:45:19 +08:00
    已 star
    magicdawn
        23
    magicdawn  
       2016-03-01 16:49:07 +08:00
    极简 http://magicdawn.ml 哈哈
    HanB
        24
    HanB  
       2016-03-01 16:49:46 +08:00
    赞、、
    forsigner
        25
    forsigner  
    OP
       2016-03-01 17:24:06 +08:00
    @DesignerSkyline 换换换 Hexo 比 WP 用起来爽
    forsigner
        26
    forsigner  
    OP
       2016-03-01 17:25:11 +08:00
    @reverland 看来 Pure CSS 要打破了...
    dongyado
        27
    dongyado  
       2016-03-01 17:40:46 +08:00
    越来越漂亮了。。。
    feather12315
        28
    feather12315  
       2016-03-01 18:30:43 +08:00 via Android
    已用上,感觉蛮不错的
    Zeahoo
        29
    Zeahoo  
       2016-03-01 19:11:25 +08:00
    之前版本已经用上了,很简单,很喜欢~
    livia313
        30
    livia313  
       2016-03-01 19:47:13 +08:00
    惊喜呀喂,楼主好棒
    leitwolf
        31
    leitwolf  
       2016-03-01 19:52:34 +08:00
    toc 感觉很糟糕啊,我觉得比较好的是,一个图标固定在右上角,点击(或鼠标放上去)的时候才显示出来。
    leitwolf
        32
    leitwolf  
       2016-03-01 19:55:47 +08:00
    文章正文有个上一主题下一主题就好了。
    不过现在也很好了,加油。
    forsigner
        34
    forsigner  
    OP
       2016-03-01 21:06:50 +08:00
    @Zeahoo blog 还上了 https...
    forsigner
        35
    forsigner  
    OP
       2016-03-01 21:07:22 +08:00
    @leitwolf 恩恩,我试试,看看会不会更好
    forsigner
        36
    forsigner  
    OP
       2016-03-01 21:08:35 +08:00
    @EyreFree thx~
    ykqmain
        37
    ykqmain  
       2016-03-01 21:18:47 +08:00
    The last time
    kmahyyg
        38
    kmahyyg  
       2016-03-01 22:12:57 +08:00
    小白问题

    hexo 在 96m vps 小鸡上可以跑吗?
    edwardaa
        39
    edwardaa  
       2016-03-01 23:44:48 +08:00
    确实很干净,所以标题怎么取就显得更加重要了。
    forsigner
        40
    forsigner  
    OP
       2016-03-02 09:17:15 +08:00
    @edwardaa 恩恩,还有就是字体很重要,我最近在做自定义字体
    garsday
        41
    garsday  
       2016-03-02 09:34:58 +08:00
    @forsigner 撒花~~~
    Lenbo
        42
    Lenbo  
       2016-03-02 11:16:25 +08:00
    @leitwolf 这个好丑
    Lenbo
        43
    Lenbo  
       2016-03-02 11:18:09 +08:00
    @forsigner TOC 在现用的基础上,固定悬浮就可以了
    leitwolf
        44
    leitwolf  
       2016-03-02 11:19:53 +08:00
    @Lenbo 我觉得那个 toc 设计的不错啊,方便阅读文章。
    reverland
        45
    reverland  
       2016-03-02 11:37:51 +08:00
    @forsigner >_< 可选吧, Mathjax 默认关闭什么的
    reverland
        46
    reverland  
       2016-03-02 11:38:20 +08:00
    @Lenbo 同样希望 toc 悬浮。。。要么就需要一个返回顶端。。
    reverland
        47
    reverland  
       2016-03-02 11:39:31 +08:00
    @leitwolf 屏幕小的好伤心。。。
    reverland
        48
    reverland  
       2016-03-02 12:08:33 +08:00
    fontello 的字体要不要按照默认方式命名。。我想加个图标不知道之前那些是什么。。。
    forsigner
        49
    forsigner  
    OP
       2016-03-02 12:39:01 +08:00
    @reverland 我晚点在文档完善一下怎么使用图标,还有怎么自定义图标
    forsigner
        50
    forsigner  
    OP
       2016-03-02 12:39:16 +08:00
    @reverland 这个可以有
    jinzhe
        51
    jinzhe  
       2016-03-02 12:40:05 +08:00
    简约而简单,需要质感
    apeipo
        52
    apeipo  
       2016-03-02 13:54:07 +08:00
    很喜欢!!,晚点试试看
    forsigner
        53
    forsigner  
    OP
       2016-03-02 16:57:17 +08:00
    @jinzhe 请问是指怎样的质感呢?
    CyrilC
        54
    CyrilC  
       2016-03-02 18:04:19 +08:00
    哟,珠海的?
    forsigner
        55
    forsigner  
    OP
       2016-03-02 18:24:36 +08:00
    @CyrilC 对的~
    Zeahoo
        56
    Zeahoo  
       2016-03-03 08:33:13 +08:00
    about 页面貌似在手机端显示不全,题主你看看是不是就我一个人这种情况~
    stanjia
        57
    stanjia  
       2016-03-03 08:39:07 +08:00
    此项目很活跃,已经在使用了。
    有个问题撒, 就是我 pull 了最新的 git 内容,然后生成的网站点了 标签和分类时,发现是 404 的页面。
    我是用 hexo g && hexo server 这样生成的, 是不是少做了神马?
    forsigner
        58
    forsigner  
    OP
       2016-03-03 09:20:52 +08:00
    @Zeahoo 确实还没是配好手机,我这几天适配一下
    forsigner
        59
    forsigner  
    OP
       2016-03-03 09:22:10 +08:00
    @stanjia 你看看文档,有详细的说明,你要先 “ hexo new page tag ” 生成页面
    leo937549163
        60
    leo937549163  
       2016-03-03 10:46:43 +08:00 via Android
    赞!我昨天刚搭 hexo ,用的就是你的 fexo
    不过有几个小遗憾?一个是中文汉字的字体的实现?总觉得在电脑 chrome 中渲染得一般,但手机上现货不错。另一个是 MD 的的图片似乎默认做了宽度适配全屏的处理?
    (顺便正文字体设置的是 15px ?仿佛有点小 不过这随意)
    总体还是很喜欢的!支持!
    jinzhe
        61
    jinzhe  
       2016-03-03 14:31:17 +08:00
    @forsigner 这种没办法用语言直接写出来,因为需要很多方面去评价的。比如设计感、交互体验、色彩运用、兼容性、内容、网页性能等等细节。

    按我自己的理解就是一个作品的灵魂。这种东西不是拼凑起来的,而且根据以往经验精心打磨而成。其中包括自己的想法、理念、甚至是世界观、人生观。
    forsigner
        62
    forsigner  
    OP
       2016-03-03 16:43:01 +08:00
    @leo937549163 图片是 100%,这个我可以改成一下,适配一下小图,字体我有计划改善它
    forsigner
        63
    forsigner  
    OP
       2016-03-03 16:43:45 +08:00
    @jinzhe 这个项目是偶然起的 没这么认真 哈哈
    Merlini
        64
    Merlini  
       2016-03-04 13:54:58 +08:00
    关于的字体有点太大了,还有 icon 矢量图感觉不是很实用, ie11 没有适配,关于图片的话,觉得还是自己上传的时候调好,这样避免下载多余的东西。
    总体感觉很简洁,已用上, thanks 哈哈。
    还有标题和副标题用中文好丑。。
    forsigner
        65
    forsigner  
    OP
       2016-03-04 14:15:13 +08:00
    @Merlini 恩恩,字体我没在 IE 环境测,我正准备改善一下字体
    forsigner
        66
    forsigner  
    OP
       2016-03-04 15:37:45 +08:00
    @Merlini 字体已经改善,后面计划加上配置可以选择自定义字体
    Merlini
        67
    Merlini  
       2016-03-05 13:30:28 +08:00
    @forsigner git pull 以后 nav 出错 导航栏全是 undefined
    leo937549163
        68
    leo937549163  
       2016-03-05 16:00:51 +08:00
    一个建议( bug )

    启用分类页面

    在博客根目录执行 hexo new page category
    修改 my-blog/source/category/index.md 里面的内容:
    ---
    title: category
    layout: category
    comments: false
    ---
    启用标签页面

    在博客根目录执行 hexo new page tag
    修改 my-blog/source/tag/index.md 里面的内容:
    ---
    title: tag
    layout: tag
    comments: false
    ---

    以上为你的文档
    建议改为 categories 和 tags
    leo937549163
        69
    leo937549163  
       2016-03-05 16:56:20 +08:00
    http://leonids.xyz/downloads/Screenshot.png
    在正文中 自动生成的右侧的索引 似乎有排版的问题。我不知道只是 hexo 的还是什么;w;
    (就是 h4 的标题上下有间距, h2 的却没有)
    stanjia
        70
    stanjia  
       2016-03-05 17:22:42 +08:00
    @forsigner 已解决^_^
    forsigner
        71
    forsigner  
    OP
       2016-03-06 10:26:27 +08:00
    @leo937549163 因为 categories 默认被 Hexo 使用了,所以我才统一没加 [s] 的
    forsigner
        72
    forsigner  
    OP
       2016-03-06 10:28:40 +08:00
    @reverland 返回顶部已经加上, toc 确实需要优化
    forsigner
        73
    forsigner  
    OP
       2016-03-06 10:31:01 +08:00
    @leo937549163 图片强制 100%问题已经解决, 排版问题我再优化一下
    tangbao
        74
    tangbao  
       2016-03-06 14:40:41 +08:00
    求移植到 Typecho ! 感谢 !
    joyc
        75
    joyc  
       2016-03-06 22:31:53 +08:00
    简洁而不简单 不错
    Leafove
        76
    Leafove  
       2016-03-15 10:59:42 +08:00
    才发现在设置不显示盒子的情况下桌面上正常,而手机上依然会显示
    forsigner
        77
    forsigner  
    OP
       2016-03-16 11:07:14 +08:00
    我看一下哈
    Eugene1024
        78
    Eugene1024  
       2016-08-29 08:59:15 +08:00
    咋启动的呢
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     936 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 19:40 PVG 03:40 LAX 12:40 JFK 15:40
    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