利用云服务器搭架Hexo个人博客

前言

个人在腾讯云上有一个学生云服务器,每月仅需10元,平时可以跑跑东西,一直想自己写一个个人网站,工作量其实太大。所以索性还是搬运一下现成的东西,造不了轮子。个人非常喜欢Hexo搭建的个人博客,偏爱Next主题。很多都是将Hexo博客和GithubPages结合一起进行使用的,但其实GithubPages国内访问速度好像并不理想,经常加载很慢,感觉还不如我这个学生机。索性我就尝试搭在自己云服务器上。附上我的个人博客地址:链接。

效果

服务器Nginx配置

1. 登录到Centos系统root用户。

2. 安装 Git Nginx


yum -y update

yum install -y git nginx

3. Nginx 配置(创建文件目录, 用于博客站点文件存放)。


cd /usr/local/

mkdir hexo

chmod 775 -R /usr/local/hexo/

4. 添加 index.html,用于检测配置 Nginx 是否成功。


vim /usr/local/hexo/index.html

添加如下代码并保存。
















Nginx running

5. 配置 Nginx 服务器。


vim /etc/nginx/nginx.conf

修改server_name和root;


......

server {

listen 80 default_server;

listen [::]:80 default_server;

server_name www.xxx.com; # 填写个人域名

root /usr/local/hexo/;

}

......

启动nginx服务;


service nginx start

6. 启动浏览器输入云服务器的个人域名或者IP,查看是否呈现index.html内容。

服务器Git配置

1. 创建文件目录, 用于私人 Git 仓库搭建, 并更改目录读写权限。


cd /usr/local/

mkdir blogRepo

chmod 775 -R /usr/local/blogRepo/

2. Git 初始化裸库。


cd blogRepo/

git init --bare hexo.git

3. 创建 Git 钩子(hook)。


vim /usr/local/blogRepo/hexo.git/hooks/post-receive

输入以下信息,用于指定 Git 的源代码 和 Git 配置文件。


#!/bin/bash

git --work-tree=/usr/local/hexo --git-dir=/usr/local/blogRepo/hexo.git checkout -f

4. 保存并退出后, 给该文件添加可执行权限。


chmod +x /usr/local/blogRepo/hexo.git/hooks/post-receive

本地配置(Mac)

1. 安装 Git。

2. 安装 Node.js 和 Npm。

Node.js 安装在 MacOS 中需要用到 Homebrew 进行安装管理,所以要先安装Homebrew。


/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew install node

3. 测试node和npm是否安装成功。


node -v

npm -v

4. 安装 Hexo 及相关插件。

全局安装 hexo-cli 和 hexo-server


npm install hexo-cli hexo-server hexo-deployer-git -g

安装完成后, 在本地初始化博客站点搭建。


# ~/Documents/myHexo 即本地存放路径

hexo init ~/Documents/myHexo

5. 本地 Hexo 配置。

进人~/Documents/myHexo目录, 修改 Hexo 博客站点配置文件 _config.yml, 如下修改:


title: 页面标题 //页面标题

subtitle: 小标题 //小标题

description: 描述 //描述

author: 作者 //作者

language: zh-Hans //语言

timezone: //时区

# URL

### If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: http://leyliu.com //个人域名

......

# Deployment

### Docs: https://hexo.io/docs/deployment.html

deploy: //发布对应的github账号

type: git

repo: [email protected]:/usr/local/blogRepo/hexo //用户名@域名或 IP 地址:/usr/local/blogRepo/hexo

branch: master

本地部署到服务器

1. 清除缓存


cd ~/Documents/myHexo/

hexo clean

2. 生成静态页面


hexo generate

3. 将本地静态页面目录部署到云服务器


hexo deploy

4. 如果出现错误: ERROR Deployer not found: git,执行:


npm install -save hexo-deployer-git

此时重新访问服务器,即可看到博客部署成功。

安装Next主题

1. 下载主题


# 进入本地myHexo的themes文件夹下

cd themes/

# 下载主题

git clone [email protected]:iissnan/hexo-theme-next.git

2. 使用主题

打开myHexo下的_config.yml文件,将主题修改为:


theme: hexo-theme-next

3. 部署


# # 进入本地myHexo路径执行

hexo g

hexo d

4. 再次访问网站进行验证

修改首页不显示全文

进入hexo博客项目的themes/hexo-theme-next目录,打开_config.yml文件,搜索"auto_excerpt",找到如下部分:


# Automatically Excerpt. Not recommand.

# Please use  in the post to control excerpt accurately.

auto_excerpt:

enable: false # 此处修改为true 则只显示摘要

length: 150

写作

用markdown写文,在开始处要额外加上信息:


---

title: title #文章標題

date: 2016-06-01 23:47:44 #文章生成時間

categories: "Hexo教程" #文章分類目錄 可以省略

tags: #文章標籤 可以省略

- 标签1

- 标签2

description: #你對本頁的描述 可以省略

---

写好后再放入source文件夹下的_post下,同样执行 hexo g,hexo d。

最后

还是附上我的地址:会出汗的小背心

你可能感兴趣的:(利用云服务器搭架Hexo个人博客)