当前位置: > 投稿>正文

快速搭建自己网站,怎么制作自己的个人网站

08-06 互联网 未知 投稿

关于【快速搭建自己网站】,今天向乾小编给您分享一下,如果对您有所帮助别忘了关注本站哦。

1、快速搭建自己网站:简单技巧分享:怎么制作自己的个人网站

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

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

快速搭建自己网站,怎么制作自己的个人网站

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

快速搭建自己网站,怎么制作自己的个人网站

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

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

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

快速搭建自己网站,怎么制作自己的个人网站

(演示效果)

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

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

(1)多样化版块布局

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

快速搭建自己网站,怎么制作自己的个人网站

(2)个性字体

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

快速搭建自己网站,怎么制作自己的个人网站

(3)多图展现

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

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

2、快速搭建自己网站,五分钟免费搭建一个自己的网站

所使用到的工具

1.Git

2.NodeJS

3.hexo

4.gitee

默认你已经安装了Git和NodeJS(不会的自行百度,安装教程很多)

为何使用Gitee而不是GitHub

目前国内访问GitHub速度慢,还可能被墙,所以Gitee来构建个人博客。Gitee类似国内版的GitHub,访问速度有保证。

开始搭建

1. 安装Hexo

打开cmd,输入命令

npm install -g hexo-cli

2. 初始化Hexo

在你的电脑上创建Hexo文件夹,在Hexo文件夹右键选择Git Bash Here

然后输入命令

hexo init

初始化完成后Hexo的目录结构:

3. _config.yml对博客进行基础配置

_config.yml文件修改,保存

4. 本地预览博客

编译项目,输入命令:hexo g

运行项目,输入命令:hexo s

在浏览器中输入http://localhost:4000/就可以看到效果啦,是不是很简单

如果你只是在本地浏览,恭喜你已经完成了

部署博客到Gitee上

1. 创建Gitee账号

到码云:http://gitee.com/ 上申请注册账号,码云类似国内版的GitHub,所以操作界面跟GitHub差不多,多了一些国产化的东西,这里不做更多介绍了,自己研究下。

2. 创建项目

创建完成后,在项目中复制项目地址。

3. 在_config.yml中配置Git

deploy: type: git repo: http://gitee.com/sinee/sinee.git branch: master

注意:冒号后面一定要有空格,否则不能正确识别。

4. 发布到Gitee

输入命令安装自动部署发布工具

npm install hexo-deployer-git --save

依次输入以下命令 发布博客,首次发布需要在shell中输入账号和密码。

hexo cleanhexo ghexo d

5. Gitee Pages设置

在项目的服务中选择Pages选项

Pages

选择 master分支,点击 部署/更新

稍等一会儿博客就发布成功啦,就可预览在线博客啦!!!如果博客的样式不对,则需要在_config.yml中配置下博客地址和路径,然后再执行命令hexo clean && hexo g && hexo d 就可以啦

下面这个是我自己搭建的网站,欢迎大家访问:http://sinee.gitee.io/

特别说明

本文关键词:快速搭建个人网站,如何搭建网站?,搭建网站的步骤,快速搭建自己网站的方法,快速搭建自己的网站。这就是关于《快速搭建自己网站,怎么制作自己的个人网站》的所有内容,希望对您能有所帮助!更多的知识请继续关注《犇涌向乾》百科知识网站:http://www.029ztxx.com!

版权声明: 本站仅提供信息存储空间服务,旨在传递更多信息,不拥有所有权,不承担相关法律责任,不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请发送邮件至 举报,一经查实,本站将立刻删除。

猜你喜欢