新手小白零基础搭建个人博客(二)Hexo搭建

之前已经给大家讲完了,如何准备一个阿里云服务器或者准备github代码托管,今天就给大家说说如何搭建hexo。

服务器用户请阅读1、3
github用户请阅读3
双管齐下用户请阅读1、2、3

  • 1.本文使用了hexo框架,因此,如果是服务器的用户,需要在服务器端进行的操作有:开放端口、安装nginx、安装git、安装Node.js
  • 2.如果是github用户,只需要创建一个仓库即可(上一篇博文已说)
  • 3.在本机即你手里的电脑(我用的WIN10系统)需要进行的操作有:安装Node.js、安装git、安装Hexo

一.服务器端操作

1. 开放端口
上一篇博文已经说过开放8888端口,如果对于怎么开放端口有疑问,具体操作方法可以参考阿里云文档,或自行百度。现在我们需要给服务器,再开放一个80端口,有的服务器默认是已经打开了的,检查一下,如果没打开,就自己添加。新手小白零基础搭建个人博客(二)Hexo搭建_第1张图片

2. 查看nginx默认地址
首先登陆你的宝塔面板,如果是由上一篇博文到这里的,默认登录地址就是:“你的服务器IP:8888/安全登录入口”。这里忘记说了,之前第一次登陆的时候可能让你选择一键套件,这个时候我们选择LNMP,即含有nginx的那个。进入软件商店,查看一下是否含有nginx,如果没有可以搜索安装。 新手小白零基础搭建个人博客(二)Hexo搭建_第2张图片
点击nginx,找到配置修改,然后往下翻,找server,就可以看到pid后面接的进程地址了,默认应该是/www/server/nginx/某某某。我们只要找到nginx的安装地址即可,那就是/www/server/nginx/
新手小白零基础搭建个人博客(二)Hexo搭建_第3张图片
那我们就新建一个文件夹,用于存放我们的博客文件,路径为默认安装地址后面接blog,当然你也可以另起名字,在你的电脑上使用Xshell连接你的服务器,键入以下代码

mkdir /www/server/nginx/blog

然后在宝塔面板——网站——添加站点,域名填公网ip,根目录选到我们创建的文件夹,点击创建。新手小白零基础搭建个人博客(二)Hexo搭建_第4张图片
到这里,我们的服务器端的nginx就算装完了。
3. 安装Git和Node.js
电脑使用Xshell连接服务器进行如下操作
Node

  1. 下载Node.js
wget https://nodejs.org/dist/v10.5.0/node-v10.5.0-linux-x64.tar.xz
  1. 解压Node.js
tar -xvJf node-v10.5.0-linux-x64.tar.xz
mv node-v10.5.0-linux-x64 node
  1. 配置环境变量
mv node/ /usr/local/
vim ~/.bash_profile

增加以下内容

export NODE_HOME=/usr/local/node      #node路径
export PATH=$NODE_HOME/bin:$PATH
  1. 更新配置
source ~/.bash_profile

测试是否配置正确

node -v

返回node的版本号即为安装正确node版本
Git

  1. 安装Git
yum install -y git
  1. 创建git用户并为其设置密码
adduser git #创建用户
passwd git  #设置密码

到这里我们服务器操作暂时停一停,因为我们需要一些本地电脑上的操作才能完成

二.本机操作

请注意!到这里,你可以暂时关闭你的Xshell,宝塔面板等有关服务器的页面,以下操作均为本地电脑操作,即你手上的电脑

  1. 安装GitBash
    下载地址:GitBash
    安装方法基本上就是一直next,这里不做过多描述。
    在电脑桌面上(其他位置也可以,我只是图方便),新建一个blog文件夹,用于存放文件。创建以后打开文件夹,在文件夹内右键,会有Git Bash Here,点击即可打开Git Bash界面新手小白零基础搭建个人博客(二)Hexo搭建_第5张图片
  2. 安装node
    下载地址:Node.js
    安装过程基本直接 下一步 就可以了。
    安装完成后,在git bash中查看是否安装成功新手小白零基础搭建个人博客(二)Hexo搭建_第6张图片
    出现版本号即为安装成功。
  3. 安装hexo
    npm是指令使用的是国外的服务器,在国内使用经常出现卡顿的现象,因此我们可以将npm换成淘宝的服务器,在git bash中输入:
npm config set registry https://registry.npm.taobao.org
# 然后安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

可以检查一下cnpm有没有安装成功,在git bash中输入:

cnpm -v

cnpm
使用cnpm安装hexo,在git bash中输入:

cnpm install -g hexo-cli

检查是否安装成功,在git bash中输入:

hexo -v

新手小白零基础搭建个人博客(二)Hexo搭建_第7张图片
至此我们的hexo已经安装完成。可以进行初始化:

hexo init

然后安装两个Hexo插件(只需安装一次,以后在新的文件夹创建新的博客时直接hexo init 即可):

npm install hexo-deployer-git --save
npm install hexo-server

这个时候,我们就可以在本机上预览了

hexo g
hexo s

打开浏览器访问 http://localhost:4000或者127.0.0.1:4000
是不是看到了你自己搭建的博客了,至此,hexo的本机部署已经完成,下一期,我将会教大家如何将hexo部署到阿里云服务器以及github代码托管。

你可能感兴趣的:(博客搭建,github,nginx,nodejs)