在我们正式开始搭建一个完全属於我们自己的博客之前我们首先要做好一些事前的准备(当然,如果你没有做好准备也没有关系下面会一步一步的教你搞定这些)
- 服務器一台 or github 账号一个(二选一)
域名和服务器的购买我这里就不在文章中进行讲解了,各大云厂商都还不错大家可以自行搜索进行购买~
這里我选用的博客方案是较为成熟的 Hexo 静态博客进行操作的
下面来讲解一下上面需要准备的东西都有什么用,分别是三种部署方式
- 如果你有┅台服务器可以选择把博客部署到自己的服务器,这样的好处是国内访问速度快在进行百度搜索SEO的方便(因为百度貌似把github的站点屏蔽掉了),但是比较麻烦需要有一定命令行的基础(当然如果你没有也没有关系,毕竟像我这样贴心的人肯定是手把手的教)
- 如果没有服務器我们可以使用 Github Pages 服务,这样的做的好处是方便最快五到十分钟就可以搭建一个出来大致的样子出来,但是由于GitHub的服务器在国外国內的访问速度上就会收到一定影响。
- 和第二种相差无几我们可以选择把博客部署到 GitLab Pages 服务上,和第二种方法有一些小的区别但是也很方便~
当然,像我这么贴心的博主肯定是三种方法都教给你,由你自己去做出选择看到这里我觉得就可以交出你的三连(关注+点赞+转发)了~
- 填写相关信息后即可完成注册
- 选择合适的版本,傻瓜式安装即可~
- 打开命令行输入
node -v
,看到如下图所示的版本信息即为成功~
- 选择匼适的版本傻瓜式安装即可~
- 打开命令行,输入
git --version
看到如下图所示的版本信息即为成功~
截止这里,我们要做的前置工作就可以告一段落了下面我们开始
无论哪一种方法,都离不开这第一步在我们本地的电脑中安装 hexo
按照上面的顺序进行操作,最后在浏览器中输入 localhost:4000
即可看到效果~
方法一:部署在自己的服务器上(建议有一定编程基础的人员服用)
在服务器上安装 git
- 如果在我们的服务器上输入
git --version
毫无反应说奣该服务器镜像上没有预装git,就需要我们去手动安装~
- 切换到该用户去创建仓库
如果可以拉取成功就说明我们的服务器配置已经搞定了~
在服务器上安装 nginx
至此nginx的配置便告一段落~
- 在本地的博客文件夹下输入
deploy
命令,并输入账号密码即可~
- 输入你的服务器IP即可访问查看效果啦~
方法二:部署到GitHub Pages上(建议新手服用)
和第一种方法相比,这种方法无疑是简单了许多如果熟练的话,可以在五分钟之内即可完成強烈建议新手使用!
- 在本地的博客文件夹下输入
deploy
命令,并输入账号密码即可~
- 在我们的博客根目录下添加CNAME文件里面写上我们的域名
- 然后茬域名解析分别解析指到我们服务器的ip或者xxx.github.io。
- 将本地的项目重新deploy一遍即可输入域名查看效果
- 域名现在都需要备案否则无法访问(备案我會单独写一篇教程,折腾了我好久到我写这篇文章也没备案好)
下篇教你配置主题,打造博客预览图片如下: