2022 年了,从零写一个还算好看的静态博客只需要 10 分钟 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
djyde
V2EX    程序员

2022 年了,从零写一个还算好看的静态博客只需要 10 分钟

  •  1
     
  •   djyde
    djyde 2022-04-12 10:23:23 +08:00 8792 次点击
    这是一个创建于 1328 天前的主题,其中的信息可能已经有所发展或是发生改变。
    第 1 条附言    2022-04-12 13:23:25 +08:00
    大家对这个视频有点误解,这个视频的重点不是博客,也不是设计,是:

    - 如何用 Eleventy 做静态页面
    - 如何在 Eleventy 使用 PostCSS 和 TailwindCSS
    - 如何使用 Eleventy 的 data
    38 条回复    2022-04-13 14:02:33 +08:00
    mlhadoop
        1
    mlhadoop  
       2022-04-12 10:35:39 +08:00
    没别的意思,就想问下现在还在写博客的人还有多少?
    dudubaba
        2
    dudubaba  
       2022-04-12 10:46:26 +08:00   5
    写博客最后都成了”写博客“
    djyde
        3
    djyde  
    OP
       2022-04-12 10:48:56 +08:00   2
    @mlhadoop #1 其实博客只是静态页面的一种,像写 lading page 之类的页面,也有很大的需求。
    djyde
        4
    djyde  
    OP
       2022-04-12 10:49:22 +08:00   1
    我的标题应该改为:从零写一个还算好看的静态网站只需要 10 分钟
    yhxx
        5
    yhxx  
       2022-04-12 11:26:27 +08:00   5
    看到顶部那一条 stand 就不想看了
    krixaar
        6
    krixaar  
       2022-04-12 11:59:46 +08:00   3
    用 Hugo ,框架部分下载一个文件搞定了。
    用 Bulma ,样式部分一个 css 搞定了。
    拒绝 node 。
    mwVYYA6
        7
    mwVYYA6  
       2022-04-12 12:03:46 +08:00
    重新定义了好看,如果你要用好看为特点,建议找个设计师做个真正算好看的页面,也许会从大量竞品里杀出来。

    可以参考下 Ghost 的默认主题和 Wordpress 的默认主题,在外观上有什么差别 XD
    chenggiant
        8
    chenggiant  
       2022-04-12 13:08:45 +08:00
    挺好看的,就喜欢这种轻量,简洁的风格。

    已直接套用在自己博客上了...希望不要介意 :)
    fkdog
        9
    fkdog  
       2022-04-12 13:15:41 +08:00   2
    @mlhadoop 顶。
    大部分的知识水平完全撑不起一篇高质量博文。
    v2ex 上大部分人的博客我也懒得吐槽了,清一水的《 XXX 安装配置》。
    妥妥假努力,“我写博客只是因为别人也写,我花 N 个小时写了一堆水文我看着成就感满满。”
    yhxx
        10
    yhxx  
       2022-04-12 13:51:22 +08:00   8
    @fkdog 不是很认同
    大家都是从新人过来的,学习也是一个循序渐进的过程,在自己的空间记录一下成长历程我觉得没什么问题
    有些博文内容在资深的人眼里很简单,实际上可能是新人折腾了几天时间的总结分享,也很可能可以帮助到其他同样阶段的新人
    而且所谓的 XXX 安装配置 也并不是毫无价值,甚至 CSDN 上有时候我都能翻到我想要的东西
    nmap
        11
    nmap  
       2022-04-12 14:22:48 +08:00
    有没有基于 go 的呀
    wednesdayco
        12
    wednesdayco  
       2022-04-12 14:34:25 +08:00
    @nmap Hugo
    iyuanze
        13
    iyuanze  
       2022-04-12 14:49:15 +08:00
    之前也是各种折腾,wordpress ,zblog ,typecho ,折腾到没时间写东西。
    最后全推翻,用 github pages ,jeklly ,老老实实写点东西(或者复制点东西)
    fkdog
        14
    fkdog  
       2022-04-12 14:54:45 +08:00   7
    @yhxx 有种东西叫做笔记,自己的成长历程可以写在笔记里。

    为什么会折腾?原因就在于没有找到权威正确的资料,导致浪费了太多的时间精力去试错。

    比如一个人学习 nginx ,原本 nginx 官网都有很完整的编译、安装、配置方式,因为你们不喜欢去看英文原文档,于是选择了 N 手资料的中文文档。你看有几个类似这种《编译安装配置》类的水文是又把系统版本 /源码版本 /依赖版本清除的写在上边的?看了一篇,不行,再看一篇,一遍又一遍的试错,这算是好的学习方式?

    这么多无意义的互联网垃圾内容正是你们这些博客爱好者制造的呢。
    macrorules
        15
    macrorules  
       2022-04-12 15:13:30 +08:00
    10 分钟,搞笑吧,我劝你别用这种标题了,感觉像 TB 带货
    其实 npm start 也就只需要 1 分钟

    一楼不写博客那位 @mlhadoop ,你平时都干嘛,996 ?没别的意思,就想知道现在的程序员平时都干什么
    yukang
        16
    yukang  
       2022-04-12 15:14:37 +08:00
    不是针对题主啊,分享得挺好
    -----------------------------

    要好好写博文,工具从来不是问题。
    但确实很多人折腾了很久工具,结果忘记了自己初衷。
    写简单的内容也没关系,难的是持续更新和进步,坚持几年甚至十年。

    我写了 12 年,最近反而越写越有趣了,当作爱好挺好不错,
    https://catcoding.me/p/writing-for-joy/
    lasuar
        17
    lasuar  
       2022-04-12 15:24:01 +08:00
    不会前端啊,有没有给后端人员的快速搭建博客的教程?
    mlhadoop
        18
    mlhadoop  
       2022-04-12 15:25:55 +08:00
    @macrorules 回#15 ,你预设的是你认为的我。 我不是程序员,没有 996 ,也的确不写博客,但是偶尔写点代码
    elliotloststh
        19
    elliotloststh  
       2022-04-12 17:11:19 +08:00   1
    Jiawen2020
        20
    Jiawen2020  
       2022-04-12 18:25:04 +08:00
    感谢分享,会尝试一下。
    JeffersonQin
        21
    JeffersonQin  
       2022-04-12 18:28:51 +08:00   1
    @fkdog 你要知道很多博客是 cheatsheet 性质的。就像你开卷考试看笔记比看书更有用。
    CodeBase
        22
    CodeBase  
       2022-04-12 18:35:52 +08:00
    为啥要自己写,外头有那么多选择。
    mlhadoop
        23
    mlhadoop  
       2022-04-12 18:37:28 +08:00
    @elliotloststh #19 感谢分享
    haah
        24
    haah  
       2022-04-12 19:08:22 +08:00
    那么,问题来了,买菜需要几分钟?
    yazi
        25
    yazi  
       2022-04-12 19:12:43 +08:00
    哈哈地址栏看到熟悉的网址(逃
        26
    tutuge  
       2022-04-12 19:15:38 +08:00
    看到顶部那一条 stand 就不想看了
    forvina
        27
    forvina  
       2022-04-12 19:18:53 +08:00
    @fkdog #14 善用搜索工具
    muzuiget
        28
    muzuiget  
       2022-04-12 19:40:23 +08:00
    但是这一个 20 分钟的视频。
    SenLief
        29
    SenLief  
       2022-04-12 19:45:10 +08:00   1
    不知道有没有用语雀的,我觉得这个不错,和 notion 一样,如果能用 notion 就用 notion ,国内可以用语雀自动 webhook 用 hugo 渲染就可以了。
    akazure
        30
    akazure  
       2022-04-12 20:01:02 +08:00   6
    @fkdog blog 一词源于 Weblog ,即网络日志。对于安装过程的记录完全符合博客精神。

    再者,几乎所有文档都会有写得过于简略和抽象的内容,而对于各种配置效果的记录有效地补充了对于不同配置在不同环境下效果的描述。

    当然,如果要说互联网垃圾,你我的评论都是互联网垃圾,都是些拉低信噪比的无用言论。

    我相信大家作为人类没有必要像搜索引擎一样只追求文本的信息量。世界是丰富多彩的。如今存储和网络成本已经很低,生活中的点点滴滴都有被记录的价值。
    yilin12
        31
    yilin12  
       2022-04-12 20:39:16 +08:00
    好用,种草了
    nazalewoyuanyi
        32
    nazalewoyuanyi  
       2022-04-12 22:59:08 +08:00
    Randy 的视频听着都挺舒服的,喜欢了。
    nbjbsjb
        33
    nbjbsjb  
       2022-04-13 07:53:32 +08:00 via iPhone
    看了 30 楼,发现没人说到博客的重点,并不是要写多好多深。学废后的及时输出是很重要的。
    krixaar
        34
    krixaar  
       2022-04-13 09:15:35 +08:00
    @lasuar #17 有服务器的话,LNMP+Wordpress 一把梭,要多方便有多方便,教程和一键脚本实在是太多了。静态博客一般都是为了白嫖 Github pages/Netlify/Firebase Hosting ,论方便基本上就是 Hugo 挑个主题,改改配置文件,然后写 markdown 就行了。
    zhwithsweet
        35
    zhwithsweet  
       2022-04-13 10:00:07 +08:00
    那必然是 vitepress + vercel https://zouhaha-blog-next.vercel.app/ 整的花里胡哨的,还是 markdown 梭哈
    PEAL
        36
    PEAL  
       2022-04-13 10:28:02 +08:00
    我一直觉得前端最好玩的地方不在于技术多牛逼或者用的框架多热门,而是在于可以写出自己想象中的页面,那种成就感
    sairoa
        37
    sairoa  
       2022-04-13 11:29:20 +08:00
    现在博客就是 Nginx 开个 autoindex ,页面用 Typora 生成 html 单页,之后可能换 Apache ,现在用 Nginx 还没法解决顺序问题只能将就用。
    曾经折腾过好几个博客系统,Wordpress 和 Hexo 都用过,之后说不定连 html 都不生成了,txt 直接甩上去算了。
    之后或许会写一个脚本解决 RSS 问题,毕竟作为重度 RSS 用户却博客却没有 RSS 实在说不过去。
    gledos
        38
    gledos  
       2022-04-13 14:02:33 +08:00
    看到顶部的 Stand with Ukraine 就给赞了。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     2615 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 30ms UTC 03:07 PVG 11:07 LAX 19:07 JFK 22:07
    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