Hexo_云服务器_博客搭建

---

Hexo_云服务器_博客搭建

本地端博客搭建（windows 10）

环境配置

1、安装node.js
More info: Download
2、安装git
More info: Download

---

npm 和 cnpm

npm的全称是(Node Package Manager)，是随同NodeJS一起安装的包管理和分发工具，它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。

cnpm是一个完整npmjs.org镜像，你可以用此代替官方版本(只读)，同步频率目前为10分钟一次以保证尽量与官方服务同步。

安装cnpm

由于npmjs.org的服务器在国外（即在“墙”外），国（墙）内开发者做项目的时候，很多“包”的下载速度极慢，在这种环境下阿里巴巴为了众多开发者的便捷便挺身而出推出了淘宝镜像（即cnpm），它把npm官方的“包”全部搬到国内，供广大开发者使用。

在nodejs安装目录下，右键选择 Git Bash Here，接着输入以下命令，进行cnpm安装。

npm config set registry http://registry.cnpmjs.org/

npm install -g cnpm --registry=https://registry.npm.taobao.org

####　安装完成后，可以输入以下命令，查看是否已经安装成功

cnpm -v

---

安装hexo

继cnpm安装后，接着输入hexo安装命令

　　cnpm install -g hexo-cli
或  npm  install -g hexo-cli

hexo初始化和配置

以管理员身份运行 powershell，输入以下命令确保是管理员身份

set-ExecutionPolicy RemoteSigned

回复

Y

输入自己博客想要存放的位置，并初始化hexo

cd D:\CharlesXXC

hexo init BLOG

Note：Blog 可以根据自身喜好命名

在博客目录下安装依赖文件执行

cd BLOG

    cnpm install
或  npm  install

---

修改网站基本信息

进入vscode进行代码编写（当然也可以直接在命令行使用vim进行操作）,执行

code .

选择配置文件 _config.yml 进行标题等参数的修改

# Site
title: 'Hexo'
subtitle: ''
description: ''
keywords: ''
author: ''
language: en
timezone: ''

---

编写文章和预览

打开vscode的终端，执行

hexo new My First Blog

安装hexo server，执行

npm install hexo server --save

然后

hexo server

Note： 不要Ctrl + C，不然 http://localhost:4000/ 页面会无响应

---

云端博客搭建

购买云服务器

根据自身需求，自行购买。

云服务器配置

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

安装git

yum install -y git

查看git版本

git --version

---

新建用户并设置密码

useradd charlesxxc

passwd charlesxxc

Note：密码需要输入两次 （看不见密码，输入完回车即可）

给新建的用户设置权限，打开文件并进行更改

chmod 740 /etc/sudoers

vim /etc/sudoers

打开编号，并找到100行并复制

:set nu

root      ALL = (ALL)      ALL

插入INSERT，在100行后增加一行（回车即可），粘贴命令并修改root为新建的用户名

i

charlesxxc      ALL = (ALL)      ALL

改完后退出并保存

Esc

:wq!

将文件保存为只读模式（安全性）

chmod 600 /etc/sudoers

---

建立网站根目录，并设置新建的用户对该目录拥有读写权限

mkdir /home/hexo

chown charlesxxc:charlesxxc -R /home/hexo

---

安装Nignx

yum install -y nginx

启动Nignx，并进行配置文件的修改

systemctl start nginx.service

vim /etc/nginx/nginx.conf

找到server，修改server_name和root

server_name   公网IP;
root          网站根目录;

退出并保存

Esc

:wq!

重启nginx服务器

systemctl restart nginx.service

---

创建git仓库

进入自己新建用户的目录，并新建一个裸露的仓库

cd /home/charlesxxc

git init --bare blog.git

设置新建的用户对该目录拥有读写权限

chown charlesxxc:charlesxxc -R blog.git

进入hooks目录，并修改post-receive

cd blog.git/hooks/

vim post-receive

在文件中添加一段话

#!/bin/sh
git --work-tree=/home/hexo  --git-dir=/home/charlesxxc/blog.git checkout -f

赋予执行权限

chmod +x post-receive

---

将博客上传到云服务器

打开powershell 生成密钥

ssh-keygen -t rsa

登录自己的云服务器，进入自己建立的用户并新建一个文件

su 用户名

mkdir ~/.ssh

用vim打开文件，并粘贴本地生成的密钥

vim ~/.ssh/authorized_keys

退出并保存

Esc

:wq!

打开powershell 进行ssh远程连接，当出现自己的用户名，表示连接成功

ssh -v 用户名@公网IP

打开hexo配置文件，移动到最后进行修改

deploy:
  type: git
  repository: 用户名@公网IP:/home/用户名/blog.git
  bracnch : master

安装上传组件

npm install --save hexo-deployer-git

清空hexo，并一键上传

hexo clean

hexo g -d

---

参考

[1] 20分钟Hexo+百度智能云 搭建个人博客系统

[2] 整理总结：npm常用命令与操作篇

[3] cnpm 是什么？怎么配置？

[4] 个人博客地址

---