快速搭建自己网站,怎么制作自己的个人网站
关于【快速搭建自己网站】,今天向乾小编给您分享一下,如果对您有所帮助别忘了关注本站哦。
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!
版权声明: 本站仅提供信息存储空间服务,旨在传递更多信息,不拥有所有权,不承担相关法律责任,不代表本网赞同其观点和对其真实性负责。如因作品内容、版权和其它问题需要同本网联系的,请发送邮件至 举报,一经查实,本站将立刻删除。