比德勒科技

个人主页网站制作流程

日期:2024-07-11 20:27 / 作者:www.biddlecn.com

简单技巧分享:怎么制作自己的个人网站

随着个人创业的流行,很多个人也需要一个比较详细的网站来展示自己,开展个人业务,或者积累粉丝等等。那么怎么制作自己的个人网站呢?又该怎么制作得更个性好看?下面就跟大家分享下制作方法。

上线了个人网站案例,禁止转载

一般来说,大部分个人都不懂代码技术,而从头学起又非常浪费时间,因此比较方便的方法是直接使用自助建站系统。现在市面上的自助建站系统很多,新手尽量选择操作简单、零门槛上手、模板设计美观、知名度较高的类型。

有了建站工具后,个人网站制作流程如下:进入「上线了」官网,注册账号后选择【创建网站】,再选择一个“个人”模板。

点击模板进入后台编辑页面,在这里你可以添加各种功能版块。网站页面就是由各种不同版块做成的,如果做个人插画、作品集网站,你可以添加网格、相册、大尺寸媒体、横向布局、纵向布局、联系方式等版块来展示作品,和访客沟通。

如果是做个人简历网站,那么你可以使用个人简介、经历、教育、技能、相册、所参与项目等功能版块,介绍你的工作经历。

如果是做个人博客网站,那么主要就是标题、博客、留言表单等版块。

在左上角【风格】里,你可以更改网站的主题风格、字体、模板;在【设置】-【域名】里,你可以设置网站域名。你还可以在网站页脚添加社交媒体图标,链接到自己的微博、抖音、B站等各媒体平台,吸引更多粉丝。

(演示效果)

上述全部做好并预览无误后,点击左下角“上线”即可。

这样一个个人网站就做成了。如何让自己的网站更有特色?如何避免网站千篇一律?可以注意以下这几点:

(1)多样化版块布局

上线了网站的版块布局是可以修改的,顺序也可调整,你可以选择喜欢的布局,让网站更加个性化;

(2)个性字体

独特的字体可以让你的网站给访客留下更深刻印象,在编辑器里点击风格 - 字体,点开任一字体类型,从本地上传一个字体文件就好。

(3)多图展现

图片是体现网站个性和时尚的重要部分。现在人们越来越倾向于碎片化阅读,因此你的个人网站也不宜放太多文字内容,尽量多用图片和视频,让网站更有活力。

以上就是如何制作个人网站的教程了,布局版块、个性设计,全程都非常简单,基本不费什么脑子。

羡慕别人有自己的网站吗?这里有搭建免费个人主页的傻瓜式教程!

想拥有一个免费的个人主页吗?在这里,你可以发布自己的博客、自由定制网站的主题,你可以拥有极好的创作体验,它可以成为你对外的一张“名片”,体现你的品味和兴趣,还有更重要的,它是免费的、可控的、无需维护的。

那么,我推荐你用GitHub Pages搭建你的个性化主页。

今天这篇推文就以最简单的方式介绍GitHub Pages的使用入门,跟着我做,不到半个小时你就能拥有自己的网站。

傻瓜式教程

注册GitHub账号。到注册一个GitHub账号。如下。 创建仓库。创建一个以username.github.io命名的仓库(repository),注意这里的username就是第一步注册的GitHub账号的用户名。举个例子,如果你的用户名是sophshep,那么你的仓库名则为sophshep.github.io,如下图所示。 下载GitHub Desktop客户端。到下载GitHub Desktop客户端(Windows或MacOS),作为git工具(方便不懂git的用户使用)。安装完成后,登陆自己的GitHub账号,并克隆(clone)前面创建的仓库到电脑上(可设置路径)。 创建Hello world网页(先以创建一个最简单的Hello world为例,介绍如何在网站上发布第一个网页)。在上一步克隆在电脑上的仓库文件夹中新建文件index.html,内容如下。 Commit & publish。创建完index.html文件后,GitHub Desktop会提醒有内容更新,此时进行Commit & publish即可。如下图所示。 大功告成。到这里,一个最简单的个人主页就搭建完成了,访问即可看到网站的样子。

网站主题

可能有人要问了,刚刚创建的只有Hello world网页的个人主页也太简单了吧!?别急,下面教你如何5分钟内把网站装扮的更漂亮,有好看的主题,有强大的功能。

此时,我们需要用到Jekyll静态网页生成工具(也可以用Hexo,以后介绍),这也是GitHub官方推荐的静态网页生成工具。

Jekyll提供了丰富的免费主题,可到网站查看,如下图所示。 选择你喜欢的的主题(个人觉得Jekyll Next主题不错)并下载,先将电脑上的username.github.io仓库文件夹中的内容清空,再将下载的主题中的所有文件拷贝到里面。以我的仓库为例,如下图所示。 然后在GitHub Desktop客户端Commit & publish。再次访问,你会看到焕然一新的个人主页!到这里,一个简洁漂亮的个人主页就搭建成功了。当然你还可以继续修改仓库中的代码(主要是_config.yml文件),来调整和定制网站的风格,这个以后会介绍,今天就提供一些官方的参考资料,通过阅读它们,你能够对GitHub Page和Jekyll有个深入的了解。

