【FREE 影片教学】如何架设自己的网站?从0开始教你做制作网页,使用免费的WordPress。

Last Updated on

在以前网络科技不发达的时代,若你想要自己架设网站,一定要会HTML、CSS、 操作linux技术等。

但现在架设网站,不再是工程师才能做的事,只要你了解平台,外挂,虚拟主机等之间的关系,你也能够在1小时内,架设好自己的网站。

 

大家给我的留言和信我都有看,知道蛮多人想学习架设网站,但是不知道怎么开始。

于是我花了一些时间来制作这教学文,本来只是图文教学,但我觉得对于新手学习,图文的确不能表达得完整,于是用了比预计更长的时间来制作这篇教学文章,大家记得跟着步骤去架设哦!

除了带你一步步架设网站,我也会分享一些“建站名词”给大家,以后遇到问题时,你才知道怎么在Google 爬贴,怎么寻求帮忙。

这篇文章不会有太多艰深难懂的专业术语,我会尽量最简单的方法来概括架站流程。

这是一篇付费级的教学内容,目前我先免费开放让大家学习,要架设网站的朋友别错过这个机会哦(因为这些内容在网络上是属于付费内容,所以我目前的计划是暂时开放教学而已,因为担心会破坏架设网站的教学行情。而且我也明白,越是免费的东西,许多人就开始不会珍惜看重,这个会让学习的市场开始变质。 )

注意事项&免责声明:架设网站的方法有很多种,我分享的是我自己架设网站的流程和知识,仅供参考。

架设网站新手必备小知识

如何架设网站/网页?揭开流程

  • 注册网域(网址URL)
  • 设定DNS(把你的网址连接到主机)
  • 选择你的虚拟主机
  • 架设网站的软体(CMS-内容管理系统)

这篇文章将会教你如何使用 Cloudways 来架设 WordPress 网站,让你掌握架站技能,根据教学内容我也附上了图文 & 影片教学

同时也会帮你分析各主机之间的差异,帮助你选择最适合你的主机商。

文章重点:

  • 完整的手把手教学
  • 简单快速架设网站,30分钟内便可完成
  • 有自己的资源,能够客制化你的网站
  • 提供你全球最受好评的 CMS 、主机等资讯

要架设一个自己的网站,有几种方式:

  1. 你可以到免费平台上,注册免费部落格
  2. 透过主机、网域等,轻松自己架设网页
  3. 学程式语言,用编码代码等去架设网页

我在这篇文章分享的方法是第 2 种,不仅简单快速能建好站,安全性、客制化和使用性都很高,能满足你的需求。

无论你是想制作网页、部落格都可以透过成立自己的网站来制作。

部落格赚钱

自己架设网站需要什么?

架设网站前的必备小知识

千万别看到一些建站的专有名词就吓倒了,要耐心学习完哦~ 因为即使你不是很了解这些名词的用意,只要你跟着图文 +视频教学也可以架设好网站。

自架设网站是由以下最重要的 3 大结构组成的:

  • 网域名 Domain Name -你的网址
  • 虚拟主机 Hosting – 存放你网址的地方
  • 内容管理系统 (CMS) – 协助不会语法的朋友,可让我们简单编辑与管理自家网站,你会在CMS上撰写文章、发布资讯等等(也就是内容管理后台系统)

CMS 用于管理& 编辑网站内容,网站用户可以创建,编辑和删除站内容,完全的客制化。

使用 CMS 软件提供的界面不需要HTML技能或其他技术知识,我们可以在没有开发人员帮助的情况下进行编辑网站。但若想要自定义布局和体验,则需要一些编码知识。

许多工程师也都开始运用CMS 来架站,因为这能帮助他们省去许多制作的时间,让他们专注于管理和版面设计。

内容管理系统(CMS)

个人觉得CMS 最好的选择就是Wordpress, 全球的网站超过30% 都是用WP 建立的。WordPress 安全、界面很容易使用。

