免费制作一个网站的软件有哪些(静态网站生成工具推荐)
局限:只能是静态网站的个人网站
面向读者:所有人包括非IT人员
首先如果你无法理解“静态网站”的话,那么相信我,静态网站就可以满足你大部分个人网站的需求。其次这篇文章更多的是面向非IT人员,因为我写这篇文章的原因是我的一个同学的故事:
我同学小A是律师,他想把自己处理过的一些案件记录在自己的个人博客中,他已经注册了公众号。但是他始终觉得有个网站或者个人博客会显得专业一些,而且还可以展示自己的个人履历,把这个网站链接放在公众号里面会显得跟专业一些。“好吧,我明白了~”而且学会自己搭建一个静态网站是一个很酷的事情,你可以做一些很漂亮的宣传页,或者表达自我主张的个人博客,或者在我以前的文章里面给别人做一个网页版生日祝福or纪念日等等。
所以开始吧~
前言
首先我们要用到的工具是著名的开源社区Github,我们做的静态网站最终要托管在上面,这个功能叫做“Github Pages”,是一项免费的静态文件部署服务。
虽然Github是国外的网站,但是在国内可以访问并且速度还不错!
有人担心,如果以后Github被墙了怎么办?放心,即使被墙了,你学会如下的操作依然可以在类似的国内平台,例如码云等
1.申请Github账号
(如果有账号请直接登录然后跳转到教程下一步)
访问Github,点击SIGN UP按钮。(Sign in是登录的意思,应该都很好理解)还有Github是全英文的,没有中文的哦亲,但这不影响我们使用的。
注册很简单,只需要用户名,密码,邮箱即可,不需要手机号。(对了,用户名用一个酷一点或者有意义一点的,因为它会出现在你的网址中)
注册填写Github用户名密码邮箱
接着,Github会问你是否需要付费使用。这里选择不用,因为Github提供的免费服务已经能满足大部分人包括开发者的需要了。付费服务主要是面向团队以及企业。
后面还会有一些步骤,大概意思就是问你想用Github做什么,你对Git的熟练程度,(感觉像是moba游戏新手调研都会这么做)因为Github网站迭代的原因可能会稍有不同。比如笔者这里试的时候是这样子的。
然后Github会给你注册的邮箱发送一个确认链接,请点击链接确认,不激活的话是无法正常使用Github的服务的。这个是Github的反爬虫系统。(题外话:Github的反爬虫系统很强很强!)
如果收件箱没有看到,那么不用想了,一定在垃圾箱里面!
到这里我们的注册就完成了。
2.创建一个仓库
接下来我们要创建一个仓库,仓库就是保存代码的地方,也就是保存网站的地方。这里我们做一个最简单的网站:个人简历。
1,首先点击“Your repositories”,查看个人全部仓库,第一次肯定是空空如也啊。
2,接着我们新建一个仓库
3,这一步很重要,仓库的名字不可以随便写,必须是<我的名字>.github.io
比如我注册的名字是 zhihu1,所以这里我创建的仓库的名字必须是
4,接着下一步页面会比较复杂,你会看到一大堆看不懂的东西,其实那些事git操作提示。如果你熟练git的话就知道了。不过我们不管这些,我们只需要创建一个新的文件就行啦!
5,新文件的名字不可以乱写哦,必须是 index.html,这里大家都一样都写这个。(题外话:静态http文件托管服务的默认访问文件就是index.html)
可以参考笔者的内容如下,改成你自己的介绍哦~
3.查看网站的网址
到这里,我们一个最简单的个人网站的代码就完成了。接下来最重要的一步,我们需要知道网站的链接啊,只有这样,别人才能访问我们的网站呀。
1,点击settings
2,然后往下翻找到 Github Pages, 看到绿色提示,后面的链接就是你的网站地址了,打开看看吧~
Tip:很多老铁评论说这里看不到绿色框框,没有URL。那是因为你的仓库名称与用户名不一致,不过不用担心,也是有办法的,看下面的第二张图片。
第一张图片
第二张图片(这里我设置成小图防止误导正常老铁, 点击可以放大图)
3,点开网站看一下
完成!
其实细心的同学会发现,其实我们的网站地址和我们写的仓库名称是一样的,是滴!而且非常有个性的是我们的名字还出现在网站地址中。
本来到这里这个教程已经结束了,但是我想有的同学肯定是不满意的。首先你的这个网站做的太简陋了吧,不是我想要的那种!
那好,其实学会这个教程就可以做下面两个非常炫酷的小站点了,一个是生日祝福,一个是爱情纪念日。都是很有意义、很温馨的题材哦:)
霸都丶傲天: 改改数据,为心爱的人做一个超具创意的网页生日祝福吧~霸都丶傲天:5分钟做一个免费的网页爱情树,快快学习发给自己的女朋友吧(微信QQ都可以查看哦)^_^霸都丶傲天:告白气球? 圣诞节的创意网页小礼物不了解一下么?
所以是这样子的,我没有演示复杂的网页是因为它需要写的代码太多了,许多第一次接触Github的老铁,或者以前从来没接触过HTML的人就会有点陌生。
是的,这里我们提到了HTML,它就是网页的描述语言,对HTML感兴趣我推荐这些最好的免费自学网站。
国内的w3school (国内的w3School这两年商业元素越来越浓厚了,不怎么推荐了)
国外的w3school 网络条件好,并且英语还不错的同学建议看国外的
后面一段时间,我还会出一些更高级的个人网站教程。所谓更高级不是说写一大堆代码,而是如何使用业界非常流行的静态网站生成器来做个人网站。静态网站生成器的英文说法叫做“static-site-generator”。我们只需要关注创作内容即可,这些工具可以帮助我们把网页做的非常绚丽,非常的awesome!
Github上面有专门的相关主题,并且非常火,这里我给个截图
Github上面有超过1500个静态网站生成工具
最后,这篇文章的初衷还是写给对编程知识不懂但是又感兴趣的老铁,以及刚上大学计算机系的后起新秀,做一个个人网站可以很大程度提高自己学习编程的动力,所以我觉得这是很有意义的一件事情。其他文章
- 好用的云盘有哪些(盘点最安全的云盘软件)
- 网站单页制作教程(最简单的网页制作步骤)
- 手机上网怎样省流量(节省流量的小窍门)
- ipad分屏功能怎么使用(iPad分屏操作的具体步骤)
- 二合一平板电脑与笔记本电脑区别(关于两者性能详解)
- 手机短信怎么加密(华为手机短信加密设置方法)
- 微软输入法怎么卸载不了(Win10系统微软输入法卸载方法)
- 百度快照是干嘛的(描述百度快照的功能介绍)
- 网页木马检测怎么关闭(清理木马病毒最强的软件)
- 安卓怎么投屏到电视上(手机投屏的四种方法)
- 国外电子邮箱有哪些(最受欢迎的电子邮箱大全)
- 如何连接云服务器主机(云服务器使用方法教程)
- 钉钉如何投屏到电视上(钉钉视频投屏操作方法)
- 电商平台的推广及运营思路(电商营销的策略与方法)
- 如何保存网页图片到电脑(最简单的网页图片提取方法)
- 家用电脑台式机推荐配置(高性价比电脑配置清单)
- 内存不能written怎么解决(内存written修复工具)
- 电脑换ip软件哪个好用(IP地址切换APP推荐)
- 网上商城如何推广(线上商城的推广方案)
- 自己组装一台电脑需要买什么东西(高性价比电脑配置清单)
- 网站制作流程与发布(制作自己的网址教学)
- 自己建网站需要什么(创建网站的基本步骤)
- 关键词竞价排名是什么意思(百度竞价排名收费标准)
- 什么叫云平台云服务(云平台的主要功能)
- 百度h5制作平台有哪些(做自己的网站的注意事项)
- 抖音怎么放大视频画面(抖音视频比例设置方法)
- 怎么建设一个自己的网站(个人快速建站流程)
- 怎么查找电脑ip地址在哪里(IP地址查看的三种方法)
- 如何搭建一个局域网(家庭局域网组建流程)
- 解压缩软件哪个好用(5款优秀的解压缩软件推荐)