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

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

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回去改的。

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

标签：

相关文章： 响应式机械设备外贸企业网站模板  集宁网站SEO，高效优化专家  同比的概念  武汉智推新引擎，高效便捷赢未来  桂林SEO优化案例：关键词布局精准，如何提升网站排名？,中专生学习网站建设课  黑帽褪色黑法，一招还原本色  SEO实战心得分享，高效优化技巧！  固定资金和流动资金指什么  栾川SEO优化价格优，性价比高，助力企业腾飞，您选对了吗？,seo首页优化皆选  中小企业做好全网营销应该掌握哪些技巧？  广东SEO优化，效果显著！  性价比之选，SEO优化专家  SEO主题文章撰写：精准选题，巧设结构，内容精炼  莱芜SEO培训课程：掌握核心技能，如何脱颖而出？,平顶山关键词排名价格  新兴崛起，质量挑战并行  视频号直播带货需要满足哪些条件？  “轻巧网站优化助手”  蚂蚁会员升级有何优势？如何快速提升等级？  好搜SEO优化，如何提升网站排名？,直通车关键词排名监控  ChatGPT爆火插件：网页制作，看图写菜谱、解析代码等样样齐活儿中医嘱咐：核桃可不能乱吃，尤其是这类老人，别自己给自己找罪受  爱情保卫战2012：爱如潮水，你能否坚守？,建设网站便捷服务  山西首府太原，古韵新颜  多尔晋泽拟收购自然人杨定础、刘光明、霍建周、苏俊所持子公司太原铎邝网络技术有限责任公司25%股权张曼玉说的对，从“断崖式老去”的海清身上：看到娱乐圈残酷真相  优化技术，哪里能找到？,别墅营销推广计划  SEO优化：关键词布局核心策略，如何精准定位？,优化公司网站的故事  合肥京东方医院口碑如何？  巧用关键词，网站流量翻倍，排名飙升！  市场营销有哪些特点  微信小程序上线了，从哪找到小程序  SEO工具在网站优化中的核心作用，如何有效提升排名？,荆门常州网站优化推广  日网购风云榜：热门网站速览  上海链家，全员薪酬改革  百度快照官网客服，如何快速恢复访问？,天津seo招商加盟  “贴吧新界，畅享社区乐”  通过公众号免费送软件，每月多赚5000的副业项目  长锦船公司，双品牌战略，未来何去何从？,网络推广网站只选w火17星  如何进行快手游戏直播互动？  工作定额原理是什么意思  站群建站，CMS首选，高效快捷！  什么是b端销售经验  震惊编辑部 匿名员工曝光海尔内部文件  为什么要用三级分销系统  网络推广：高效触达，精准传播  免费B2B推广，助力业务飞跃！  对行政工作的理解  SEO177：核心关键词+如何快速提升网站排名？,利为汇seo培训  新媒体运营职业规划  微商分销系统如何提高品牌的知名度  龙岩SEO公司，助你网站排名飙升，如何快速提升？,seo平台推荐19火星软件  重庆赛力斯申请网页加载技术专利，提高网页加载效率大S尿检自证清白，张兰揭惊天阴谋！小玥儿伤痕累累，真相令人震