0元3步建博客

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下来的。
为了全程图形操作，下面操作可能有点绕：

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会出现错误，
   
   注意这时点第一个locate，打开E:\github\pages\public目录。成功的话会出现：
   
   把Summary和下面的填一下，再点下面的对勾~
   最后一步！
   
   然后再去看看你的网站：像我的https://yanpages.github.io/！
   恭喜你成功啦~

额外的话

---

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

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

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