前言
個(gè)人在騰訊云上有一個(gè)學(xué)生云服務(wù)器,每月僅需10元,平時(shí)可以跑跑東西,一直想自己寫一個(gè)個(gè)人網(wǎng)站,工作量其實(shí)太大。所以索性還是搬運(yùn)一下現(xiàn)成的東西,造不了輪子。個(gè)人非常喜歡Hexo搭建的個(gè)人博客,偏愛Next主題。很多都是將Hexo博客和GithubPages結(jié)合一起進(jìn)行使用的,但其實(shí)GithubPages國內(nèi)訪問速度好像并不理想,經(jīng)常加載很慢,感覺還不如我這個(gè)學(xué)生機(jī)。索性我就嘗試搭在自己云服務(wù)器上。附上我的個(gè)人博客地址:鏈接。
服務(wù)器Nginx配置
1. 登錄到Centos系統(tǒng)root用戶。
2. 安裝 Git Nginx
yum -y update
yum install -y git nginx
3. Nginx 配置(創(chuàng)建文件目錄, 用于博客站點(diǎn)文件存放)。
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 服務(wù)器。
vim /etc/nginx/nginx.conf
修改server_name和root;
......
server {
listen 80 default_server;
listen [::]:80 default_server;
server_name www.xxx.com; # 填寫個(gè)人域名
root /usr/local/hexo/;
}
......
啟動(dòng)nginx服務(wù);
service nginx start
6. 啟動(dòng)瀏覽器輸入云服務(wù)器的個(gè)人域名或者IP,查看是否呈現(xiàn)index.html內(nèi)容。
服務(wù)器Git配置
1. 創(chuàng)建文件目錄, 用于私人 Git 倉庫搭建, 并更改目錄讀寫權(quán)限。
cd /usr/local/
mkdir blogRepo
chmod 775 -R /usr/local/blogRepo/
2. Git 初始化裸庫。
cd blogRepo/
git init --bare hexo.git
3. 創(chuàng)建 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. 保存并退出后, 給該文件添加可執(zhí)行權(quán)限。
chmod +x /usr/local/blogRepo/hexo.git/hooks/post-receive
本地配置(Mac)
1. 安裝 Git。
2. 安裝 Node.js 和 Npm。
Node.js 安裝在 MacOS 中需要用到 Homebrew 進(jìn)行安裝管理,所以要先安裝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 及相關(guān)插件。
全局安裝 hexo-cli 和 hexo-server
npm install hexo-cli hexo-server hexo-deployer-git -g
安裝完成后, 在本地初始化博客站點(diǎn)搭建。
# ~/Documents/myHexo 即本地存放路徑
hexo init ~/Documents/myHexo
5. 本地 Hexo 配置。
進(jìn)人~/Documents/myHexo目錄, 修改 Hexo 博客站點(diǎn)配置文件 _config.yml, 如下修改:
title: 頁面標(biāo)題 //頁面標(biāo)題
subtitle: 小標(biāo)題 //小標(biāo)題
description: 描述 //描述
author: 作者 //作者
language: zh-Hans //語言
timezone: //時(shí)區(qū)
# URL
### If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://leyliu.com //個(gè)人域名
......
# Deployment
### Docs: https://hexo.io/docs/deployment.html
deploy: //發(fā)布對(duì)應(yīng)的github賬號(hào)
type: git
repo: root@xxx.xxx.xxx.xxx:/usr/local/blogRepo/hexo //用戶名@域名或 IP 地址:/usr/local/blogRepo/hexo
branch: master
本地部署到服務(wù)器
1. 清除緩存
cd ~/Documents/myHexo/
hexo clean
2. 生成靜態(tài)頁面
hexo generate
3. 將本地靜態(tài)頁面目錄部署到云服務(wù)器
hexo deploy
4. 如果出現(xiàn)錯(cuò)誤: ERROR Deployer not found: git,執(zhí)行:
npm install -save hexo-deployer-git
此時(shí)重新訪問服務(wù)器,即可看到博客部署成功。
安裝Next主題
1. 下載主題
# 進(jìn)入本地myHexo的themes文件夾下
cd themes/
# 下載主題
git clone git@github.com:iissnan/hexo-theme-next.git
2. 使用主題
打開myHexo下的_config.yml文件,將主題修改為:
theme: hexo-theme-next
3. 部署
# # 進(jìn)入本地myHexo路徑執(zhí)行
hexo g
hexo d
4. 再次訪問網(wǎng)站進(jìn)行驗(yàn)證
修改首頁不顯示全文
進(jìn)入hexo博客項(xiàng)目的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 #文章標(biāo)題
date: 2016-06-01 23:47:44 #文章生成時(shí)間
categories: "Hexo教程" #文章分類目錄 可以省略
tags: #文章標(biāo)籤 可以省略
- 標(biāo)簽1
- 標(biāo)簽2
description: #你對(duì)本頁的描述 可以省略
---
寫好后再放入source文件夾下的_post下,同樣執(zhí)行 hexo g,hexo d。
最后
還是附上我的地址:會(huì)出汗的小背心