「山禾说成长」:手把手教你搭建一个完全属于自己的技术博客

搭建前的准备

在我们正式开始搭建一个完全属于我们自己的博客之前,我们首先要做好一些事前的准备(当然,如果你没有做好准备也没有关系,下面会一步一步的教你搞定这些)

服务器一台 or github 账号一个(二选一)

域名一个(可选)

node.js(建议10.0以上版本)

git

域名和服务器的购买我这里就不在文章中进行讲解了,各大云厂商都还不错,大家可以自行搜索进行购买~

基础架构

这里我选用的博客方案是较为成熟的 Hexo 静态博客进行操作的

下面来讲解一下上面需要准备的东西都有什么用,分别是三种部署方式

如果你有一台服务器,可以选择把博客部署到自己的服务器,这样的好处是国内访问速度快,在进行百度搜索SEO的方便(因为百度貌似把github的站点屏蔽掉了),但是比较麻烦,需要有一定命令行的基础(当然如果你没有也没有关系,毕竟像我这样贴心的人肯定是手把手的教)

如果没有服务器,我们可以使用 Github Pages 服务,这样的做的好处是方便,最快五到十分钟就可以搭建一个出来大致的样子出来,但是由于GitHub的服务器在国外,国内的访问速度上就会收到一定影响。

和第二种相差无几,我们可以选择把博客部署到 GitLab Pages 服务上,和第二种方法有一些小的区别,但是也很方便~

当然,像我这么贴心的博主,肯定是三种方法都教给你,由你自己去做出选择,看到这里我觉得就可以交出你的三连(关注+点赞+转发)了~

image-20200705184424589

image-20200705184424589 准备工作

####申请GitHub账号

打开注册网址

image-20200705173041053

image-20200705173041053

填写相关信息后即可完成注册

安装NodeJS

打开下载地址

「山禾说成长」:手把手教你搭建一个完全属于自己的技术博客

选择合适的版本,傻瓜式安装即可~

打开命令行,输入node -v,看到如下图所示的版本信息即为成功~

「山禾说成长」:手把手教你搭建一个完全属于自己的技术博客

####安装Git

打开下载地址

「山禾说成长」:手把手教你搭建一个完全属于自己的技术博客

选择合适的版本,傻瓜式安装即可~

打开命令行,输入git --version,看到如下图所示的版本信息即为成功~

「山禾说成长」:手把手教你搭建一个完全属于自己的技术博客

截止这里,我们要做的前置工作就可以告一段落了,下面我们开始

####本地hexo安装

无论哪一种方法,都离不开这第一步,在我们本地的电脑中安装 hexo

npm install hexo-cli -g
$ hexo init blog && cd blog
npm i
hexo s

按照上面的顺序进行操作,最后在浏览器中输入 localhost:4000即可看到效果~

方法一:部署在自己的服务器上(建议有一定编程基础的人员服用) 在服务器上安装 git

如果在我们的服务器上输入git --version毫无反应,说明该服务器镜像上没有预装git,就需要我们去手动安装~

安装git

yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-devel
yum install -y git

创建用户

useradd git
passwd git

切换到该用户去创建仓库

su git
cd /home/git/
mkdir blog
mkdir repo
cd repo
git init --bare blog.git

创建钩子

cd blog.git/hooks
vi post-receive
// 输入内容
#!/bin/sh
git --work-tree=http://www.likecs.com/home/git/blog --git-dir=http://www.likecs.com/home/git/repo/blog.git checkout -f

赋权

chmod +x post-receive
exit // 退出到 root 登录
chown -R git:git /home/git/repos/blog.git // 添加权限

测试

git clone git@server_ip:/home/git/blog/blog.git

如果可以拉取成功,就说明我们的服务器配置已经搞定了~

在服务器上安装 nginx

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjjgy.html