网站搭建心得(1)——框架选择

前言

本文章并非详细介绍网站的搭建方式,只是简单的讲述本人搭载该网站所经历的流程,所遇见的问题。该文章将从最初始的网站框架的选择入手,讲述本网站是如何搭建的。

网页类型

静态网页

  1. 静态网页不能简单地理解成静止不动的网页,他主要指的是网页中没有程序代码,只有HTML(即:超文本标记语言),一般后缀为.html,.htm,或者.xml等。所以静态网页的页面一旦做成,内容就不会再改变了。(除了GIF动画以及JS编写的特效)
  2. 静态网页的打开,用户可以直接双击,并且不管任何人任何时间打开的页面的内容都是不变的。
  3. 由于静态网页内容无法改变,所以若要对其进行更新,就要重新编写HTML源文件重新上传,所以静态网页的制作成本和维护工作量很大。

动态网页

  1. 动态网页是指跟静态网页相对的一种网页编程技术。动态网页的网页文件中除了HTML标记以外,还包括一些特定功能的程序代码,这些代码可以使得浏览器和服务器可以交互,所以服务器端根据客户的不同请求动态的生成网页内容。

    简单来说,动态网页的页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。

  2. 动态网页,与网页上的各种动画、滚动字幕等视觉上的动态效果没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,只要是采用了动态网站技术(如PHP、ASP、JSP等)生成的网页都可以称为动态网页。

总结

  • 静态网页内容固定,容易被搜索引擎检索,且不需要连接数据库,因此响应速度较快,进入网页速度快。但是维护成本高,更改困难,功能限制也大,人机交互体验感差。

如果网页内容相对的简单,不需要频繁的进行改动,或者只是为了展示信息等,就用静态网页,简单易操作,也不需要管理数据库。

  • 动态网页可以根据不同的用户请求,时间或者环境的需求动态的生成不同的网页内容,并且动态网页一般以数据库技术为基础,可以大大降低网站维护的工作量。并且可以实现用户的注册,登录,评论等功能。

但相对应的,动态网页响应速度慢,如果希望实现互动功能,或者对网页内容改动频繁,就用动态网站。

常见的网站框架

WordPress

本网站便是基于WordPress搭建而成。WordPress的搭建需要花钱购买服务器以及域名,但是此为动态网页,并且搭建起来方便快捷,对代码编写要求基本不大,有大量现成的模块以及插件,后期管理起来也比较简单。参考我的网站http://8.130.87.224/

Typecho

后台简洁,静态化网页,访问速度快,纯粹的个人博客编写,没有功能冗杂的插件,对服务器要求低。但是需要自己配置数据库,且模板少,美化比较困难,需要代码基础。具体参考官网https://typecho.org/

Hexo

托管不花钱,不需要服务器,纯静态文件,打开速度快,也有许多模板可以用来美化网页。但是建站后发布文章对电脑有一定要求,需要使用部署在Node.js、git或者是VScode软件来写文章。具体参考官网https://hexo.io/zh-cn/index.html

如何选择

每种框架都有自己的优缺点,本人在互联网查阅大量博主文章后选择WordPress搭建网页。也请观看文章的各位仔细思考自身需求以及实际情况,查阅详细资料后选择自己的框架。

后记

搭建该网站花费本人3天的时间,至今有许多功能并不完善,也有许多的Bug。本人前端开发基础为0,对于代码的使用还停留在复制粘贴阶段,作为读者的你如果想要搭建自己的网站,不需要担心技术不够,只要跟着教程慢慢走,就一定能构建起属于你自己的网站。(当然,如果有一定的前端开发技术,便可以脱离模板进一步深度定制化自己的网页。)

下一篇文章将讲述云服务器的购买以及WordPress配置过程。

 

如果这篇文章对您有所帮助,不妨打赏一下作者吧~
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