前言
个人在腾讯云上有一个学生云服务器,每月仅需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
添加如下代码并保存。
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
</head>
<body>
<p>Nginx running</p>
</body>
</html>
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: root@xxx.xxx.xxx.xxx:/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 git@github.com: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 <!-- more --> 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。
最后
还是附上我的地址:会出汗的小背心