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

想建个网站,请教下各位大佬

  •  
  •   tooyotu · 2021-11-09 09:56:06 +08:00 · 4510 次点击
    这是一个创建于 870 天前的主题,其中的信息可能已经有所发展或是发生改变。

    非技术出身,最近打算学习前端知识,想做个网站来练练手,大概的样子和这个网站 https://www.seeseed.com/ 差不多。 想知道要达到这样的效果,需要学习哪些知识,包括前后端的,需不需要用到前端框架,还有租云服务,买域名啥的。

    第 1 条附言  ·  2021-11-09 16:26:08 +08:00
    感谢各位的建议,我之前用 GitHub Pages + Jekyll 搭建过个人博客,这种套模板的对技术要求不高。
    这次想做个网站的目的主要是当做一个小项目练练手,锻炼下自己学习和动手编程的能力。
    29 条回复    2022-05-14 15:26:35 +08:00
    nbweb
        1
    nbweb  
       2021-11-09 10:18:25 +08:00
    domains.google.com 去这里买个域名,然后去国外买个 vps ,再搭下 web 服务器,开干。
    rongchuan
        2
    rongchuan  
       2021-11-09 10:25:45 +08:00
    谷歌一下,很多建站教程,看你选啥技术栈了。也可以先做静态页面,就 html+js+css 写。
    markgor
        3
    markgor  
       2021-11-09 10:45:12 +08:00
    例子里的前端只看出了是 vue 写的,样式有点像 elementUI ,但不确定;后端的话是 PHP 的 laravel 框架。
    XTTX
        4
    XTTX  
       2021-11-09 10:51:06 +08:00
    完全新手的话,做一个完全静态的, 或者找一些数据源可以捞的(类似 https://pokeapi.co/)。 网页可以挂在 github 上面( Github Page ).
    XTTX
        5
    XTTX  
       2021-11-09 10:53:35 +08:00
    写了解 js html css 的原理,了解一下 react vue 这些框架和 thml 的关系,先避开写 css , 一点点来。
    XTTX
        6
    XTTX  
       2021-11-09 10:55:51 +08:00
    react 和 vue 有一些成熟 免费的 ui 组件或很便宜的收费组件, 做出一个类似简单、使用的网站其实不难的。你要理解背后的原理是最重要的。
    v2ka
        7
    v2ka  
       2021-11-09 10:59:58 +08:00
    练手的话先用网页工具搭个本地版,然后在考虑域名服务器的事情。

    真的不推荐在谷歌上买域名和服务器,谷歌的服务器复杂且不好用。

    选阿里云和腾讯云都行,简单好上手。

    想要速度就备案选择国内服务器。

    想要快捷部署就选择香港服务器,

    如果选择在国外运营商购买服务(域名,服务器)就无法备案。
    yamedie
        8
    yamedie  
       2021-11-09 11:01:26 +08:00
    纯前端不涉及数据库的话, 可以考虑 vercel 零成本建站, 不必折腾服务器和域名
    ericgui
        9
    ericgui  
       2021-11-09 11:02:48 +08:00
    网站打不开
    gesse
        10
    gesse  
       2021-11-09 11:07:09 +08:00   ❤️ 1
    直接用开源的, 找人几百块钱搭建一下,搭建成动态的,自己可以编辑。
    https://github.com/geekape/geek-navigation

    演示站
    https://nav.geekape.net/
    darknoll
        11
    darknoll  
       2021-11-09 11:13:49 +08:00
    这就一个导航站啊,还不是分分钟的时间啊,都不需要后端
    Pipecraft
        12
    Pipecraft  
       2021-11-09 11:32:28 +08:00   ❤️ 1
    这里有一个免费的项目 github.com/geneasy/nav ,样式可以自己随意修改。
    不需要服务器,数据库,只要在 GitHub 修改 YAML 文件里的内容,GitHub Actions 会自动更新 HTML 文件。
    网站可以免费部署在 GitHubPages, Vercel, Netlify 等地方。
    kensoz
        13
    kensoz  
       2021-11-09 11:34:37 +08:00
    首先你还要确定是否需要 seo ,是不是想从 0 开始开发网站

    如果不想从 0 开始,wordpress ,各种建站网站搜一搜,直接找免费模板就行,seo 还友好
    如果想从 0 开始,最简单的就是 js html css ,不仅满足你的需求还可以获得相对好的 seo ,简单,完全不需要框架

    如果你想学前端,那就一点点学 js html css ,然后选择一个前端框架学习,如果需要 seo ,在学习一下服务端渲染,这就是一条不归路了
    opencv
        14
    opencv  
       2021-11-09 11:43:19 +08:00
    如果是学习的话,先不急着买云服务器和域名,后面会了再买
    如果只是想做一个这样的网站出来,而不是自己完全设计,那就很简单了,套个模板修改一下就行
    懂点基本的 html css js 就可以了,用服务器搭建网站也很简单。这些都可以在电脑搭建虚拟环境学习
    gadfly3173
        15
    gadfly3173  
       2021-11-09 12:22:01 +08:00
    从 wappalyzer 的分析来看,这网站用了 vue ,没用 ui 框架,样式应该都是自己写的
    ch2
        16
    ch2  
       2021-11-09 12:39:23 +08:00
    最麻烦的是,你需要整理数据,其它非常简单
    abear
        17
    abear  
       2021-11-09 13:00:13 +08:00
    vue + node + mongo 就好了
    Tianyan
        18
    Tianyan  
       2021-11-09 13:24:33 +08:00
    有开源的代码 直接搭建就行
    skiy
        19
    skiy  
       2021-11-09 13:41:27 +08:00
    先看 MDN 吧。
    2696284032
        20
    2696284032  
       2021-11-09 15:03:35 +08:00   ❤️ 1
    GitHub page + hexo yyds 个人网站示例: https://ilovey.live
    hushao
        21
    hushao  
       2021-11-09 19:58:48 +08:00   ❤️ 1
    这个风格的导航站比较早的实现是来自于: https://github.com/WebStackPage/WebStackPage.github.io

    这种出现已经很久了,后面多少大都基于这个做改进的。可以去看看这个,不涉及框架,就看他的前端实现。完成后,项目里也链接了一些常见的改进版本,也可以跟着学一下。

    如果只是想做类似的,完全不需要后端,更不需要什么框架,纯 html+js+css 即可,部署到 vercel ,github 都可以、甚至直接阿里云 oss 也可以。

    完成以上之后,根据需要再去考虑添加后端、或者改用框架实现。
    woorz
        22
    woorz  
       2021-11-09 22:36:59 +08:00
    可以试下 webify
    37Y37
        23
    37Y37  
       2021-11-10 09:58:50 +08:00
    导航站,直接静态 html+css+js 就行了,完了丢到 github pages ,还省去买服务器的钱,不用搞那么复杂,如果对样式要求低一点的话,我之前写过直接拿去用

    https://blog.ops-coffee.cn/s/JRszZcbeic5mJbY7dDkkMQ
    liuxu
        24
    liuxu  
       2021-11-10 12:22:56 +08:00
    笑死了,他这个是 jekyll+webstack 模板,改了下样式,我也在用,https://linux.plus/
    alexmy
        25
    alexmy  
       2021-11-10 14:17:42 +08:00
    推荐直接部署在 netlify 上。可以试试 next.js + antd
    duduaba
        26
    duduaba  
       2021-11-10 15:46:42 +08:00
    这个就是纯导航站,我之前做了一个 https://coderfuns.com/ 很简单的
    tedding
        27
    tedding  
       2021-11-10 17:12:03 +08:00
    @liuxu 看了下源码 seeseed 是 VUE 框架,你这个并不是。。。啥就笑死了???
    chenzheyu
        28
    chenzheyu  
       2021-11-11 09:50:10 +08:00
    我的建议是 wordpress
    pagepan
        29
    pagepan  
       2022-05-14 15:26:35 +08:00
    用下小飞页个人网站吧! pagepan.com
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3200 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 27ms · UTC 14:24 · PVG 22:24 · LAX 07:24 · JFK 10:24
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.