个人博客搭建--Hexo架设

本文最后更新于:2020年4月16日 凌晨

有些网友反应,想看我的Hexo构建;那我就出一期教程吧(´▽`)。
喜欢还可以捐赠博主,美滋滋的福利

简介

目前,互联网资源的普及,已经可以让人人搭建一个个人博客了;这边就叫大家怎么搭建Hexo并配置。大家可以参考Hexo官方文档配合使用。持续更新~

辅助搭建视频教程

为此,我特意录制了视频教程:
部署Hexo到本地:https://www.bilibili.com/video/BV1FE411A7ob/

部署Hexo到GitHub等平台:https://www.bilibili.com/video/BV1cg4y1a7bW/

前提

Windows端

安装:

  1. Node.js
  2. Git
  3. 文本编辑软件(e.g. HBuilderX、vim等)

Mac端

步骤一

安装Homebrew

步骤二

安装Node

brew install node

Linux端

可以针对Linux,只需要可以使用yum、apt-get即可。
Linux (Ubuntu, Debian):

sudo apt-get install git-core
sudo apt-get install node

Linux (Fedora, Red Hat, CentOS):

sudo yum install git-core
sudo yum install node

部署Hexo本地服务

使用Npm安装Hexo

因为Node里自带Npm,所以我们可以直接使用Npm;这一步,总的来说,就是:npm install -g hexo
-g代表全局安装

Windows

在安装Node.js和Git以后,cmd

npm install -g hexo

Mac/Linux

终端输入:

npm install -g hexo

初始化Hexo

插件Hexo Blog目录

Windows/Linux/Mac,在你喜欢的地方,创建一个Hexo的运行目录。比如:

注意⚠️:这个目录,日后就是是博客运行目录了

在目录内初始化博客

首先,我们cd到我们的Hexo 运行路径:

cd C:\Users\Mintimate\Desktop\Demo

然后,初始化Hexo:

hexo init

构建Hexo

初始化Hexo后,其实Hexo就可以使用了;构建Hexo:

hexo g

启动Hexo内建服务器

构建了Hexo,可以期待Hexo内建服务器:

hexo s

如果出现未知命令,执行:

npm install hexo-server --save

浏览器访问:127.0.0.1:4000即可访问博客;

部署Hexo到远程平台

部署Hexo到GitHub

GitHub创建仓库

到Github上创建仓库,注意:

为了能通过 <你的 GitHub 用户名>.github.io 域名访问,你的仓库(repository) 应该直接命名为:
<你的 GitHub 用户名>.github.io

比如:你的用户名叫:Demo;
那么,你就创建一个仓库叫:Demo.github.io

本地安装hexo-deployer-git

hexo目录下,使用命令窗口/终端输入:

npm install hexo-deployer-git --save


图中Demo文件夹为hexo目录

修改本地配置文件

打开hexo目录下的_config.yml文件,编辑(这边的可以用记事本、Xcode、HBuilderX),type后的’ ‘,填’git’,然后补上其他内容:

部署

在hexo目录下命令窗口/终端输入

hexo d

会出现提示框:

输入Github 的账号密码即可。

访问博客

这个时候,浏览器打开:Demo.github.io

部署Hexo到Gitee

Waiting For Updating(´▽`)

部署Hexo到个人服务器

安装服务器依赖–Git

apt install git-core -y

配置服务器环境

创建空白 git 仓库,并且设置 git hook:

cd ~
mkdir hexo.git && cd hexo.git
git init --bare

配置post-receive到服务器

在 /root/hexo.git/hooks 创建配置文件 post-receive,并且填写以下代码

#!/bin/bash
GIT_REPO=/root/hexo.git  #git仓库
TMP_GIT_CLONE=/tmp/hexo
PUBLIC_WWW=/var/www/html #网站目录
rm -rf ${TMP_GIT_CLONE}
git clone $GIT_REPO $TMP_GIT_CLONE
rm -rf ${PUBLIC_WWW}/*
cp -rf ${TMP_GIT_CLONE}/* ${PUBLIC_WWW}

赋予post-receive脚本的执行权限

cd /root/hexo.git/hooks
chmod +x post-receive

本地安装hexo-deployer-git

hexo目录下,使用命令窗口/终端输入:

npm install hexo-deployer-git --save


图中Demo文件夹为hexo目录

配置本地 _config.yml

修改deploy选项:

deploy:
  type: git
  message: update
  repo: root@IP:/root/hexo.git
  branch: master

这个时候,输入

hexo d

即可把本地的Hexo,传入服务器上了。记得用nginx映射Hexo的网站目录嗷。

Hexo美化

Hexo换主题

Waiting For Updating(´▽`)


若文章对你帮助很大,想捐赠的话ヾ(≧▽≦*)o

点击图片跳转捐赠界面(○` 3′○)


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!