V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
xd666888
V2EX  ›  程序员

真的很讨厌博客网站用大量的 css 去美化

  •  1
     
  •   xd666888 · 10 天前 · 16985 次点击

    正文

    现在网站做的都很好看,但看多了容易审美疲劳,且不利于查找找关键信息(尤其是博客类或技术的官网),各种特效满天飞,甚至打开页面的时候还会卡顿一下。不知道从什么时候接触到了这种老式网页(css 占比很少),都是一些简单的布局,整个网站一目了然,看着就很舒服。

    总结

    总结下,我喜欢网站应该有一下几个特点,看看有没有同道中人

    • 不要用大量 css动画修饰网站美观,除非网站内容确实需要
    • 网站不要留白太大,各种组件尺寸也很大,过大的组件会导致每屏展示的内容缩小
    • 不要用五颜六色的文字,且网站整个色调不要超过3 种
    • 不要用与内容无关的图片(很多网站出现与内容无关联的图片或表情包)
    • 网站页面布局分栏不要太多,例如:一个博客类的网站,一个页面必备栏目就以下几种:
      1.文章信息(标题、内容等) 2.文章分类 3.评论 4.博客主人信息 。除此之外的任何东西,我认为都是多余的。如果有非要加,就放在一个专门页面管理,不要和文章混在一起。
    201 条回复    2025-09-12 14:17:24 +08:00
    1  2  3  
    Miary
        1
    Miary  
       10 天前   ❤️ 38
    为什么要你认为?那是别人自己的博客。
    xd666888
        2
    xd666888  
    OP
       10 天前   ❤️ 26
    @Miary 我认为就是我认为哈,我的主观行为
    lnbiuc
        3
    lnbiuc  
       10 天前
    内容为主吧,其他的都不重要
    peteretep
        4
    peteretep  
       10 天前   ❤️ 4
    人家自己家爱怎么装修就怎么装修,你可以不看
    x86
        5
    x86  
       10 天前   ❤️ 5
    二次元爱好者那种博客一般都挺花里胡哨的,透明二次元背景+各种透明效果+.....
    ejin
        6
    ejin  
       10 天前   ❤️ 2
    恭喜你回到了 20 年前,在 2005 年那个时代,各种个人主页就是如此,漫天特效,自动的背景音乐,花花绿绿。


    说真的,他们是自己的网站,想怎么折腾都行,但有时候就像乱穿衣服的,旁人看着确实尴尬。
    Track13
        7
    Track13  
       10 天前
    其实我是不讨厌的,好看有创意的会感觉挺不错。
    但是有几个使用人数多的模板有一种抖音上图片+文字生成视频的美感,让我感到看了个寂寞。
    cnrting
        8
    cnrting  
       10 天前 via iPhone
    QQ 空間博客版啊
    sunchaoylq
        9
    sunchaoylq  
       10 天前
    RSS 订阅不就好了吗
    wu67
        10
    wu67  
       10 天前   ❤️ 8
    华丽胡哨就算了, 那个会跟着鼠标指针动的几何图形背景才恶心, 一打开页面旧 CPU 占用飙升
    jimmyC
        11
    jimmyC  
       10 天前   ❤️ 11
    可以看看我的: https://www.jimmy-blog.top/ 绝对让你舒舒服服的
    corcre
        12
    corcre  
       10 天前   ❤️ 1
    @jimmyC (说实话打开之前我以为是"如何把你的设计师朋友气到脑中风"那种风格的
    ZactorSimmons
        13
    ZactorSimmons  
       10 天前   ❤️ 1
    确实,我也希望我的博客装扮好看一些,但装扮过度对读者来说就是视觉疲劳:
    我看到的有关不掉的 live2d
    关不掉的 webgl 背景(非常好背景,使我笔记本风扇起飞)
    关不掉的复制出处(只是复制代码中的一小部分都会像知乎那样在剪贴板里带上来源信息)
    关不掉的自定义鼠标特效(富强民族等,甚至没有 user-select:none ,会干扰文本复制)
    关不掉的自定义全屏加载界面(某些博客的 js 加载失败了就会卡在这里很久)
    改不掉的手写字体
    还有更多,所以我会选择对这类博客关闭 javascript ,但有些博客的加载界面是需要 javascript 才能去掉的......而且仍然不能解决某些自定义样式问题
    xd666888
        14
    xd666888  
    OP
       10 天前
    @wu67 hhh,甚至有的还会改变你的鼠标指针样式,感觉鼠标移动都不流畅了... 这种真的很影响阅读体验
    ZactorSimmons
        15
    ZactorSimmons  
       10 天前   ❤️ 1
    这也是为什么现在的浏览器要推行阅读模式,让读者专注于学习和获得他想要的知识,而不被过度打扰
    不敢想象如果现在的浏览器没有默认禁止自动播放会发生什么
    aloxaf
        16
    aloxaf  
       10 天前
    我能理解你,但这和大量 css 无关,只是单纯地丑而已。

    而且你说的「老式网页」大概率只是走了简洁风格,并不意味着 css 少。真的「老式网页」那属于是放弃设计,和过度设计相比只能说半斤八两。

    不过简洁风格的博客确实耐看一点,因为大部分人设计水平都不行(当然我也是),少设计就是少犯错。
    jimmyC
        17
    jimmyC  
       10 天前
    @corcre 哈哈哈哈哈,那进去嘞?
    mc2tap
        18
    mc2tap  
       10 天前   ❤️ 2
    https://www.joshwcomeau.com/

    正如楼上说的,和大量 css 无关,和审美和设计有关系
    withzhaoyu
        19
    withzhaoyu  
       10 天前   ❤️ 19
    @corcre 你说的是不是这种 → https://sojo.magiconch.com/
    ZactorSimmons
        20
    ZactorSimmons  
       10 天前
    @withzhaoyu 要素溢出
    wanniwa
        21
    wanniwa  
       10 天前
    @mc2tap 好喜欢,一点也不觉得花里胡哨
    ufan0
        22
    ufan0  
       10 天前   ❤️ 1
    除了纯 HTML 的设计,估计没有比这个更加简陋的: https://allinprogram.com/
    qzhai
        23
    qzhai  
       10 天前   ❤️ 8
    http://mumingfang.com/ 额,惭愧,作为前端不这样我们吃啥。。。
    remrin
        24
    remrin  
       10 天前
    https://herman.bearblog.dev/ 这个播客的风格我很喜欢
    xd666888
        25
    xd666888  
    OP
       10 天前
    @ufan0 很好啊,越简单越好,可以把更多的注意力放在内容上~
    ufan0
        26
    ufan0  
       10 天前
    @xd666888 #25 谢谢鼓励
    zidian
        27
    zidian  
       10 天前
    碰到这种我都之间关掉,VXNA 那里好几个博客都是这样。
    人家故意做出那样,就是为了接受不了的人不要看,那就不要看好了
    june4
        28
    june4  
       10 天前
    我只有一个要求,别用永久动画,动画应该只用在动作上。
    有点网站打开背景或别的块就是个永久动画,直接永久升高了机器温度让风扇起飞
    walterggg
        29
    walterggg  
       10 天前 via iPhone
    @jimmyC 不错,之前看过
    xd666888
        30
    xd666888  
    OP
       10 天前
    @remrin 看来我两审美是一样的,我也很喜欢这种,看着很舒服
    Tink
        31
    Tink  
    PRO
       10 天前   ❤️ 2
    gmfan
        32
    gmfan  
       10 天前
    @qzhai 好卡,是不是要优化一下性能了
    qzhai
        33
    qzhai  
       10 天前
    @gmfan 看来 是的
    imjiaoyuan
        34
    imjiaoyuan  
       10 天前 via Android
    @jimmyC 很舒服啊 可惜我用 Hugo
    imjiaoyuan
        35
    imjiaoyuan  
       10 天前 via Android   ❤️ 3
    看看我的 jiaoyuan.org
    corcre
        36
    corcre  
       10 天前
    @withzhaoyu 这味道对喽🐶
    xd666888
        37
    xd666888  
    OP
       10 天前
    @imjiaoyuan #35 引用你博客的一句话,原文:

    ”如今我也爱上了一种极简主义精神,我希望很多事可以简简单单的,在学校的桌子我会定时收拾干净,将自己经常用的东西放在手边;手机和电脑里留下那些我需要的便可,这似乎也与 Arch 的理念不谋而合,我只要我需要的。“


    我只要我需要的。这句话正是我对博客的定义
    lisxour
        38
    lisxour  
       10 天前
    二次元类的通病,特效+图片比正文还多,花里胡哨的,樱花特效 + 背景特效 + 鼠标特效 + 发光/玻璃特效,每篇文章再贴个大大的与文章毫无关系的二次元图,然而文章简介才二三十个字都不到,确实有点绷不住。
    PEALFK
        39
    PEALFK  
       10 天前
    笑死我也不喜欢那种花花绿绿的,还有那种鼠标点击烟花特效、各种流光溢彩、甚至有那种桌面小宠物在右下角的 hhhhh

    还是看个人的审美吧,自己写的就挺简单 https://peal.cc/
    m319
        40
    m319  
       10 天前   ❤️ 6
    于是有人专门做了个页面
    https://motherfuckingwebsite.com/

    不过太过简陋引起了一些争论,于是有了下面的改良版
    http://bettermotherfuckingwebsite.com/
    fzdwx
        41
    fzdwx  
       10 天前
    @qzhai #23 好花...
    fzdwx
        42
    fzdwx  
       10 天前
    PandaIsGood
        43
    PandaIsGood  
       10 天前   ❤️ 1
    @withzhaoyu 像极了我中学时候用“有声有色”加了一堆 js 特效的感觉
    PEALFK
        44
    PEALFK  
       10 天前
    @qzhai 大佬 我超喜欢你的!!!逛了几十分钟了
    lingzhu904
        45
    lingzhu904  
       10 天前
    ejin
        46
    ejin  
       10 天前
    补充一个……

    博客园支持自定义 CSS+JS ,结果就是各种博客瞎搞代码,偶尔就能见到连页面都显示不出来的。

    “因为是他们自己的,所以与我们无关”才是最无语的,CSS 、JS 错误,导致页面都显示不了怎么会和我们无关呢。

    还有少量个人博客,居然会让杀毒软件报毒……我一般会反馈,但有的博客连个联系方式都没有,提了还可能被怀疑就是你在恶作剧。
    214L
        47
    214L  
       10 天前
    跟 css 关系不大,感觉主要问题还是个人审美不同。
    qzhai
        48
    qzhai  
       10 天前
    @fzdwx 哈哈,这个是当简历用的
    Pteromyini
        49
    Pteromyini  
       10 天前
    @mc2tap #18 这个是真的喜欢
    liuidetmks
        50
    liuidetmks  
       10 天前
    @Tink 不错,我喜欢你这个,但是其实你还是有几个简单的 css ,可以参照 #40 http://bettermotherfuckingwebsite.com/ 再加一行居中,挺不错,会 better 一些 ☺️
    qzhai
        51
    qzhai  
       10 天前
    @PEALFK 一点自己的 demo 而已
    mimiphp
        52
    mimiphp  
       10 天前
    来看看中文网站鼻祖:最早域名 lili.cc 现在的域名 http://www.yini.org/
    zerovoid
        53
    zerovoid  
       10 天前
    很多网站的就是程序员自己弄的,炫技的成分多,或者直接从哪里 copy 来的代码,
    毕竟不是专业的 UI 设计师,美不美是次要的。
    ZactorSimmons
        54
    ZactorSimmons  
       10 天前
    记得还有开幕雷击报菜名的,格式忘了,但大体看起来像是这样:"欢迎来自 中国电信 北京市东城区(180.149.134.*) 的朋友通过 duckduckgo 来到我的博客!请问您是在找 [搜索词] 吗?"
    第一感觉是 app 里会报地名的社交软件广告"来自 xx 的小哥哥"
    Leoking222
        55
    Leoking222  
       10 天前   ❤️ 1
    跟审美有关吧
    wogogoing
        56
    wogogoing  
    PRO
       10 天前 via iPhone
    op 来看看我之前在 v 友这里搜集的不错的博客:

    https://www.v2ex.com/t/1089949

    另外这是我的博客: https://blog.keepchen.com
    欢迎大家互换友链。
    nicaiwss
        57
    nicaiwss  
       10 天前 via iPhone
    我们老年人和小孩子都喜欢花里胡哨的,中年人反正也没钱,不是目标客户
    loading
        58
    loading  
       10 天前 via Android
    不是 css 的错,是设计和风格问题。
    loading
        59
    loading  
       10 天前 via Android
    如果实在不喜欢,可以玩玩裸奔。

    CSS NAKE DAY 了解一下
    https://cssence.com/2025/css-naked-day/
    MENGKE
        60
    MENGKE  
       10 天前
    感觉我的还算简洁,至少没有花里胡哨: https://mengke.me
    cmdOptionKana
        61
    cmdOptionKana  
       10 天前
    只要是特殊的,我都喜欢,混乱、花俏都喜欢。

    只要是千篇一律的我都不喜欢,尤其是那种明明是个人博客却用产品主页、公司主页模板的最讨厌。
    jimmyC
        62
    jimmyC  
       10 天前
    @wogogoing 你好,V 友 | 可以换一下友链接 https://about.jimmy-blog.top/
    rainmint
        63
    rainmint  
       10 天前
    @qzhai #23 小黑屋域名证书过期了😄
    fdd92
        64
    fdd92  
       10 天前 via Android
    然后还二次元花背景+鼠标动效是吧
    AkinoKaedeChan
        65
    AkinoKaedeChan  
       10 天前 via iPhone
    不如二次元背景+Live2D+鼠标动效+大量动画,我之前用核显本( Vega 8 ),有的打开来 GPU 就 100%,大概就 15 fps 。
    tangmou
        66
    tangmou  
       10 天前
    @remrin https://chenjianyong.com/ 我就是用的这个主题, 小改了一下
    debuginn
        67
    debuginn  
       10 天前
    感觉我用的主题也比较简洁,右侧我自己加了一些小组件,有点多了 但不杂乱
    https://blog.debuginn.com
    catazshadow
        68
    catazshadow  
       10 天前 via Android
    当年马库罗斯三角在播的时候有个给安康鱼加一秒的网站,背景音乐是 girigiri 爱,打开就满屏的 gif ,那才叫刺激

    不知道有没有人知道我在说什么
    liyafe1997
        69
    liyafe1997  
       10 天前
    人民群众喜闻乐见,你不喜欢,你算老几(手动狗头
    kzfile
        70
    kzfile  
       10 天前
    这就是我宁愿看 csdn 也不愿看某些人自己搭的博客。
    csdn 屏蔽各种广告后起码风格是统一的
    dsggnbsp
        71
    dsggnbsp  
       10 天前

    浏览器可以自定义油猴插件 [跑题了]
    ikesnowy
        72
    ikesnowy  
       10 天前
    @ejin 登录账号了的话,博客园首页右上角菜单里有「简洁模式」,开启后就不会展示用户自定义的内容了
    yb2313
        73
    yb2313  
       10 天前
    直接找到它的 api 接口直接用 api 拿数据, 我喜欢高效
    dsggnbsp
        74
    dsggnbsp  
       10 天前
    tiRolin
        75
    tiRolin  
       10 天前
    我也这么认为,我认为好的博客很重要的一点就是简洁
    leo72638
        76
    leo72638  
       10 天前 via iPhone
    和 css 有什么关系,感觉你讨厌的是花里胡哨
    Foxkeh
        77
    Foxkeh  
       10 天前
    阅读模式可解
    HADB
        78
    HADB  
       10 天前
    感觉都在晒博客啊,hhh
    看看我的: https://hadb.me
    Codishek2005
        79
    Codishek2005  
       10 天前
    我这有个半成品,不知道你觉得这个看起来怎样?

    ![]( )

    设计参考了 Material Design 2 ,但我并没用 MD 相关的组件,所有 HTML + CSS 代码都是自己手搓的(用 Tailwind CSS 仅仅是为了省去写多余 CSS 的功夫)
    bowencool
        80
    bowencool  
       10 天前
    自我感觉还行 https://blog.bowen.cool/zh/posts/how-do-i-build-my-blog
    hiplon
        81
    hiplon  
       10 天前
    首页 10kb 以内,https://xou.net/
    anivie
        82
    anivie  
       10 天前
    @qzhai #23 求问一下这些效果是开源的吗,或者在哪能看到你参考的那些项目呢
    Yaavi
        83
    Yaavi  
       10 天前
    💯 性能、无障碍、最佳做法、SEO ,全满分: https://bgo.me/
    iomect
        84
    iomect  
       10 天前
    https://www.nbyang.com/
    好多年不写博客了 算是比较极简了吧
    bjfane
        85
    bjfane  
    PRO
       10 天前

    基于 vitepress 做的一个简洁博客风格 🐶
    bjfane
        86
    bjfane  
    PRO
       10 天前
    @iomect 确认简洁,想看所有文章标题怎么看呀
    rufei
        87
    rufei  
       10 天前
    https://wangrufei.com 目前整站 css 样式 gzip 压缩后只有 1.2kb (已经包含暗色样式),网站 html 页面 gzip 压缩后基本不超过 5kb ,加上 ico 图标,整体页面加载最大也没有超过 10kb (不包含文章内图片)。
    ejin
        88
    ejin  
       10 天前
    @ikesnowy #72

    这个早就知道了,但许多人都不知道,反正我只是说一下这种现象
    janus77
        89
    janus77  
       10 天前
    vue 和 react 的默认样式就不错
    laikick
        90
    laikick  
       10 天前
    典型的安卓思维.. 别人想干什么就干什么影响你了吗?
    xljya
        91
    xljya  
       10 天前
    花里胡哨的用久了 应该就会回归于静态博客了
    xuemian
        93
    xuemian  
       10 天前
    来推荐一下我的 KUNO
    https://github.com/xuemian168/kuno
    huhexian
        94
    huhexian  
       10 天前
    https://yinji.org 我的咋样😄
    frankies
        95
    frankies  
       10 天前
    很明显,主流商业消费市场用户审美就是你讨厌的样子,技术人博客自然被工作的产品审美影响了。
    这个问题产品经理应该最明白,让大多数用户觉得你美观易用比你自己觉得美观要重要得多。当然如果是个人博客不盈利也没必要迎合,反之,必须迎合,用户大多就是喜欢这个花里胡哨过度图形化的交互界面。
    kokerkov
        96
    kokerkov  
       10 天前
    avenger
        97
    avenger  
       10 天前
    avenger
        98
    avenger  
       10 天前   ❤️ 1
    昨天在 X 上看到的一个分享,很喜欢

    https://www.makingsoftware.com/chapters/color-spaces-models-and-gamuts
    wogogoing
        99
    wogogoing  
    PRO
       10 天前 via iPhone
    @jimmyC 你这个毛玻璃效果看着还不错。友链一会儿加。
    sudo123
        100
    sudo123  
       10 天前
    我认为网站本身基于 html 就是错误的,完全可以基于本地文档分享模式
    1  2  3  
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4002 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 05:20 · PVG 13:20 · LAX 22:20 · JFK 01:20
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.