这是一个创建于 1118 天前的主题，其中的信息可能已经有所发展或是发生改变。
非技术出身，最近打算学习前端知识，想做个网站来练练手，大概的样子和这个网站 https://www.seeseed.com/ 差不多。 想知道要达到这样的效果，需要学习哪些知识，包括前后端的，需不需要用到前端框架，还有租云服务，买域名啥的。
第 1 条附言 · 2021-11-09 16:26:08 +08:00
感谢各位的建议，我之前用 GitHub Pages + Jekyll 搭建过个人博客，这种套模板的对技术要求不高。
这次想做个网站的目的主要是当做一个小项目练练手，锻炼下自己学习和动手编程的能力。
这次想做个网站的目的主要是当做一个小项目练练手，锻炼下自己学习和动手编程的能力。
 |
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  1
直接用开源的， 找人几百块钱搭建一下，搭建成动态的，自己可以编辑。
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 1
这里有一个免费的项目 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 1
GitHub page + hexo yyds 个人网站示例： https://ilovey.live
|
 |
21
hushao 2021-11-09 19:58:48 +08:00 1
这个风格的导航站比较早的实现是来自于： 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
chenzheyu 2021-11-11 09:50:10 +08:00
我的建议是 wordpress
|
 |
29
pagepan 2022-05-14 15:26:35 +08:00
用下小飞页个人网站吧！ pagepan.com
|
Select Language