三分钟免费搭建属于自己的个人博客

本文又是被简书和谐了，只是技术文而已。唉，真是扶不起的阿斗。

先来看一张多么讽刺的图。

前言

前段时间有位电商朋友咨询了如何搭建个人博客，不要钱的那种。市面上的各大博客平台和个人主页他不想用，因为内容不自由，而且经常动不动就被无理由塞抹布。于是小马还是分享一下github免费搭建静态博客这个吧，顺便也发给他参考。

优点：

免费，不需要自己购买域名服务器，一切free；

内容自由。

缺点：

不稳定，有时候需要科学上网（也可以考虑将github换成国内的码云）；

国内访问有时较慢，不过可以考虑国内托管；

国内收录不友好（换码云,coding托管同样可破，或者双写同步一份到CSDN等国内SEO友好平台）。

一、创建个人账号

github地址点这里这里。

当然是选免费，直接继续

下面根据心情随意填写，问题不大。提交完进入类似这样的一个界面，账号创建完毕。

二、创建仓库

点击右上角的加号，选择new repository。这个新仓库（Repositories），用于存放我们的网页/博客源码，注意勾选上Initialize this repository with a README。避免不必要的麻烦。并给自己的仓库（Repositories）命一个名称，注意：名称格式为：username.github.io（username是你GitHub用户名，最好不要用别的），username.github.io将成为网站的网址。比如你的github用户名是xiaoma，那你的仓库名称就是 xiaoma.github.io，这点很重要。至此，博客仓库已经创建成功。

三、搭建博客主题

这一步的方式比较多，很多网上教程是直接使用settings（在上图的菜单中）来直接选择自带主题或者自己下载的主题来载入，参考这里。而小马觉得太过于繁琐和不灵活，于是小马直接使用了一个比较粗暴简单的方式，那就是git push。

首先来预览一下几个settings的配置项供参考（与本段搭建无关）。这里的issues将用于博客的图床于是，小马直接将本仓库git clone到本地文件夹(空的)。

直接找到一个中意的博客主题（小马看中的是Jekyll主题NexT，NexT 是由 Hexo NexT 移植而来的 Jekyll 主题，不仅大气而且功能设置灵活齐全），直接从别人的博客那里fork也可以（so直接下小马的也行），只要能取到文件就行。然后直接拷贝所有文件到仓库文件夹中，然后直接commit push。如下。

此时访问博客的主页地址，https://lh16.github.io/，你会发现成功了。这里用到了三个 git的命令，git clone 和 commit 和push，不清楚的可以看下git的教程，也比较好理解。且这几个命令将在后面修饰博客和发布博客文章时经常用到。至此，博客已经创建完毕。当然如果你直接拷贝别人的博客文件过来记得修改一些文案和删除别人的文章哦，不然你的博客就是别人的复制版。主题优化这里就不赘述了可以参考这里。

四、文章发布

其实很简单，在本地文件下下面有一个_posts文件夹，只要把按格式写好的.md文件放进去（主要格式一定要遵循），然后使用 git 命令 commit 和push就可以发布文章了。这里值得一提的是，文章的编辑使用markdown，Markdown是一种轻量级的「标记语言」。不知道这是个啥的小伙伴，点这里。同时在这里分享一个在线编辑工具，点这里。

当然有一些线上的第三方绑定博客管理工具，也可以直接在线可视化编写和管理博客，不是本篇的重点这里不赘述了。本文重点说一下，博文图片要怎么发布。因为我们使用github pages是个静态博客，图片也只能借助于网上资源发布，于是你可以发布到其他第三方的图库（我们称为图床），简书，掘金等曾因为图床问题的处理，导致了很多负面消息。当然也可以直接借助github了，那就是放在issues上，然后博文直接链接这个远程图片地址就行（虽然加载会有点慢）。如下。这样你也不需要辛辛苦苦去找图床放文章图片了。不过这个法子也曾经被一些大佬吐槽过，因为认为这个github的资源被滥用了，包括用来建博客也是祸首。这里小马略过了哈。列表

五、挂件插件

你可能很有个性，还想要一些二次元动态挂件，或者是一些网站的基本组件，诸如流量统计，文章访问量统计，评论功能等等，这些都可以自己寻找组件来安装实现。比如如何实现评论功能？可以参考这里。但是很多组件都有很多坑，要注意甄别和调试校验。比如上面小马用的评论插件gitalk，就必须要开启issue（注意上文中小马提到的setting配置），因为就是基于它实现的；而且第一次安装必须登录一下账号后功能才会显示出来。