资料来源:Websitesetup

WordPress 是CMS 市场上市占率最高的软体。WordPress远远领先了Joomla、Google 旗下的Blogger等竞争对手,在CMS 的市场里有高达60%以上的网站是使用WordPress的。

WordPress 也提供了各式各样的主题设计,一键搞定排版,不需要烦恼如何设计网站。

接下来的教学会帮助你建立WordPress 网站。

免费架设网站的优缺点

在开始教你自己建站前,我想先让你知道,为什么我鼓励你自己架设网站,而不是使用免费的平台架站。

免费架设网站的平台,我们称为“第3方平台”。这些平台本身已经将所有系统建立好了,你只需要用email去开个帐号,就能有属于自己的小空间,开始发布内容。

提供免费的架设网站的平台有好几个,像是:

  • Blogspot
  • Pixnet 痞客邦
  • Wix
  • Weebly 等

(1)关闭风险

虽然透过这些平台开设网站很方便,但它也存在着风险。

  • 好处:整个网站系统都建置好了,你只需要注册帐号,专注在撰写内容就行了。
  • 坏处:你的文章排名、流量和资源等,都属于这个平台的,万一平台倒闭,你建立起来的一切,都会跟着不见。

我们永远不知道,下一秒会发生什么,再强大的平台,都存在着倒闭的风险。

就好像NOKIA、无名小站等,在科技时代的演变之下,他们不复存在。

(2)你的网页不属于你

你的所有资料,几乎都是属于平台的。

有些免费平台不提供“ 汇出Export” 功能,所以你的内容等,不能搬家到别的地方。

也就是说你的SEO 带不走,这对已经有流量和排名的网站来说,是很大的损失。

SEO = 搜索引擎演算法(就是你的文章排名、流量等等)

据我所知,blogspot 有export plug in 的功能,搬家过程和其他平台相比,不会太难。

但其他的平台,就算提供“搬家’​​,似乎也会是一个艰难的过程。 或则是给你“有限制搬家”等。

看似简单建站,其实却也是一种限制你可以到Google查询,看看免费架站的缺点有什么。

 

总之呢,要使用这些平台前,你必须有心理准备:

  1. 搬家过程艰难,并且有可能无法带走你所有内容,甚至带不走SEO,带不走你建立起来的google 流量。
  2. 存在倒闭的风险
  3. 你的网页多数会被植入平台的广告,影响读者的使用体验。
  4. 想要被Google信任,把文章排名的话,用时多数会更长。

为什么要自己架设网页/ 网站?

  1. 能够客制化你想要的,掌控权都在你手里。
  2. 有利于网站的SEO ,也就是说网站被Google 排名的机会更高。
  3. 读者群属于你自己。(当你的网域进入Google 后,长时间下来, 你的流量统计、Google权重等,都会记录在你的网域名之下)
  4. 能够备份,容易搬家

架设网站需要多少钱?一年的费用

自己架设网站的价格并不贵,尤其是初期,因为所有资源我们选择性价比高,一般的资源容量就够了。

在接下来的教学中,我们使用的都是性价比CP 值比较高,但却不贵的方案,以及一些免费的方案。

我们只需要购买虚拟主机和网域,其他的全都是搭配免费方案。像是DNS代管、CMS内容管理、https 安全认证都是免费的。

每个月的架站花费RM 50 – RM 80,其实已经非常足够使用了。

*** 如果你真的有想把网页/网站/部落格当成事业来赚钱和经营,就不能期望它是免费的,却又能提供你想要的。

IP 是什么?

IP 地址就像是网络上的身份证,全世界只有一个。

IP 是一连串的数字,IP地址就是我们常见的xxx.xx.xx.xxx ( Etc : 666.38.77.997 )

IP太难记?没关系,因为每一个网域,会连接到一个IP 地址,所以你只需要记得域名就好了。

网域名称是什么?

网域名称是网站的地址,英文是Domain name,而大多数的人称作为网域名/域名

