0
在目前新媒体如微博、公众号盛行的情况下,15年前最热网络平台博客已经很少出现在人们的视野中了。这也是得益于移动应用的快速发展,碎片化时间的增多,让人很难有时间去坐在电脑前完整阅读一篇博客。不过博客也趋向专业化、特色化发展,虽然传播性不强,但其开放性、专一性也往往是其他平台比不上的。本文就简单教大家使用Github+hexo搭建一个个人博客,只需3步,并且是免费的哦~
1 申请空间
网页也需要有一个存放的空间,不用担心,这不要钱,就是有这种操作!
Github就是我们所需要申请的网页空间。在大部分人的印象中,Github是全球最大的同性交友网站,是程序员抄程序的地方(是的)。但除了免费托管代码,还有一个一般人不知道的功能:GitHub Pages,这是一个静态站点托管服务。简单来说你把网站发送上去,再访问相应的域名,就可以让世界各地的人浏览网页啦~
点击进入全球最大同性交友网站→Github
出现一个网页,注册一下:
没问题的话让你选择是否公开仓库,然后Continue。
接下来让你选经历之类的,我就跳过了。注意你填写的邮箱,这时候会有邮件去让你验证,不然无法创建新的仓库。你可以随时在右上角点加号创建:
在新页面中创建仓库,
需要注意仓库名是你的用户名 + .github.io
接下来需要下载Github客户端用于网页的上传更新,点击进入下载。
先下载安装登录好,过会儿再用。
第一部分申请空间就到此结束了~
2 博客框架搭建
网页并不是需要我们一句一句代码敲上去的,而是有相应的网页框架,如Hexo、Jekyll等。本教程以Hexo为例,首先下载Node.js,官网在此。LTS是稳定版,Current是尝鲜版,怕麻烦就稳一些吧。
安装后再安装Hexo,
npm install -g hexo
这个命令需要在命令行中输入,按住键盘上的微软徽标(Ctrl和Alt之间),再按R,
在出现的黑色命令行中输入。
但命令行的使用需要注意路径问题,为了简单起见,还有一种命令行打开方式:
假设我们的路径为:E:\github\pages
,进入目录后注意左上角菜单栏,
从这里进入,会发现闪动的光标前有E:\github\pages>
,代表目前的命令就是在当前路径下。
这时在输入
hexo init
完成博客文件的初始化。
之后就可以写文章啦~
(在哪里写啊对着这个黑乎乎的东西吗?)
对了其实不同的操作会有不同的命令,新建文章就用
hexo new "hello"
冒号间是文件名(不是博客中的标题,推荐英文)。
创建成功,按照路径打开它(提示没有可用的程序时,可以选择记事本):
这里才是文章的正文,title
是文章标题,date
是编写时间,tags
是标签,下面的是正文。具体的编辑并不像word一样,而是需要遵循一定的markdown语法。具体可以参考这里。
写好之后,回到命令行,输入
hexo g
生成页面
需要预览的话,就输入
hexo s
然后在浏览器输入http://localhost:4000/
这个网站:
恭喜你成功了~
3 上传与更新
这时需要刚才下载的Github客户端了。
登陆后Clone刚才建立的仓库:
建议在刚才hexo 初始化的路径E:\github\pages
。
之后会在该路径出现yanpages.github.io
文件夹,即是我们clone下来的。
为了全程图形操作,下面操作可能有点绕:
- 将
E:\github\pages\public
中所有文件复制到E:\github\pages\yanpages.github.io
中; - 删除
E:\github\pages\public
目录 将
E:\github\pages\yanpages.github.io
改名为public
其实就是偷梁换柱,之后打开Github会出现错误,
注意这时点第一个locate
,打开E:\github\pages\public
目录。成功的话会出现:
把Summary和下面的填一下,再点下面的对勾~
最后一步!
然后再去看看你的网站:像我的https://yanpages.github.io/!
恭喜你成功啦~
额外的话
目前Github网页个人空间大小不能超过1G,其实也不小,但是图片这些东西,完全可以放在别的地方。比如我采用的方案是用CSDN博客功能写Markdown文件,再导出,基本上是完美兼容的。
删除文章就是对E:\github\pages\source\_posts
内的修改,删除某个md文件后,再次使用hexo g
生成,新的页面就会删除文章。
Markdown语法还是要多熟悉一下,之后你会发现真的很好用。