那么,在 2020 年,如果你想要拥有一个个人网站,你该当怎么做?十年前,市情上有各式各样大大小小博客做事供应商,但现今的它们有很多都已经消逝了。不过,得益于网络技能的发展,本日我们也有不少新的做事可以选择。
在这篇文章里,我会给想要建立个人网站但是未必具备足够的干系技能知识的朋友供应一个大略的入门引导,先容一些可行的选项和路子。因此,文章不会涉及太多的技能细节,带你入门之后,大门外的天下须要你自行探索。
Level 1:上手即用类适宜人群:我没有任何技能根本,只想要一个方便的界面和都雅的网站,能让我把自己的内容发布出来就行
如果你对付 web 技能并不理解,纯挚想有一个网站可以发布自己的内容的话,一些自助建站做事会是你的好选择。它们的共同点是,你不须要打仗任何代码,只须要大略的在后台选择你喜好的模板,然后用拖拽或者可视化编辑器添加文章,你的网站就能上线了。自助建站做事商供应的模板常日都相称精美,而且可以适用于博客、作品集,乃至线上商店等多样的需求。
Squarespace上手难度(等级越高越难):价格指数(等级越高,价格越高):数据掌控度(等级越高,你对个人数据的把控程度越高):⚙️⚙️页面掌控度(等级越高,你对页面设计的把控程度越高):如果你是英文播客的听众,那你很可能已经听说过 Squarespace 了。Sqaurespace 是目前口碑最好、做事最精良的自助建站做事商之一,它供应了大量丰富精美的模板和模块化的文章编辑器,你可以大略地通过拖拽来完玉成部网站的设计和发布,并且完美适配移动端和桌面真个浏览。如果你想购买域名,或者配置域名邮箱等做事,也都可以在 Squarespace 内完成。
Squarespace 供应的模板
Squarespace 的模块化文章编辑器
Squarespace 采取了险些百分百的模块化拼接,你既可以直接照搬已经预置好的模板,也可以在一个空缺页面上根据自己的须要塞入不同模块,终极拼接本钱身想要的功能和效果。对付不懂代码的新手而言,这种傻瓜化操作非常随意马虎上手。
不过,Squarespace 的价格比较昂贵,它不供应免费的方案,最便宜的套餐每个月也须要支付 12 美元(而且是年付价)。当然,在付费之前你可以随意制作并预览你的站点。此外,由于 Squarespace 的核心用户群是餐厅、酒店、艺术家等商业展示站点,如果你仅仅是须要一个展示纯笔墨的个人博客的话,它供应的模板可能会显得有些过于花哨和繁芜。
因此,如果你手头的预算较为充足,想要方便的做出一个令人惊艳的个人网站,尤其是当你有展示一些设计、拍照等图像的需求时,Squarespace 会是一个很不错的选择。
Weebly上手难度:价格指数:数据掌控度:⚙️⚙️页面掌控度:和 Squarespace 类似,Weebly 也是一个老牌的自助建站做事商了。相较于 Squarespace 清淡、倾向商务的风格,Weebly 无论是网站后台还是模板都更加朴素和个人化一些。但是在功能上,Weebly 也一点不差,同样供应了从域名注册到电商整合的一条龙做事,而且它的文章编辑器更加大略易用。
Weebly 供应的部分模板
Weebly 的文章编辑页面
比较于 Squarespace,Weebly 从价格到风格都是更加亲民的选择——它供应完备能够知足普通利用的免费方案(免费方案的限定是只能利用 .weebly.com 的二级域名,以及网站底部会显示 Weebly 的宣扬条),能够绑定自己域名的付费方案也只须要最低 5 美元一个月。
如果你暂时不想为了个人网站给自己增加太多的经济包袱,或者你便是喜好 Weebly 的某个模板,那么 Weebly 是一个很好的开始。
Wix上手难度:价格指数:数据掌控度:⚙️⚙️⚙️页面掌控度:Wix 是和 Squarespace 齐名的自助建站做事平台。如果你是 YouTube 重度用户,一定在某个期间见过 Wix 大面积投放的片头广告。比较于前文提到的 Squarespace 和 Weebly,Wix 在建站思路上并无特殊大的不同,都是由用户选择固定模板,然后自定义个中细节。但在详细的操作上,Wix 多了一个「ADI(Artificial Design Intelligence)」的设计模式,当你新建站点时,人工智能助手会问你一些诸如用场、风格偏好之类的问题,然后用算法天生一套网站视觉。此外,Wix 在模块化和自定义程度上达到了事无年夜小的程度,支持插入大量网页元素,并且每个模块的大小都能实现像素级调节。因此,如果你乐意花韶光逐步调试,可以让自己的网站内容非常丰富,乃至达到门户网站的效果。
Wix 比其他平台多了一个 ADI 模式
Wix 能实现门户网站级别的网页效果,但也须要你付出很多韶光用于页面调试
Wix 的价格从每月 4 美元起步,不过最低套餐供应的支持和带宽都很少,最实用的套餐价格为每月 12.5 美元,和 Squrespace 同等级别。Wix 适宜没有代码根本但对自己的网站设计哀求更高用户,其网站编辑器相比拟较繁芜,须要你上手一段韶光后才能适应它的操作逻辑。
Typlog上手难度:价格指数:数据掌控度:⚙️⚙️⚙️页面掌控度:️Typlog 是一个更加年轻的建站做事商,相对付 Squarespace 或者 Weebly 的「大而全」,它更方向于做一个「小而精」的平台。与前二者的拖拽式、「所见即所得」的编辑办法不同,Typlog 的建站逻辑更倾向传统的博客做事,你可以在一个掌握台内发布文章、修正站点的模板和属性。某种程度上,这是一种让人可以更加专注于内容的极简模式,你乃至不须要考虑页面的设计,只须要选一个模板,上传网站的 logo 和简介,编辑文章发布即可。
此外,如果你熟习 Markdown,Typlog 是完备支持 Markdown 写作的。由于 Typlog 的创始人是在日华人,它对付中文介面的支持也更完善。同时,Typlog 还有非常实惠的播客托管做事,目前在海内的独立播客中也相称盛行,我参与的播客《告别拍照》就采取 Typlog 搭建。
Typlog 的后台介面
Typlog 针对不同的访问量和上传的多媒体内容大小(图片、音频等)有着不同层级的定价方案,对付笔墨为主的博客写作者来说,最便宜的 4 美元一个月(如果按年支付,则是 40 美元一年)的套餐完备可以知足需求。如果你想要一个更加大略、清爽的写作体验,那么 Typlog 是一个经济便捷的选择。
Level 2:精益求精类适宜人群:我具备一定的打算机根本知识,希望对自己的网站有一些把控,但对付网络技能研究不深
上一节中先容的自助建站做事虽然方便,但缺陷也很明显——它们有点像样板房,虽然功能完备,制作也很精美,但可供你自定义的空间也相对较小。如果你对付网站的版式、设计或者功能有一些更加细致的需求,或者在模板建站的根本上想预留一些插入脚本和代码的空间,那这个章节提及的几家做事可能会更适宜你。
WordPress上手难度:价格指数:数据掌控度:⚙️⚙️⚙️页面掌控度:️️️️作为一个有着 17 年历史的开源博客程序,WordPress 可以算得上是最著名的博客方案,没有之一。WordPress 有着非常弘大的用户社群,你可以在网上找到无数的主题和插件,可以说,其他博客做事有的任何功能,WordPress 险些都能做到。根据维基百科,截至 2019 年,天下上排名前 1000 万的网站中,超过 30% 都利用 WordPress 搭建。WordPress 官方的建站做事 wordpress.com 可以让你不须要自己购买做事器,只要注册一个帐号,就能够大略地创建自己的博客站点。
关于 WordPress 的教程和利用解释,网上已经有很多,官网上也供应了简体中文的文档,在这里我暂且大略的罗列一下它的上风:
随意马虎上手。纵然你不须要任何进阶的功能,WordPress 本身便是一个完善的博客程序,只须要注册帐号,你就可以得到一个易用的博客后台,选择模板和发布文章的流程一点也不比上一节中的建站做事繁芜,同时 WordPress 也供应完全的简体中文支持。功能完善。从根本的 tag、分类、文章加密,到进阶的音频视频展示、多个帐号共同编辑、评论,乃至和其他博客的社交互动,WordPress 都可以做到。便于掩护。由于 WordPress 是天下上最盛行的博客程序,纵然你想要迁移到其他的博客做事,它也是支持最完善的。通过插件和第三方做事,你可以通过各种办法来迁移、备份你的内容,而不用担心兼容问题。支持广泛。除了 wordpress.com,你可以把你的 WordPress 站点支配在任何做事器上。事实上,许多常见的做事器供应商,例如 Digital Ocean 或者 Siteground,都供应一键支配 WordPress 的功能,这意味着在自己的做事器上建立一个 Wordpress 网站就像在 wordpress.com 上注册一个帐号那样大略,而且如果你想要将你的网站迁移到自己的做事器上,也只须要做一些大略的复制粘贴就可以了。因此,如果你想要快速的建立自己的网站,但又不想失落去一些「折腾」的空间,WordPress 无疑是你最好的选择。对付没有任何代码根本的用户,WordPress 可以当成一个「所见即所得」的傻瓜式平台;对付乐意折腾插件和代码的玩家来说,WordPress 也有着充分的折腾空间,可以任你随意「魔改」。此外,纵然你一分钱不花,仅采取 wordpress.com 的免费方案,依然能得到 30GB 的存储空间,这个容量对付以笔墨内容为主的个人博客来说已近无限,十分划算。
Cargo上手难度:价格指数:数据掌控度:⚙️⚙️页面掌控度:如果你须要一个自己的网站来展示自己的图像作品,或者你对付网站的设计有着很高的哀求,那么你不应该错过 Cargo。一贯以来,Cargo 专注于为视觉艺术家、设计师等群体供应建站做事,你从它的官网到网站编辑的界面都可以体会到它的分歧凡响。
Cargo 的视觉风格和编辑介面
其他的建站工具常日都还是保留着传统的从上到下,从左到右的流式网页布局,而 Cargo 的编辑器给了你非常大的自由度——你可以在页面上随便堆叠、摆放任何元素,可以将一段笔墨旋转 45 度,或者直接上传一个视频作为网页的背景。Cargo 的编辑办法很难用措辞描述,但只要你看过用它做出的网站,一定会让你印象深刻。事实上,利用 Cargo 建立的网站屡屡被视为网页设计的典范,如果你订阅了 Cargo 的 newsletter,也会定期收到一些精良网站案例。只要你花一些韶光熟习它的编辑器(Cargo 的官网上供应了我见过的所有建站做事商中最丰富、最详细的视频教程资源),Cargo 会是发挥你的创造力的最有力的工具。
不仅如此,Cargo 和独立字体商店 Type Network 有深度互助,供应了数百种精心挑选的正版字体,所有用户都可以在自己的网站里随意利用。如果你对网站的字体排印有自己的想法,这些字体能帮你更好地展示个性,提升网站的视觉表现力。
Cargo 的价格并不便宜,它的价格是 13 美元每月,或 99 美元每年,同样供应付费之前的全功能试用。如果你想做的是一个传统的博客,它不是最佳之选——Cargo 没有像其他博客平台一样供应独立的文章管理,这意味着你每发布一篇文章就须要创建一个新的「页面」,或者反复编辑一长串的笔墨。但如果你想要在自己的个人网站上展示多样的作品,充分发挥你的创造力,那么 Cargo 值得一试。
一些利用 Cargo 制作的网站:
https://de-form.hu/https://designdoesntmatter.com/https://comradeanimal.com/Ghost上手难度:价格指数:数据掌控度:⚙️⚙️⚙️页面掌控度:️️️同为全功能的开源博客程序,Ghost 是 WordPress 的直接竞争者(实际上,Ghost 本身便是一些不满于 WordPress 的臃肿而选择单飞的 WordPress 员工所开拓的)。作为后起之秀,Ghost 虽然没有 WordPress 那样弘大的用户社群和资源积累,但是上风也是很明显的——它的程序本身更加小巧、加载速率更快、介面更当代、原生支持 Markdown、Mailchimp、Slack 等常见做事、支持相应式布局,更主要的是,它是一个专注于写作和揭橥的平台,对付富文本的编辑支持非常好。
和 WordPress 类似,Ghost 也供应官方托管做事,因此你只须要在 Ghost 的 官网 注册一个帐号,就可以得到一个自己的 Ghost 博客了。不得不说,Ghost 的后台介面非常精细,文章编辑器令人想到排版广受好评的写作平台 Medium,如果你
Ghost 的后台介面非常好看
不过,Ghost 官方供应的托管做事价格不菲,最便宜的方案也要 29 美元一个月。但是如果你喜好 Ghost,也乐意学习一些做事器、Docker 等知识,那么在自己的做事器上安装 Ghost 也并不困难(你可以在《Docker 的入门「指北」》一文中学到有关 Docker 的干系知识)。整体来说,Ghost 在利用自由度上和 WordPress 类似,既可以零根本一键建站,也可以为老玩家供应做事器支配。如果你想要得到一个更加当代的博客体验,或是对付邮件订阅、各种做事整合有需求,那么 Ghost 会让你感到得心应手。
Level 3:自建支配类适宜人群:我不介意学习网络知识,或者我已经具备了一定的代码能力,想要自由地打造我的网站,并尽可能把数据节制在自己手里
如果你对付学习一些打算机技能抱持着开放的态度,或者想要从底层到前端完备掌控自己的网站,那么你可以找到一些更加经济、自定义程度更高的方法来建立你的博客。关于此类方案的详细配置办法,我派作者们先前已经写过不少,我在此处只大略提及建站要点,供你按图索骥。
静态网站天生器,以 Hexo 为例 上手难度:价格指数:数据掌控度:⚙️⚙️⚙️⚙️⚙️页面掌控度:️️️所谓「静态网站」,所谓的「静态网站」,指的是网站的所有页面与做事器上的 HTML 等格式的网页文件逐一对应,而不根据数据库、访问者信息等动态天生内容的网站模式。利用 Github Pages 和静态网站天生器,只要你的网站不涉及盈利,你可以完备免费的建立一个五脏俱全的博客。在先容这个建站方案之前,你须要先理解一些观点:
Github:Github 是一个代码托管平台,你可以将你的代码(在这个例子里,也便是你的网站源码)免费上传到 Github 上,你既可以在上面管理你的项目,也可以与其他 Github 用户进行互换、相互帮助。Github Pages:Github Pages 是 Github 供应的一种免费做事,可以将你托管在 Github 上的网站源码自动发布成可以被"大众年夜众访问的网站。静态网站天生器:静态网站天生器是一种格式渲染和转换器,可以将你用 Markdown 写好的文章转换为制订主题的 html 格式页面。Hexo:Hexo 是一个静态网站天生器,它可以帮助你将写好的文章转换成网站源码。Markdown:Markdown 是一种标记措辞,可以用任何文本编辑软件编辑(例如,最大略的,「记事本」)。大略地说,Markdown 是一种标记你的写作内容的办法,它可以让打算计理解你的文章的格式,例如,哪些是标题,哪些笔墨须要加粗强调等。你可以在《认识与入门 Markdown》一文中理解如何利用 Markdown。终端(Terminal):终端是你电脑中的一个程序,在终端里,你可以用输入命令的办法来操纵你的电脑。和普通的软件不同,你可以理解为,终端是一种直接向你的电脑下命令的办法。如果你对终端一无所知,可以先读一读这篇文章:《玩转 Terminal 终端:入门指南及进阶技巧》。通过这些工具,你只须要用 Markdown 撰写你的博文,设置好 Hexo,它就可以帮你天生全体网站的源码;接着,将源码上传到 Github 之后,大家就可以访问你的博客了。如果你想要用 Hexo,或者其他类似的工具来制做你的个人网站,以上这些只是都是最为根本的,理解它们对付往后进一步的完善你的网站很有必要。很显然,Hexo 也并非唯一的静态网站天生器,本文只是用它作为一个例子,如果你乐意,你也可以利用 Jekyll、Hugo 等其他类似的天生器来制作你的网站,而它们的利用方法虽然各有不同,但是背后的逻辑都是类似的。作为参照,用 Hexo + Github Pages 建立一个网站的步骤大致如下:
注册一个 Github 帐号,然后创建一个代码仓库,用来存放你的博客的源码。常日,你可以用 username.github.io 作为你的仓库名,username 是你的 Github 用户名,这样,Github 会自动把你的博客地址设为 username.github.io。在你的电脑上安装 Hexo(如果你是 Windows 用户,你可能须要先安装 Git,后续的操作都可以在 Git Bash 中完成)。天生一个新的 Hexo 站点,并设置你的站点名称、作者等基本信息。你可以在 这里 挑选你喜好的主题并下载安装到你的站点中。用 Markdown 进行写作,并保存在站点的 /source 文件夹中。在你的写作告一段落之后,通过 hexo deploy 命令将你的站点上传到 Github 仓库中。此时,你的博文原稿储存在你的电脑上,而 Hexo 所天生的网站源码会被上传到 Github 上,之后每次撰写新文章,只须要重复 5、6 两步即可。由于现在已经有许多精良的作者撰写了大略易懂的干系教程,本文在这里并不打算将这个方案的详细操作流程逐一写出,而是理顺「创建→更新」你的站点的方法和逻辑。关于 Hexo 建站的详细操作流程,可以参考《记录生活,分享点滴:通过 Hexo 搭建与利用个人博客》这篇文章中的教程,非常大略易懂。
Typecho上手难度:价格指数:数据掌控度:⚙️⚙️⚙️⚙️⚙️页面掌控度:️️和 WordPress 类似,Typecho 也是一个运行在做事器上的博客程序,但与 WordPress 不同的是,Typecho 不供应官方的托管做事,如果你想利用 Typecho 就必须拥有自己的做事器,并把它托管在你的个人做事器上。Typecho 同样完备开源,并且比 WordPress 更加轻巧大略。Typecho 由华人开拓,目前也已经积累了一定的用户社群,也可以找到模板和插件。因此,如果你想拥有一个自己的做事器,对自己的网站数据有着完备的把控的话,Typecho 是一个不错的开始。
Typecho 的配置颇为大略,如果你已经有了一些关于做事器的干系知识,那么你在阅读官方的 安装教程 之后该当就已经知道怎么做了。如果你是第一次打仗这些,那么这是你须要理解的几个步骤:
1. 你须要购买一个域名及一个做事器,海内的 阿里云、腾讯云,国外的 Siteground、Smallweb、Bluehost 等做事商都供应适宜建立个人网站的做事器方案,你可以根据自己的预算和详细情形进行选购。对付 Typecho,请确保你购买的做事器支持运行 5.1 以上版本的 PHP。
2. 将官方供应的最新版本的 Typecho 下载、解压并上传到做事器上。
3. 用浏览器访问你的域名 yourdomain.com/install.php,你就可以看到 Typecho 的配置引导了。你须要在这里设置你的管理员帐户和密码,以及关于数据库的一些信息。如果你要安装插件或者变动主题,你只须要将干系的文件放到 /usr/plugins 或 /usr/themes 目录中,并到后台启用即可。你可以在 这里 或者 官方论坛 中找到一些 Typecho 的主题和插件。
4. 这时,你的 Typecho 站点就已经配置完成了,只要有浏览器,你就可以随时通过访问网站后台(yourdomain.com/admin)来更新你的网站。
比较于最低本钱为零的 Hexo 等静态网站天生器,Typecho 多少会花费你一些做事器的开支,但是好处也是显而易见的——作为动态站点,在配置好之后,你只要能够连上互联网,打开浏览器就可以随时撰写文章、管理网站,而不再须要每次更新都必需打开终端进行操作。而相对付 Squarespace 等自助建站商,购买个人做事器价格也非常低廉。
做事器、域名及其他如果你想要完备掌控你的网站——自己设计、自己决定做事器里可以储存的内容,那么自建网站总是一个终极的办理方案。当然,能做到的事情越多,须要学习的也越多,如果你想要完备靠自己建立一个个人网站,那么你至少须要理解这些。
首先,你须要一个做事器。做事器是一台远程的打算机(纵然很多时候是一台虚拟的打算机),它和你的电脑一样拥有存储空间、处理器、内存和联网性能,这样你就可以把你的网站存储在里面,并且 24 小时上线。可以用于建站的做事器有很多种(VPS、虚拟主机等等),价格也各不相同,你可以根据须要进行选购。其次,你须要一个域名。域名相称于你的网站的地址。只有有了公开的域名,别人才能找到你的网站。域名的购买就很大略了,如果你在意你的网站在中国大陆的合法性,那么你可以去 万网 或者 腾讯云 购买域名,不过这也意味着你须要将你的网站在中国大陆备案。你也可以在一些国际域名经销商购买域名,domcomp 会见告你你喜好的域名在哪个网站比较便宜。我自己用过 Namecheap 和 Porkbun 都是性价比比较高的选择。接着,你须要制做你的网站源码。前面几节中提到的知识对你来说仍旧是有用的,你可以将你的 WordPress 站点支配在你自己的做事器上,或者利用 Hexo 等静态网站天生器制做网站源码并上传到你的做事器,这些都是很方便的办法。如果你想要完备靠自己建立一个网站,你至少须要学习 HTML、CSS 和 Javascript,这是三种编写一个网站最基本的措辞,你可以在 W3Schools 上学到险些所有干系的知识。通过这几种根本的措辞(当然,还有更多),你可以从学会看懂一个网站开始,进而学会如何修正它,直至终极具备制作一个独立的网站的能力。写在末了个人网站是一个很故意思的东西。它曾经是一个人人都想要、大家都能有的「互联网必需品」,人们把它当作向外界展示自己的窗口。你在上面分享你的生活,写下你的想法,一些网页设计的细节或者前真个花招都可以让人得意良久。
随着移动互联网时期的到来,强调短内容的社交平台成了新的内容集散地。只管社交媒体让我们可以更方便地互换和分享,但是个人建站这种「自己经营一片小天地」的觉得仍旧很难取代。如果你在本日仍有一片自留地想要坚守,希望这篇文章能帮你迈过个人建站的第一道坎,找到最适宜你的建站路子。