以我的网站为例,我的网站域名是https://www.uniquesoul7.com,细分介绍的话:

  • 后方的.com =顶级网域名
  • uniquesoul7 =第2级网域名
  • www =子网域

但其实大家都直接把www.uniquesoul7.com统一称为“主网域”。

因为在大众认知里www 是一定会有的主要“成分” 。

** 但www不是必备,你可以选择不要www,没有www的话,我们就会叫做“网域”,不是主网域。

还搞不懂这些?也没关系,这不影响你自己架设网站。你只要知道网域就是你的网址就行了。

DNS 网域名称系统是什么?

DNS ( Domain Name System ) 就是网域名称系统。

刚刚说了,每个网站都有一个IP 位址,而DNS 就是将域名,连接到IP 的伺服器。

举个例子:

  • IP : 777.77.77.777
  • 域名:www.stay.com

当我们在浏览器输入域名www. stay .com 时,浏览器会将这个域名送到DNS,然后解析看对应到哪个IP 位置,然后就能造访www.stay.com 网站了。

如何开始架设自己的网站?-图文+影片教学

第1 课- 选择网域

Domain 域名怎么取?

我觉得网域名称很重要,因为这就像是你的名字,人家会因你的名字而记得你。

建议大家取一个不要太长的名字,取个看得懂和好记的名字。像是www. nike .com / www. travelmalaysia.com / www . lazada .com /www. lisalife .com

直接以你的公司/品牌/个人名字等,也是一个不错的选择。

域名是由“字母/数字组合+域名后缀”。( ETC : www . ginablog . com )

我以” Ginablog “为域名作为例子, 后缀有各式各样的,越少人用的就越便宜。像是.blue、. xyz 等。

域名后缀选择,我建议用常见的.com(最好)& .co & . info & .my,其他不常见的例如:

如何架设网站

不同的域名注册商,域名后缀存在着差别,但你只需要明白,每一个域名,全世界只有1个,不会有相同的。

后缀的缩写,其实都有含义,像是:

  • com – company
  • org – organization
  • name – personal domain等等

.my 是马来西亚人选择的,而其他地区则是用:

  • 台湾.tw
  • 新加坡. sg
  • 韩国.kr

第2 课- 购买网域(图文教学)

选好了网域名之后,我们就到Namecheap查询网域名称,看看你想要的网域,是否能注册。

Namecheap 是老牌网域商,不仅多选择,界面容易使用,而且续约费不贵。

有些网域注册商购买时非常便宜,但续约金几乎贵了将近70% 。

输入你要注册的网域,然后按[ Search ]

如何架设网站

若你要注册的网域出现✘ 、 REGISTERED 、 MAKE OFFER ,就代表已经有人在使用着,你就换别的网域。

如何架设网站网页

出现绿色勾勾,就代表这个网域你能够注册,点选Add To Cart

这个网域第1年只需要$8.88(美元),差不多是RM 37左右。第2年的续约价,也是一样,每个网域续约价都有些不同噢。

然后还有一笔几毛钱的ICANN fee 。

网域名字可以选择购买1 年, 2 年,甚至一次过买10年都可以,这个示范是买1年的。

接着,记得绑定卡,开启自动renew功能。

然后点选confirm order。

WhoisGuard 是保护你的个人资料的。

填写你的个人资料( 英文)。

  • Log In to Your Account (这是用来登入帐号的)

接下来就填写个人资料。

填完之后点选Continue就行了。

进到下一页之后,检查一遍你刚才填写的个人资料(名字、地址、手机号)。

没问题的话,就点选Continue

接下来选择你要的付款方式,

  • 信用卡
  • Paypal
  • Account Fund(用Namecheap帐户金来支付)

如果是要用卡,Debit card储蓄卡和Credit card信用卡都可以使用,只要是VISA / MASTER就可以了。

记得填写卡的生效期Valid Thru
和3个CVV号码

