搭建hexo个人网站小试

搭建hexo个人网站小试

安装Git

windows：自行参考Git官网

mac、linux：

sudo apt-get install git

安装后，查看git版本

git --version 

安装Node.js

Hexo基于Node.js，通过Node.js提供的包管理器npm安装，需要安装一下nodeJs和npm工具。

sudo apt-get install nodejs

sudo apt-get install npm

安装后，查看版本

node -v

npm -v

安装Hexo

安装后，查看版本

npm install -g hexo-cli
hexo version

初始化Hexo

hexo init MyBlog
cd MyBlog
npm install

新建博客

博客文件夹下，新建博客

 hexo new helloworld

在 public/_posts/ 文件夹下，编写创建的helloworld.md

生成个人博客

 #hexo g
hexo generate

浏览个人博客

#hexo s
hexo server 

默认设置下在浏览器中输入127.0.0.1:4000 预览博客

安装Nginx

sudo apt-get install nginx

创建一个文件夹用于存放网站

mkdir -p blog
修改Nginx的设置，将网站的根目录设置为这个文件夹：

sudo nano /etc/nginx/sites-available/default

在其中找到下列内容并修改

server {

...
...
root /home/ubuntu/blog; # 将此处设为创建的文件夹
index index.html index.htm;
...
...
server_name blog.example.com; # 设置域名

创建Git仓库

 git init --bare blog.git

仓库在接受提交后自动将所有文件放到之前的网页目录中去：

nano blog.git/hooks/post-receive

向其中写入以下内容：

# --work-tree中填Nginx指向的网页文件夹路径 --git-dir填创建的git仓库的路径
git --work-tree=/home/ubuntu/blog --git-dir=/home/ubuntu/blog.git checkout -f

添加可执行权限：
chmod +x /home/ubuntu/hooks/post-receive
到此，我们服务器就已设置完毕了

推送服务器

安装Hexo的git部署插件

npm install hexo-deployer-git --save

编辑博客文件夹下的_config.yml文件，设置部署信息

deploy:
    type: git
    repo: 用户名@IP:路径/仓库
    branch: master

推送到服务器

# 生成网页文件
hexo generator 
# 生成本地预览
hexo server 
# 推送服务器
hexo deploy