
非技术出身,最近打算学习前端知识,想做个网站来练练手,大概的样子和这个网站 https://www.seeseed.com/ 差不多。 想知道要达到这样的效果,需要学习哪些知识,包括前后端的,需不需要用到前端框架,还有租云服务,买域名啥的。
1 nbweb 2021-11-09 10:18:25 +08:00 domains.google.com 去这里买个域名,然后去国外买个 vps ,再搭下 web 服务器,开干。 |
2 rongchuan 2021-11-09 10:25:45 +08:00 谷歌一下,很多建站教程,看你选啥技术栈了。也可以先做静态页面,就 html+js+css 写。 |
3 markgor 2021-11-09 10:45:12 +08:00 例子里的前端只看出了是 vue 写的,样式有点像 elementUI ,但不确定;后端的话是 PHP 的 laravel 框架。 |
4 XTTX 2021-11-09 10:51:06 +08:00 完全新手的话,做一个完全静态的, 或者找一些数据源可以捞的(类似 https://pokeapi.co/)。 网页可以挂在 github 上面( Github Page ). |
5 XTTX 2021-11-09 10:53:35 +08:00 写了解 js html css 的原理,了解一下 react vue 这些框架和 thml 的关系,先避开写 css , 一点点来。 |
6 XTTX 2021-11-09 10:55:51 +08:00 react 和 vue 有一些成熟 免费的 ui 组件或很便宜的收费组件, 做出一个类似简单、使用的网站其实不难的。你要理解背后的原理是最重要的。 |
7 v2ka 2021-11-09 10:59:58 +08:00 练手的话先用网页工具搭个本地版,然后在考虑域名服务器的事情。 真的不推荐在谷歌上买域名和服务器,谷歌的服务器复杂且不好用。 选阿里云和腾讯云都行,简单好上手。 想要速度就备案选择国内服务器。 想要快捷部署就选择香港服务器, 如果选择在国外运营商购买服务(域名,服务器)就无法备案。 |
8 yamedie 2021-11-09 11:01:26 +08:00 纯前端不涉及数据库的话, 可以考虑 vercel 零成本建站, 不必折腾服务器和域名 |
9 ericgui 2021-11-09 11:02:48 +08:00 网站打不开 |
10 gesse 2021-11-09 11:07:09 +08:00 直接用开源的, 找人几百块钱搭建一下,搭建成动态的,自己可以编辑。 https://github.com/geekape/geek-navigation 演示站 https://nav.geekape.net/ |
11 darknoll 2021-11-09 11:13:49 +08:00 这就一个导航站啊,还不是分分钟的时间啊,都不需要后端 |
12 Pipecraft 2021-11-09 11:32:28 +08:00 这里有一个免费的项目 github.com/geneasy/nav ,样式可以自己随意修改。 不需要服务器,数据库,只要在 GitHub 修改 YAML 文件里的内容,GitHub Actions 会自动更新 HTML 文件。 网站可以免费部署在 GitHubPages, Vercel, Netlify 等地方。 |
13 kensoz 2021-11-09 11:34:37 +08:00 首先你还要确定是否需要 seo ,是不是想从 0 开始开发网站 如果不想从 0 开始,wordpress ,各种建站网站搜一搜,直接找免费模板就行,seo 还友好 如果想从 0 开始,最简单的就是 js html css ,不仅满足你的需求还可以获得相对好的 seo ,简单,完全不需要框架 如果你想学前端,那就一点点学 js html css ,然后选择一个前端框架学习,如果需要 seo ,在学习一下服务端渲染,这就是一条不归了 |
14 opencv 2021-11-09 11:43:19 +08:00 如果是学习的话,先不急着买云服务器和域名,后面会了再买 如果只是想做一个这样的网站出来,而不是自己完全设计,那就很简单了,套个模板修改一下就行 懂点基本的 html css js 就可以了,用服务器搭建网站也很简单。这些都可以在电脑搭建虚拟环境学习 |
15 gadfly3173 2021-11-09 12:22:01 +08:00 从 wappalyzer 的分析来看,这网站用了 vue ,没用 ui 框架,样式应该都是自己写的 |
16 ch2 2021-11-09 12:39:23 +08:00 最麻烦的是,你需要整理数据,其它非常简单 |
17 abear 2021-11-09 13:00:13 +08:00 vue + node + mongo 就好了 |
18 Tianyan 2021-11-09 13:24:33 +08:00 有开源的代码 直接搭建就行 |
19 skiy 2021-11-09 13:41:27 +08:00 先看 MDN 吧。 |
20 2696284032 2021-11-09 15:03:35 +08:00 GitHub page + hexo yyds 个人网站示例: https://ilovey.live |
21 hushao 2021-11-09 19:58:48 +08:00 这个风格的导航站比较早的实现是来自于: https://github.com/WebStackPage/WebStackPage.github.io 这种出现已经很久了,后面多少大都基于这个做改进的。可以去看看这个,不涉及框架,就看他的前端实现。完成后,项目里也链接了一些常见的改进版本,也可以跟着学一下。 如果只是想做类似的,完全不需要后端,更不需要什么框架,纯 html+js+css 即可,部署到 vercel ,github 都可以、甚至直接阿里云 oss 也可以。 完成以上之后,根据需要再去考虑添加后端、或者改用框架实现。 |
22 woorz 2021-11-09 22:36:59 +08:00 可以试下 webify |
23 37Y37 2021-11-10 09:58:50 +08:00 导航站,直接静态 html+css+js 就行了,完了丢到 github pages ,还省去买服务器的钱,不用搞那么复杂,如果对样式要求低一点的话,我之前写过直接拿去用 https://blog.ops-coffee.cn/s/JRszZcbeic5mJbY7dDkkMQ |
24 liuxu 2021-11-10 12:22:56 +08:00 笑死了,他这个是 jekyll+webstack 模板,改了下样式,我也在用,https://linux.plus/ |
25 alexmy 2021-11-10 14:17:42 +08:00 推荐直接部署在 netlify 上。可以试试 next.js + antd |
26 duduaba 2021-11-10 15:46:42 +08:00 这个就是纯导航站,我之前做了一个 https://coderfuns.com/ 很简单的 |
28 我的建议是 wordpress |
29 6jcstWg94A5u0vF3 2022-05-14 15:26:35 +08:00 用下小飞页个人网站吧! pagepan.com |