0元3步建博客

引言


在目前新媒体如微博、公众号盛行的情况下,15年前最热网络平台博客已经很少出现在人们的视野中了。这也是得益于移动应用的快速发展,碎片化时间的增多,让人很难有时间去坐在电脑前完整阅读一篇博客。不过博客也趋向专业化、特色化发展,虽然传播性不强,但其开放性、专一性也往往是其他平台比不上的。本文就简单教大家使用Github+hexo搭建一个个人博客,只需3步,并且是免费的哦~

还有这种操作?!

申请空间


网页也需要有一个存放的空间,不用担心,这不要钱,就是有这种操作!
就是有这种操作
Github就是我们所需要申请的网页空间。在大部分人的印象中,Github是全球最大的同性交友网站,是程序员抄程序的地方(是的)。但除了免费托管代码,还有一个一般人不知道的功能:GitHub Pages,这是一个静态站点托管服务。简单来说你把网站发送上去,再访问相应的域名,就可以让世界各地的人浏览网页啦~

点击进入全球最大同性交友网站→Github
出现一个网页,注册一下:
signup
没问题的话让你选择是否公开仓库,然后Continue。
这里写图片描述
接下来让你选经历之类的,我就跳过了。注意你填写的邮箱,这时候会有邮件去让你验证,不然无法创建新的仓库。你可以随时在右上角点加号创建:
创建
在新页面中创建仓库,
需要注意仓库名是你的用户名 + .github.io
这里写图片描述
接下来需要下载Github客户端用于网页的上传更新,点击进入下载
先下载安装登录好,过会儿再用。
第一部分申请空间就到此结束了~

博客框架搭建


网页并不是需要我们一句一句代码敲上去的,而是有相应的网页框架,如Hexo、Jekyll等。本教程以Hexo为例,首先下载Node.js,官网在此。LTS是稳定版,Current是尝鲜版,怕麻烦就稳一些吧。
安装后再安装Hexo,

1
npm install -g hexo

这个命令需要在命令行中输入,按住键盘上的微软徽标(Ctrl和Alt之间),再按R,
cmd
在出现的黑色命令行中输入。
但命令行的使用需要注意路径问题,为了简单起见,还有一种命令行打开方式:
假设我们的路径为:E:\github\pages,进入目录后注意左上角菜单栏,
菜单
从这里进入,会发现闪动的光标前有E:\github\pages>,代表目前的命令就是在当前路径下。
这时在输入

1
hexo init

完成博客文件的初始化。
之后就可以写文章啦~
(在哪里写啊对着这个黑乎乎的东西吗?)
对了其实不同的操作会有不同的命令,新建文章就用

1
hexo new "hello"

冒号间是文件名(不是博客中的标题,推荐英文)。
creat
创建成功,按照路径打开它(提示没有可用的程序时,可以选择记事本):
这里写图片描述
这里才是文章的正文,title是文章标题,date是编写时间,tags是标签,下面的是正文。具体的编辑并不像word一样,而是需要遵循一定的markdown语法。具体可以参考这里
写好之后,回到命令行,输入

1
hexo g

生成页面
g
需要预览的话,就输入

1
hexo s

然后在浏览器输入http://localhost:4000/这个网站:
hexo
恭喜你成功了~

上传与更新


这时需要刚才下载的Github客户端了。
登陆后Clone刚才建立的仓库:
clone
建议在刚才hexo 初始化的路径E:\github\pages
之后会在该路径出现yanpages.github.io文件夹,即是我们clone下来的。
为了全程图形操作,下面操作可能有点绕:

  1. E:\github\pages\public中所有文件复制到E:\github\pages\yanpages.github.io中;
  2. 删除E:\github\pages\public目录
  3. E:\github\pages\yanpages.github.io改名为public

    其实就是偷梁换柱,之后打开Github会出现错误,
    error
    注意这时点第一个locate,打开E:\github\pages\public目录。成功的话会出现:
    summary
    把Summary和下面的填一下,再点下面的对勾~
    最后一步!
    发布
    然后再去看看你的网站:像我的https://yanpages.github.io/
    恭喜你成功啦~

额外的话


目前Github网页个人空间大小不能超过1G,其实也不小,但是图片这些东西,完全可以放在别的地方。比如我采用的方案是用CSDN博客功能写Markdown文件,再导出,基本上是完美兼容的。

删除文章就是对E:\github\pages\source\_posts内的修改,删除某个md文件后,再次使用hexo g生成,新的页面就会删除文章。

Markdown语法还是要多熟悉一下,之后你会发现真的很好用。