若刚刚你有开启自动更新,Auto Renew 的话,那么你就会出现这个选项,默认打勾就行了。

确认一下你购买的网域资讯和价钱,没问题的话就点选PAY NOW

接下来你会收到一封邮件确认信箱,这个很重要哦,是用来Verify 你的帐号。

如果没有在限定时间里完成验证,网域可能会失效哦!

几分钟后,到Domain list 看看网域是否生效了。(显示Active)

第3课:设定DNS代管-Name Server(影片教学)

Cloudflare 是最受欢迎的的DNS 代管商,将你网域的Name Server设定到cloudflare ,就可以在Cloudflare 里管理DNS 设定。

网域Domain -> DNS -> IP位置

Etc :使用Cloudflare代管DNS ,可以帮你减少网站负担。
如果网站使用者在韩国登入你的网站,那么cloudflare会帮你找离韩国最近的server ,对应到你的IP,将你的网站呈现给他们。

另外,cloudflare 还可以帮助你减少hacker 攻击。

第4 课:认识Hosting 虚拟主机

HOSTING – 什么是虚拟主机?

有了网域之后,我们需要一个虚拟主机,来存放我们的网域。如果说网域是住家地址,那么虚拟主机就是一个地了。

架站主机可以分为4种:共享主机、VPS、云端主机、专属主机。

虚拟主机,也被称作为网站空间、主机商或是网站服务器,比较常见的是:

  • VPS主机(资源是自己的)
  • 共享主机(和别人share资源)

除非你的网站是大规模,不然基本上不会需要用到云端主机和专属主机。

共享主机是最常看到的低价的入门主机,这种虚拟主机会在1台主机上放上几十个或几百个的网站。
概念就像wifi,若这个wifi有50GB ,那么所有连接这个wifi的人都会共享线路,所以如果别人拿来加载看戏等,你的线路就会受影响,变慢。
1个资源,大家共享。

常见的共享主机商有Bluehost、 WPWebHost、SiteGround、GoDaddy 等。

VPS主机( Virtual Private Server)有自己的空间,一个IP有自己的一个VPS,自主性很高,不会受到限制。常见的VPS供应商有老牌Linode或Digital Ocean等。
概念就是你买多少GB ,都是你自己的,不和别人share,不会受别人影响。

共享主机会比较容易操作和使用, VPS 主机则是需要一些技术背景,例如Linux。

但我们可以使用VPS主机代管商,使用代管商的服务,就不太需要技术,他们已经把技术难度处理掉了,使用方面与共享主机商差不多。

虽说VPS虚拟主机占有优势,但价格却很实惠,甚至还便宜过一些共享主机。

第5 课:选择主机商

在这里我将使用Cloudways 来作为教学资源。

Cloudways为WordPress网站提供了优化的服务器,他以快速、安全、可靠和廉价等优势从众多主机商里脱颖而出。他非常适合新手架站,并且提供了全天24小时的在线服务、免费搬家1次等独家服务。

Cloudways是一家主机代管商,它本身不提供任何主机,而是找专业的主机商配合,并且将这些主机优化,让我们能够轻松简单的使用。他支援3间VPS、2间云端服务平台,分别是:

这几间主机商在市场上是比较出名的,或许你会好奇为什么我们不直接运用这些VPS平台的服务?

因为要操作这些VPS 平台要有一定的程式技术知识、linux 操作能力、维修能力、安全维护知识等等。但使用代管商的服务就不用。

我的网站就是使用VPS主机代管商,我个人很满意,速度通畅无阻,尤其是24小时的Live Chat服务真的是赞,我自己是找过好几次客服了,每一次都能顺利解决问题。

如果一个主机商没有24小时客服,那你只能透过email询问,多数会要等上一些时间。

我之前使用过某个共享主机商,Lag 到我怀疑人生,连更新文章也一直断线,所以我才觉得Cloudways 绝对是首选。