参考资料

GitHub Pages的Jekyll使用教程:

Jekyll官网:

网站搭建】小白花7分钟搭建简洁美观的个人主页

百度搜索"汉堡云"购买2.88元主机!

大家好,我是汉堡云的镇长汉堡。今天给大家带来的是这样的一个个人主页或者是引导页的打印教程。这是一个像英式的鼠标滚动是可以有三个界面的,图片、文字都是可以自定义更改的,点击这里也可以直接跳转到你的网站之类的。

·先看搭建,首先需要有一个服务器或者寻一主机,这里就以汉堡云的虚拟主机来作为一个示范。当然如果有服务器或者是其他厂商的虚拟主机也是可以跟着一块来的,可以挑顾购买的步骤。现在开始来做一个基础的购买的教程。

·首先在这里可以购买普惠区和黑钻区的主机,黑钻区的配置要更高一些,推荐预算充足的玩家用。当然也可以购买云服务器,这样网站会变得更加流畅。这里就以普通的一个不会去的青铜行来做一个示范。当然也可以购买零二点八八以上青铜行以上的主机,当然越贵的肯定体验会越好。

·这里就这样来做个示范,这里可以购买月付、季付、年付之类的,这里就默认加直接加入购物车,点击同意付条款,点击立即结账,这里就会使用微信、支付宝来结账,这里有余额就直接使用余额支付了,这里需要等待一会。

·购买完成之后来到选配置您的产品,点击寻音主机,找到自己购买的寻音主机,点击操作,在这里点击登录面板,点击仍然发送。

·这就来到虚拟主机控制面板了,在这里可以点击基本配置,点击域名更改,可以来购买一个二级域名,在这里可以直接选择,点击添加即可。

·也可以来到选购二级域名,点击我一直讲在这里选购一个二级域名,比如购买kfc,这里主机头就是想要的域名前缀。如果想要一个汉堡云,直接输wshby就可以,这里是不能输中文的,只能输英文。

·点击加入购物车,在这里购买一下。当然如果自己有域名可以直接解析到ip,直接点击自定义添加即可。这里演示的是如果没有域名而且也不想购买一个一级域名,就可以直接很方便的使用二级域名来进行完成道具。

·在这里点击评论产品,点击其他产品,点击操作,这里需要来更改一下解析,默认的解析是一二七点零点一的本地主机解析,点修改解析之后选择a记录,解析地址选择虚拟主机的ip,这里显示成功之后点击ok即可。

·在这里需要绑定一下域名,而这个域名就是刚才自定义的命名,它就会在这里显示,直接复制过来,点击添加。

·在这里点进域名访问一下,出现恭喜渐渐创建成功就说明域名解析好绑定到主机上面了。

·需要传一下原码,点击基数据管理,点击在线文件管理。

·然后点击上传文件,这里上传一下原码,点击确认上传原码,大家可以在汉堡云波克来进行获取,或者是加入售后交流群,在群文件里面获取。如果大家不想加群,就直接在波克免费下载就可以了。

·这个大家可以自己复制到浏览器来进行下载,这里这是三个冒盘,这边就不多说,在这边已经成长完成之后需要删除以下默认给的文件,点击更多操作,点击删除,选中文件,点击确认删除。

·在这里点击解压缩文件,解压一下,这里有乱码是正常的,因为我是用中文的文件夹来定义,点击进入到乱码的文件夹之后,点击剪切,选择文件,然后点击根目录,在这里点击粘贴,这里就成功的搞好啦。

·可以访问一下玉米,这一坨刷新几次,它是有一个缓存,可以点击ctrl加f5强制刷新一下,刚才的乱码是因为缓存的问题,这里就大概完成了。

·后面现在教大家如何来修改一些文字。首先来到宝塔主机,在这里找到index四点html,点击这个小笔,铅笔一样的图标,在这里比如想改这个一一一,随便来试一下,在这里按住ctrl加f5或者直接刷新也可以,这一周一般使用ctrl加f5就能看到改的效果已经成效了。

·如果在这里想改这个按钮,点击跳转,在这里可以,这里就是想跳转的网,如果是个人主页可以设置自己的微博、qq之类的一些超链接,如果想做一个引导页,这里就放网站即可。

·教大家如何去更改图片,在这里点击inits,在这里可以看到有三个图片,在这里可以阅览一下,可以看到一点png就是第一个展示的图片,这里可以上传一张图片,之后随便上传一张图片给大家演示一下,这个礼物没人上传一些,不能上传一个png的,点击确认上传,这里可以把一点png删掉,再将图片名改成一点png,相当于做了一个替换。

·在这里再强制刷新一下,就能看到图片已经改好了,这样操作就不需要再改代码了,不然还得去改代码,对新手来说还是比较复杂,而且容易改错导致网站崩溃,直接使用替换法就可以了。

本期视频就到这里,大家再见,拜拜。如果有想看的网上那些教程,可以在评论区打出来,我会根据实际的需求来先给大家进行教程制作。