想拥有一个自己的博客网站吗?现在搭建个人网站/个人博客的平台和软件很多,比如最流行的是这三个:
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回去改的。
搭建博客的第一篇到这里就结束了。如果你觉得有用的话不妨点一个免费的赞吧!
文章版权声明:除非注明,否则均为本站原创文章,转载或复制请以超链接形式并注明出处
下一篇:如何构建一个自己的网站?
近几年跨境电商的发展让很多人都对这个生意跃跃欲试,不少人都希望给自己搭建独立站来尝试创业_魔域私服外挂_。又或者是喜欢分···
经验分享呆子教你5步建立属于自己的个人网站 一:个人网站简介1:为什么要建立个人网站; A):最开始肯定是好玩,如今都是互联网时···
最新文章如果想要搭建属于自己的网站的话,首先自己要有掌控权,尤其是域名方面。当然有些企业用户在搭建网站的时候,可能会选择第三方网···
最新文章_私服魔域点击蓝字关注我们个人网站的搭建部署及自定义域名- 写在前面 -个人网站模板获取方式:文末自取视频教程:http···
经验分享想拥有一个免费的个人主页吗?现在就教你半小时搭建自己的网站。
最新文章随着个人创业的流行,很多个人也需要一个比较详细的网站来展示自己,开展个人业务,或者积累粉丝等等魔域sf_魔域sf_。那么···
最新文章1. 引言欢迎来到“极简”系列教程,在这里,我们不会把你淹没在专业术语的汪洋和繁琐步骤中_私服魔域。相反,我们将通过简洁···
最新文章近几年跨境电商的发展让很多人都对这个生意跃跃欲试,不少人都希望给自己搭建独立站来尝试创业_魔域私服外挂_。又或者是喜欢分···
经验分享声明:以下仅为本人的个人见解,如果有不对的地方还请大佬指教,我会虚心接受。不嫌弃的话,给个小小的关注➕赞同吧,如果有问题···
最新文章更新为了解决 Hexo 的热更新和开发体验问题,我开发了 Valaxy 替代文中的 Hexo_魔域私服_。因此文中的一些···
经验分享