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

Last Updated on 2021 年 8 月 24 日 by Gina

在以前网络科技不发达的时代,若你想要自己架设网站,一定要会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 的功能,搬家过程和其他平台相比,不会太难。

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

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

  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

遇到手动验证怎么办?

点我了解如何处理手动验证

如果遇到这个画面,就代表需要手动验证。

步骤1 :复制起来你手动验证画面里的 email ,我的是 [email protected]

步骤2 : 回到你用来注册账号的邮箱,然后发送邮件。(如图)

步骤3:接着你的邮箱就会收到1封 verify 的信,需要我们提供一些资讯,来确保你不是恶意攻击和滥用账户的人。

蓝色部分 , 2 选 1 ( 我是给fb url & 电话号码)

青色部分,给1个能代表你身份的资料 (我给驾照~)

remark – 有些朋友担心发送驾照 /护照不安全,那你们可以参考我的做法,我会在角落上方用修图软体打上 for identification purpose only,不过要注意不能遮挡到太大面积或重要信息(例如驾照号、名字等等的)

步骤4:之后就会收到确认信,点选activate account

步骤5 : 完成验证啦!

大家跟着接下来的教学视频继续架设就行了~


第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 的教学文章,我相信对你也是会有帮助的。

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

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

  1. gina 你好,我想请问,如果在选择虚拟主机的时候,是否要考虑所用电脑的operating system?
    因为我的电脑是 windows 10 Pro,但当我在查询 blue host 资料的时候,才发现它只能用在linux上。
    而hostgator有特别列明他们有提供 windows hosting。
    有些不太明白,不知你是否了解相关资料?
    感谢!

  2. Hi, Gina 您好,
    我在wordpress.com开了个免费webside,没加入如何主机商,就这般写了30多篇部落格文章,块年半了,赚不到收入。请问我可否继续下去。(其实是想在写blog赚点收入)。
    谢谢;请回我Email。

  3. hI Gina
    想请问,跟着步骤做到申请cloud ways户口验证时,却被要求呈交政府提供的发律证件,FB户口账号,电话号码。这是必须的吗. 很危险呢。。。根本没办法做live chat 寻求支援。该怎么进行下一步啊。。

    1. 这是必须的哦~一般上我发送身份认证的时候,
      我会在身份认证、或驾照的角落边,用修图软体打上“FOR IDENTIFICATION PURPOSE ONLY”字眼,
      这样就没问题啦,也安心一点。

      至于其他的资料提供,你只需要提供FB URL,不用提供账号密码,
      另外,提供电话号码也是很普遍的验证过程哦
      官方会要求这些资料,只是用作于身份确认,不必太过于担心

      在试用期间Livechat用不到唷,只有cloudways member才能live chat

      1. 麻不麻烦就要看各人囖,我自己是不喜欢半路搬家的
        siteground我没有用过,不能评价。

        我之前有考虑使用siteground,
        后来觉得它的续约费偏贵,
        而且又是共享主机,资源和别人share所以不用。

        个人喜好~

        1. 不太了解你的問題,你可以把遇到的情況截圖發email給我哦~
          或者是回復在留言區
          (可以先下載文章中的WP實用秘籍,看看手冊裡的操作功能部分,能不能解決你的問題 )

發佈回覆給「chan」的留言 Cancel Reply

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

error: Content is protected !!