4007654355
NEWS
网站建设、网站制作、网站设计等相关资讯

如何搭建一个属于自己的网站?

日期:2024-03-29 访问:435次 作者:admin

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

1. http://Wordpress.com,很好很简单很强大,但是,你在上面搭的网站国内不能访问。

2. http://Wordpress.org,自己下载Wordpress软件托管。有些云平台如AWS有打包服务,不用自己下载了。这个要求一定的专业能力,而且不可能完全免费——托管费总要付点儿吧。

3. http://Wix.com,非常简单的拖拽式网站制作,会做漂亮的PPT就能做漂亮的网站。但是,一方面国内虽能访问但很慢,另外一方面,如果一点儿小钱也不想施舍的话,网站头上会一直顶着个长条广告,非常碍眼。

今天介绍一种对技术要求最低、最为快捷简单的博客网站建站方式 —— Github的Fork复制方式。你没看错,是Github!不懂编程也能去程序猿们的大本营搞事情。

用Github搭建网站的优势:

完全免费,且无广告;国内访问无忧(至少目前是这样),速度也不赖;完全不受平台功能限制,所以如果将来懂得编程了,想改成怎样就改成怎样。

补充说明: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,比如我选的用户名是xin,所以将要成为我博客网站的地址就是:xin.github.io。(当然,如果你打算注册使用付费域名,账号取名就不重要了。)

第二步:复制我的网站。注册登录Github后,请点击这里

github.com/xin/xin.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: 2018-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回去改的。

搭建博客的第一篇到这里就结束了。如果你觉得有用的话不妨点一个免费的赞吧!


标签:



相关文章: 数据快照是什么意思  免费AI写作软件,哪款最准确好用?  超实用的神仙网站 篇二十七:「设计美学」——探索创新和美感的设计网站-Design Milk37岁男子偶遇小学生春游,被小朋友喊爷爷哭笑不得,看完长相懂了  潍坊有哪些公司专业做网站SEO?  2021湖北消费券领取攻略  抖音怎么添加抖音号为好友?  深圳SEM代运营,双倍效果,如何实现?,郑州网站seo优化费用  “快速提升,关键词霸屏广告”  恒创科技:小程序开发需要服务器和域名吗?辛芷蕾又带火了一种穿法:叫衬衫 西装 阔腿裤,看着简单却很高级  佛山SEO,专业服务,一键咨询!  Chat人工智能免费网页版,能开启智能对话新时代吗?  商标属于什么资产  日照站建站以来最大规模改造施工完成王菲有多嫌弃李亚鹏,采访时杨澜都看不下去了  做好产品运营可从这四个方面下手  全网营销的普遍推广是因为什么?  磁力乐园速搜站  社区活力,共筑美好家园!  抖音SEO优化:高新区秘籍解锁!  公关策划,精准传播,高效达成目标  高端民宿副业项目思路,批量操作月入过万,玩法分享给你  搜狗联盟怎么样,还能赚到钱吗?  SEO攻略:网络时代企业崛起利器  互联网营销是什么意思  磁链搜索宝库  哪里可以租淘宝号呢?  轻松加入百度推广,提升品牌曝光!  快鲸SCRM,精准营销,业绩飞跃,满意升级  工作常态化是什么意思  微信改写模式关闭指南,流畅体验轻松启!  上市公司会背调吗  房产营业推广,房产免费发布信息平台  京东购物,支付宝支付方式如何操作?  拼多多用户群体广泛吗?  电话销售专员是做什么的  百度上海智慧中枢  小品牌大营销,公司如何做好品牌推广?  石家庄百度SEO专家服务  西双版纳傣族自治州SEO关键词优化费用多少?  让互联网营销从概念走向效益  百度SEO秘籍,流量翻倍!  高清之谜,揭秘一半,另一半?等你探索!,汽车行业论坛营销推广  淘宝旺旺号能修改吗?  免费下载PotatoChat,社交新境界!  现阶段的微信小程序发展如何  dsr数据是什么意思  品牌速升,精准引流,新势能爆发!  三级分销系统有哪些优点  网络推广全攻略,一招制胜!  苏州SEO精优,快速提升排名  山西SEO公司价格如何?月费多少? 

豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤互联网技术服务 豪情圣贤网络服务 豪情圣贤网络服务 豪情圣贤网络服务 豪情圣贤科技 豪情圣贤科技 豪情圣贤科技