首页 网站首页 软件开发 网站建设 查看内容

不需懂代码,10分钟在Github搭建免费且已成型的 …

微信营销 2022-12-5 14:50 8654人围观 网站建设

想具有一个自己的博客网站吗?现在搭建小我网站/小我博客的平台和软件很多,比如最风行的是这三个:

1. http://Wordpress.com,很好很简单很强大,可是,你在上面搭的网站国内不能拜候。
2. http://Wordpress.org,自己下载Wordpress软件托管。有些云平台如AWS有打包办事,不用自己下载了。这个要求一定的专业才能,而且不成能完全免费——托管费总要付点儿吧。
3. http://Wix.com,很是简单的拖拽式网站建造,会做标致的PPT就能做标致的网站。可是,一方面国内虽能拜候但很慢,别的一方面,假如一点儿小钱也不想恩赐的话,网站头上会一向顶着个长条广告,很是碍眼。

明天先容一种对技术要求最低、最为快速简单的博客网站建站方式 —— Github的Fork复制方式。你没看错,是Github!不懂编程也能去法式猿们的大本营搞工作。

用Github搭建网站的上风:

  1. 完全免费,且无广告;
  2. 国内拜候无忧(最少今朝是这样),速度也不赖;
  3. 完全不受平台功用限制,所以假如未来晓得编程了,想改成怎样就改成怎样。
