思路:
- 本地使用Hexo生成静态页面(html)
- 上传到WEB服务器
1、 安装Hexo 及生成静态页面
- 安装Node.js
下载安装包直接安装即可 - 安装Hexo
- 安装Hexo:$ npm install hexo-cli -g # 如果提示权限问题则使用sudo运行。
- 初始化博客目录:$ hexo init blog
- 切换到博客目录下安装依赖包:$ cd blog && npm install
- 启动预览服务器:$ hexo s,在浏览器中访问localhost:4000,如果一切正常就可以看到博客页面了
根目录下的_config.yml是Hexo的配置文件,可以按照个人喜好修改博客的配置。
Hexo 常用命令:
- $ hexo new [name] # 新建一篇以[name]为标题的博文,博文保存在/source/_posts目录下
- $ hexo new [layout] [name] # 新建layout类型的文章
- $ hexo g #生成静态文件
- $ hexo d #按_config.yml的配置部署
- $ hexo g -d #生成静态文件后部署
- $ hexo clean #清除静态文件缓存
hexo g 生成的静态文件 通常在 [博客目录]/public 下面,把这些全部上传到web服务器的 WWW目录下即可。
2、搭建 web 服务器,分为github 和自建 WEB服务器
2.1 GithubPage 提供了免费的WEB服务
1) GithubPage
注册 github 账号:username
创建[username].github.io 仓库
博客地址:https://[username].github.io/
仓库地址:https://github.com/username/username.github.io
2)发布到github
- 安装 git
- 在博客根目录安装 hexo-deployer-git :$ npm install hexo-deployer-git --save
- 修改 _config.yml 中的 deploy 项
Deploy:
type:git
repo:git@github.com:username/username.github.io
branch:master
以后运行 $hexo d 部署,自动发布到github,可能要求输入github 用户名和密码。(建立SSH 信任后可以不用输入密码)
2.2 自建web服务器(nginx)
Nginx是一款轻量级的网页服务器、反向代理服务器。相较于Apache、lighttpd具有占有内存少,稳定性高等优势。它最常的用途是提供反向代理服务。
安装完 ngix 之后,找到配置文件
/usr/local/nginx/conf/nginx.conf
Server
接收请求的服务器需要将不同的请求按规则转发到不同的后端服务器上,在 nginx 中我们可以通过构建虚拟主机(server)的概念来将这些不同的服务配置隔离。
server {
listen 80;
server_name localhost;
root html;
index index.html index.htm;
}
root html # WWW服务的根目录,安装nginx 目录下面又个 html 目录,Hexo 生成的public 下面的文件,全部放到这个下面,重启 nginx 就可以了。