尤其是当你网站流量变多时,共享主机的资源会开始不足以负荷你的需求,但若此时你又没有操作VPS 的能力,那这时候Cloudways就是你最好的选择。

第6 课:Cloudways 注册+设定教学(影片教学)

Cloudways的价钱方式是按照主机规格,我们能透过信用卡或是Paypal付款,一开始我们先使用Cloudways提供的免费3天试用期注册。

注册以后就可以开始架站使用了,但最后记得要去绑卡升级你的帐号,不然3天一到你的主机就自动关闭了。

跟着影片注册cloudways + 基本设定操作。

注意事项:
打开Cloudways链接后,在注册时就要输入优惠码,注册完就来不及了。

优惠码:GINABLOG

第7 课- 把网域连接到Cloudways主机(影片教学)

在上一个教学影片里,我有提到说目前我们的Wordpress 网站还是使用着预设网域。(如图)

那现在我们就要把我们的Wordpress预设网域,变成我们之前所购买的网域。

连接完成后,我们Access Details 里的APPLICATION URL 预设网域就会变成我们的网域。(如下图)

跟着下方这部教学影片,你就可以成功将预设网域连接到自己的网域啦。

第8 课-安装免费的SSL安全认证(影片教学)

通讯协定(Hyper Text Transfer Protocol )网域里的HTTP 和HTTPS 的差别

http或是https,差别在于网站时候是否有安装SSL凭证

SSL 凭证是设计来保护网页的线上交易与顾客安全, 让我们在传送资讯,输入资料等时,可以保护私人资讯与内部资料,能够有效的避免资讯被其它人监控。

基本上现在的网站大家都会安装SSL凭证,这样才不会被Google视为不明来源网站。没有安装SSL 凭证的网站,你在进入前,可能会出现这样的提醒:

或者是出现“Not Secure 不安全”,也有可能两者同时出现。

SSL 凭证可以帮助我们与用户建立信任,保护彼此,所以我认为是必备的。

SSL 凭证有免费的(但每3 个月要手动更新,而且设定挺复杂),而付费就不需要一直更新。

但cloudways主机上有附送免费的SSL,一键设定和自动更新。

现在就带你来做设定!

WordPress后台版面:

题外话:WordPress.org 和WordPress.com 的差别

当你在网络上搜寻WordPress 的资讯时,可能你会看到这两种WordPress,那我在这里就简单分享一下两者之间的差别。

WordPress是开源自由软体专案&软体即服务(SAAS) ,是一种内容管理系统(CMS),由PHP、MySQL、HTML、CSS、JavaScript组合而成。

WordPress 有分为2 种:

  • WordPress . org (开源自由软体专案)
  • WordPress .com (软体即服务SAAS)

WordPress .org :任何人都可以下载他免费的开源软件,然后购买虚拟主机和域名就可以了,好处是100%能自己操控网站内容和设计排版等。

WordPress .com :它是一个网站,你可以在它提供的服务方案里,注册并建立免费网站但你必须支付你付费升级,才能安装外挂(即扩充功能、模组、插件) 。
WP.com协助你托管你的网站,你可以省去管理运作的工作,但相对的,灵活性就会少一些。
与免费的部落格平台不同的是,这是托管,你的资源还是你的。

而我们使用的正是WordPress.org,灵活性高,而且能够随时随地,从主机运作到设计等,都在自己的操控下。

总结

如果你看到了这里,就代表你已经成功架设好你的网站,恭喜你。

目前我还没有计划要写WordPress 的操作教学,但我会根据读者的需求再看看需不需要写一些教程。

你可以到Google 上搜索一些WordPress 的教学文章,我相信对你也是会有帮助的。

这篇文章就到这里,如果你觉得我的文章对你有帮助的话,可以分享出去,让大家一起学习自己架设网站。

3 thoughts on “【FREE 影片教学】如何架设自己的网站?从0开始教你做制作网页,使用免费的WordPress。”

Leave a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

error: Content is protected !!