网页知识基础(新手搭建个人网站)

---

之前这篇博客讲解了怎么用GitHub Pages和Apache搭建网站。

当时并没有说明网站的内容要怎样去展现，只是说明了最简单的使用Markdown和HTML来形成index.html或index.md。

而且网页的内容也很简单，只有一个文件，也没有复杂的功能。

这篇文章就是对前端基础知识的一个整理。

---

先看一下关于HTML的基础知识：HTML

静态网页和动态网页的区别：静态网页与动态网页的区别

如何学号PHP：如何学好PHP？

MySQL数据库简介

---

所以其实通过上面我们可以看出，如果只是要搭建一个静态网页，那么其实相比动态网页会简单很多，我们只需要掌握基础的html，css，JavaScript就可以做出一个功能稍微多一点的网页啦。

这里我以一个大佬做的网页文件，放进我服务器里去看看会怎样。

该博客地址：HTML+CSS+JavaScript实现旅游网站官网

项目仓库：travel-website

下载文件之后，可以看到

项目文件结构非常简单，包括一个index.html，一个js和一个css文件，当然还包括一些图片。

因为网站是静态的，所以不需要PHP，不需要数据库，因此静态网页非常适合用来搭建个人的网站。

---

服务器上的Apache默认运行的目录是 /var/www/html

我们把上面下载的文件放到这个目录下：

然后再浏览器上输入我们公网ip，就可以访问该项目的网页了，如下图所示

后面我们就可以模仿着搭建属于自己风格的网站啦，不过具体的形式我们可以慢慢试。

当然嫌麻烦的也可以用别人做好的网站框架，我们只需要往里面填充我们的内容就行了。

---

下面我来找几个静态网页框架来试试看怎么样。

这几篇文章是总结了静态网站生成的工具：10 大静态网站生成工具 | Linux 中国 ，推荐3个超级好用的静态网站生成器：静态是一种新的动态