补充说明:Github在国内拜候还是有些不稳定,保举用码云(http://Gitee.com)取代,其方式与下面说的完全一样,只是需要把一切的github.com改成gitee.com,一切的github.io 改成 gitee.io;但要Fork复制的网站,需改成gitee.com/klovien/klovien (与github的形式略有分歧)。

好了,究竟怎样简单粗鲁地花10分钟就能做成一个成型的博客网站呢?(这里夸大成型的,由于网上有很多10分钟教程做出来的是一个很粗陋、不成型的博客;至于具体怎样个成型,你按下面做好就晓得了,大致来说就是界面已经很都雅了,而且立即便可以写博客了。)

只要简单三步:

第一步:注册Github账号。请点击这里github.com注册。留意,账号的取名很重要,由于你的username将成为你免费网站域名的焦点部分,它将长成这样:yourusername.github.io,比如我选的用户名是klovien,所以将要成为我博客网站的地址就是:klovien.github.io。(固然,假如你筹算注册利用付费域名,账号取名就不重要了。)

第二步:复制我的网站。注册登录Github后,请点击这里github.com/klovien/klovien.github.io 进入到我的仓库。看到以下界面,请点击最右上角的“Fork”按钮。




图1 待复制的方针仓库

等几秒钟,复制完成后,你会看到界面几近还是上图这样一个界面,但左上角的仓库名自动改成了yourusername/klovien.github.io。她是你的了!

这个时辰在标签行的最初面,增加了一个“Settings”标签(就在刚刚阿谁Fork按钮下面靠左一点点的地方)。留意你今朝位于你仓库的“Code"标签页,所以请点击换到“Settings”标签页,进去后看到下图的界面。现在你只要把下图中仓库名中的“klovien"这个单词改成你账号的username,留意保存.github.io不要变啊(若你用的是gitee则没这个),点击Rename。哈哈,搞定了。




图2 把仓库名的第一部分改成你的用户名

现在新开个阅读器窗口输入yourusername.github.io看看结果吧,这就是你的博客主页面了。能否是很简单很爽的一件事?(若没出现下图,而是显现404毛病,那就是上图中的更名没改对,请仔细检查一下输入的能否是你的username,有没有拼错)




图3 Fork完成后的网站样子

等等!这招牌是什么东东???—— 嗯嗯,不要急,招牌固然要改成你自己的咯,请继续往下走。

留意:假如你用的是码云Gitee,而且是免费账号的话,需要要手工摆设Pages办事,才能出现上述网页,方式是点“办事-GiteePages-启动”。今前任何修改都需要利用类似操纵重新摆设一次,才能生效。

第三步,改成你的招牌。现在,回到你仓库的Code标签界面,往下渐渐瞧,找到这个文件:_config.yml,点击进去看到下面的界面。点击右上角的那只笔进入编辑形式,把红箭头指到的地方,逐一改成你想要的工具吧。最初一个箭头,是头像文件,假定你临时还不晓得怎样上传文件,所以改成这个好了:/img/about-someone.jpg,嗯,我放了个空缺头像在那边 。




图4 点窜网站关键信息,成为你自己的网站

拉到页面下面点提交,大功乐成!再到你的博客主页面yourusername.github.io看看,能否是这些信息都改成你的了?(能够要稍微等一下,多革新几遍。用码云的记得要重新摆设。)

以上我们就经过简单几步,建立了一个相当完整的,而不是一个空缺的静态博客网站。

现在,你便可以在仓库的“Code"标签页的_posts目录下面,增加你自己的博客文章了:点击进入_posts目录,点击右上角的“Create new file"按钮,文件名设为“yyyy-mm-dd-文章题目.md”(留意后缀名),复制下面的模板内容到编辑框里面,写好你想写的内容,然后在最下面点”Commit new file" 按钮保存即可。现在回到你的博客主页面,多革新几次,你的第一篇博客就能出现了!(我原本的文章,你尽可以删掉。再说一遍用Gitee的需要重新摆设。)

---
layout: post
title: (文章题目)
subtitle: (副题目)
date: 2022-12-01
author: (作者名)
header-img: img/the-first.png
catalog: true
tags:
- 往事如烟
---
# 一级题目
## 二级题目
(正文内容)

至此,建站工作已根基完成,还颁发了你的第一篇博客。全部进程没有用到一行代码,只做了复制和改几个字的工作,充足简单吧!

为了方便你自己,请把你的仓库的描写(Description/Website)改一下。也就是对应于第一张图的 “Wellcome to ...” 阿谁地方,改一下,特别要把Website改成你自己的域名,这样,你便可以点击它间接进入到你的博客了。

进一步的完善点窜,请看我下一篇文章《在Github上搭建免费小我网站和博客(进阶篇)》。我倡议你不要急,渐渐来,可以先写几篇文章玩玩,渐渐再来改网站。

在进阶前,假如你看到复制来的About和Resources的内容很烦,临时又不晓得怎样改的话,请把仓库Code标签下的两个文件:1-resources.html、2-about.html,删掉(点击该文件,再点击类似图4中那支笔旁边的渣滓桶)。安心,假如需要的话,等你学会点窜了,还可以从我这里copy回去改的。

搭建博客的第一篇到这里就竣事了。假如你Fork后感觉有用,还请别忘了在Github/Gitee上给我的项目点个星(Star)哦,按钮就在紧靠Fork的地方。感谢!

特新颖谢

特新颖谢BY,我的博客是从他那边Fork来的,而且他也写了很具体的教程《快速搭建小我博客》。假如我的下一篇进阶的文章还没写出来,而你急着要完善自己的网站,无妨继续参考BY的教程。

我之所以重新编写教程,是基于两个缘由:

  1. BY的教程虽然已经浅显易懂了,但对实在的小白来说,内容还是有些复杂有点儿长。我第一次尝试的时辰,就感觉还是太麻烦了,所以放弃了。但是到Wix转了几个月返来后,才发现BY这个方式真的是超简单又好用。所以我现在把BY的教程按我的了解做了重新的编排,确保从零起头到颁发第一篇博客的进程中,触及到的常识量最少。
  2. BY貌似已经停止更新这个博客,也不再回答题目,所以我希望能经过我这个工作,把这件工作继续下去,发扬光大。

希望BY假如看到这篇文章,是欣喜而不是介意。


注:我们现实上利用的是Github Pages在搭建网站,但这名字是什么并不重要。

高端人脉微信群

高端人脉微信群

人脉=钱脉,我们相信天下没有聚不拢的人脉,扫码进群找到你所需的人脉,对接你所需的资源。

商业合作微信

商业合作微信

本站创始人微信,13年互联网营销经验,擅长引流裂变、商业模式、私域流量,高端人脉资源丰富。

精彩点评

查看全部评论>>

相关推荐

自学网页设计,需要了解的网站开发流程

自学网页设计,需要了解的网站开发流程

搭建一个功能完善的网站,从构思到上线,离不开各职位成员的共同努力。作为一个准网页

点击进入!网页设计基础知识全攻略(2万字干货长文)

点击进入!网页设计基础知识全攻略(2万字干货长文)

前言网页设计,是一个系统的、庞大的工程,我曾在《自学网页设计,需要了解的网站开发

如何搭建个人网站

如何搭建个人网站

作为一名大学生,我觉得搭建个人网站很有意义。这篇博客讲述的是这个寒假,我是如何从

网站建设定制找哪家外包公司靠谱?

网站建设定制找哪家外包公司靠谱?

如何选择一家既靠谱又合适的网站建设外包公司呢?选择网站建设公司很多人都会纠结这个

10分钟创建一个属于你自己的网站

10分钟创建一个属于你自己的网站

我们都知道互联网的发展,是因为网站的存在。一个个网站连接成了互联网,比如我们购物

不需懂代码,10分钟在Github搭建免费且已成型的 …

不需懂代码,10分钟在Github搭建免费且已成型的 …

想拥有一个自己的博客网站吗?现在搭建个人网站/个人博客的平台和软件很多,比如最流

10个免费PPT模板网站

10个免费PPT模板网站

原创: 研嗨设计PPT 现在PPT模板网站是在太多了,看的人眼花缭乱,而且每当自己选好

超全超实用的80个模板网站,我全部整理在这里了。

超全超实用的80个模板网站,我全部整理在这里了。

文/水韬Hello,早上好~这里是一周进步,我是水韬。模板网站,可谓是当代最受欢迎的网

用 GitHub Pages 建个人网站的小白级教程

用 GitHub Pages 建个人网站的小白级教程

前段时间心血来潮想建一个个人网站,调研了一圈,试用了 Weebly、Wix、Squarespace 等

分享一个免费下载html模板、网站模板的极品网站

分享一个免费下载html模板、网站模板的极品网站

如今互联网资源丰富,有很多网站开发人员可以在网络上搜索到很多网站模板下载的网站,

自助建站平台实测(亲身体验)

自助建站平台实测(亲身体验)

说两句先哈?现在网上已经有很多自助建站平台了,企业建站非常的方便。我最近也想建个

全球18个免费高清无水印无版权视频网站 整个朋友圈都在疯传 ... ...

全球18个免费高清无水印无版权视频网站 整个朋友圈都在疯传 ...

面懂懂已经和大家分享了免费无版权高质量的图片和音乐网站,不少朋友纷纷留言问我有没

没有满意的网址导航?不妨自己搭建吧

没有满意的网址导航?不妨自己搭建吧

本文仅收录美观好用的源码,大家可以利用本文提供的资料自建网址导航文中提供:演示站

10个强大到没朋友的样机素材网站,建议收藏

10个强大到没朋友的样机素材网站,建议收藏

样机素材哪里下载,我收藏整理了这10款网站;现在分享给大家,建议收藏!1、Ishttps:/

从 0 到 1 实现一个简单的网站

从 0 到 1 实现一个简单的网站

对于很多人来说,其实搭建网站(不限于个人网站)可以大大激发学习兴趣,还可以把之前

如何搭建个人网站(内容详细,适合新手)

如何搭建个人网站(内容详细,适合新手)

大家在网上自行搜索相关题目,会有很多的文章啦。那,如果你跟我一样。作为一个小白,

简约清新的网址导航都在这里

简约清新的网址导航都在这里

Photo by rawpixel from Pexels以下收录的导航满足如下标准:无弹窗、横幅等干扰体验

PPT辣眼睛?这9个永久不收费的模板网站,1分钟瞬间高大上!

PPT辣眼睛?这9个永久不收费的模板网站,1分钟瞬间高大上!

生活中,我们经常会需要做PPT,这时候对于很多小白而言,想要快速高效的做出PPT,模板

Tabler开源网站模板

Tabler开源网站模板

Tabler 是一个基于 Bootstrap 4 开发的 HTML 仪表盘 UI 套件,旨在提供一个用户友好,

还在熬夜做PPT年终汇报?这有国内外10大模板网站,送给你

还在熬夜做PPT年终汇报?这有国内外10大模板网站,送给你

虽然我经常给大家分享一些做PPT的教程,希望大家能自己做好PPT。但是,在这个讲究高效

商业洽谈 文章投递 寻求报道
电话咨询: 15924191378
关注微信