Hexo +gitee搭建博客最全教学

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用
Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

Hexo 是使用的比较多的博客框架了,我也尝试自己搭一下,做一些基础功能的测试。之所以没有使用 GitHub 而选择了码云,一是我有自己的 VPS 不需要使用 GitHub Pages ,所以本文也没有关于如何使用 GitHub Pages 的教程;二是 GitHub 上私有仓库是收费的,码云上面能创建免费的私有仓库。也有人选择使用 Docker 来创建博客环境,做镜像备份,这里没有使用此方案,各有所好吧!

环境

主服务器系统版本与内核版本:

[root@dbn-japan ~]# cat /etc/redhat-release
CentOS Linux release 7.5.1804 (Core) 
[root@dbn-japan ~]# uname -r
3.10.0-862.3.2.el7.x86_64

测试服务器系统版本与内核版本:

[root@host ~]# cat /etc/redhat-release
CentOS Linux release 7.3.1611 (Core) 
[root@host ~]# uname -r
4.10.4-1.el7.elrepo.x86_64

安装

wget

yum install -y wget

node.js

# 下载nodejs最新的bin包
wget https://nodejs.org/dist/v10.13.0/node-v10.13.0-linux-x64.tar.xz
# 解压
xz -d node-v10.13.0-linux-x64.tar.xz
tar -xf node-v10.13.0-linux-x64.tar
# 移动目录
mv node-v10.13.0-linux-x64 /usr/local/nodejs
# 部署文件
ln -s /usr/local/nodejs/bin/node /usr/bin/node
ln -s /usr/local/nodejs/bin/npm /usr/bin/npm

可以去官方网站下载,我这里使用的类型为:Linux Binaries (x64)
测试

[root@dbn-japan packages]# node -v
v10.13.0
[root@dbn-japan packages]# npm -v
6.4.1

如果输出了版本号,说明安装成功。

GIT

yum install -y git

初始化设置:

git config --global user.email "[email protected]"
git config --global user.name "BNDong"

hexo

npm install -g hexo-cli

安装后尝试执行命令: hexo

如果出现下面的输出,按我下面的方法解决,没有则跳过。

[root@dbn-japan packages]# hexo
-bash: hexo: command not found

编辑环境变量文件: vim /etc/profile ,在文件末尾增加下面设置:

export PATH=$PATH:/usr/local/nodejs/lib/node_modules/hexo-cli/bin

刷新环境变量: source /etc/profile ,这时再运行命令 hexo 就会有正确的输出了。

配置

创建项目分支
Hexo +gitee搭建博客最全教学_第1张图片
创建新的分支:sources
Hexo +gitee搭建博客最全教学_第2张图片

  • master:存放 Hexo 编译生成的静态资源。
  • sources:存放源文件,用来备份博客。

设置 ssh key

运行下面的命令创建 SSH Key,邮箱部分改成你创建账户时候的邮箱:

[root@dbn-japan blog.dbnuo.org]# ssh-keygen -t rsa -C "[email protected]"
Generating public/private rsa key pair.
Enter file in which to save the key (/root/.ssh/id_rsa): # 目录
Enter passphrase (empty for no passphrase): # 输入密码,可回车跳过
Enter same passphrase again: # 再次输入密码

查看公开密钥:

cat ~/.ssh/id_rsa.pub 

将公开密钥添加至码云。
Hexo +gitee搭建博客最全教学_第3张图片

拉取项目

跳转至网站根目录,克隆项目至本地:

git clone https://gitee.com/dbnuo/bnd-hexo.git

跳转至拉取的项目目录:

# 创建 hexo 目录
mkdir hexo
# 进入 hexo 目录
cd hexo/
# 初始化 hexo 目录
hexo init
npm install
# 安装插件
npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked --save
npm install hexo-renderer-stylus --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save

建站

先看文件夹里都有什么:

[root@dbn-japan hexo]# ls -a
.  ..  _config.yml  .gitignore  node_modules  package.json  package-lock.json  scaffolds  source  themes

  • _config.yml:站点的配置文件,需要备份;
  • themes:主题文件夹,需要备份;
  • source:博客文章的 .md 文件,需要备份;
  • scaffolds:文章的模板,需要备份;
  • package.json:安装包的名称,需要备份;
  • .gitignore:限定在 push 时哪些文件可以忽略,需要备份;
  • .git:主题和站点都有,标志这是一个 git 项目,不需要备份;
  • node_modules:是安装包的目录,在执行 npm install 的时候会重新生成,不需要备份;
  • public:是 hexo g 生成的静态网页,不需要备份;
  • .deploy_git:同上,hexo g 也会生成,不需要备份;
  • db.json:文件,不需要备份。

配置_config.yaml

基础配置可以参考官方文档的配置说明。这里需要在末尾添加 Git 的配置:

生成页面并提交

运行命令: hexo cl && hexo g -d 输入用户名和密码后,页面代码就会提交至码云项目中。
Hexo +gitee搭建博客最全教学_第4张图片
将网站目录指定至 hexopublic 文件夹中,访问网站:
Hexo +gitee搭建博客最全教学_第5张图片

备份

跳转至项目目录 bnd-hexo

git checkout -b sources # 创建切换分支
git push origin sources # 提交代码至分支

提交至码云项目分支:
在这里插入图片描述
至此搭建完毕,代码也备份到项目中了。为了测试备份恢复,我新建了个文章 test 并提交进行测试。
Hexo +gitee搭建博客最全教学_第6张图片

恢复

切换至测试服务器,基础的安装和设置可以参考上面的流程。

跳转至网站的根目录:

# 拉取项目至本地
git clone https://gitee.com/dbnuo/bnd-hexo.git
# 跳转至目录
cd bnd-hexo
# 创建分支并拉取
git checkout -b sources origin/sources
# 跳转至源文件目录
cd hexo
# 初始安装
npm install

npm install hexo-generator-index --save
npm install hexo-generator-archive --save
npm install hexo-generator-category --save
npm install hexo-generator-tag --save
npm install hexo-server --save
npm install hexo-deployer-git --save
npm install hexo-deployer-heroku --save
npm install hexo-deployer-rsync --save
npm install hexo-deployer-openshift --save
npm install hexo-renderer-marked --save
npm install hexo-renderer-stylus --save
npm install hexo-generator-feed --save
npm install hexo-generator-sitemap --save

执行完毕,hexo 就恢复了,可以正常操作了。

多终端

至此两台服务器都对一个项目库进行操作,可以说是多终端了,我在测试服务器新建了个文章: hexo new post "test2"

创建成功后提交上传。

切换回主服务器:

# 跳转至项目目录
cd bnd-hexo
# 拉取项目
git pull origin sources
# 跳转至源文件目录
cd hexo/
# 重新编译
hexo cl && hexo g -d

再访问网站:
Hexo +gitee搭建博客最全教学_第7张图片
看到这里出现了文章 test2 ,至此多终端编辑操作成功。

结语

这里简单介绍了一些必要的流程操作,建议大家将一些基本操作封装成脚本来操作,至于主题和优化大家可以参考一些网上的资源教程,感谢阅读,拜谢

创作不易,点个赞吧!!

版权声明:如无特殊说明,文章均为本站原创,转载请注明出处
本文链接:https://blog.csdn.net/wsad861512140

你可能感兴趣的:(hexo,git教学)