使用hexo部署一个博客服务器

使用hexo 部署一个博客服务器

环境准备

​ 1.node.js

​ 2.git

安装hexo相关的工具

​ 1.全局安装hexo-cli

​ npm i hexo-cli-g

创建一个博客项目

​ 1.使用 hexo init （目录名）

hexo init hexo-blog

​ 2.使用npm i 安装项目依赖

​ 需要先 cd hexo-blog 更改路径

​ 3._config.yml 存放着博客的配置信息

​ 4._config.yml 配置项如下

​ title：(标题)

subtitle:  # 子标题
description:  # 描述
keywords:  # 干嘛的 
author: # 作者
language: zh-CN # 语言
timezone: Asia/Shanghai # 时区

​ 5.使用hexo new （题目）写博客

​ hexo new frontend_niubi

​ 执行完该命令后, 会在 ./source/_posts/目录下新建一个 frontend_niubi.md 文件

​ 之后就可以随心所欲的写笔记了!

6.写完笔记后, 使用 hexo g 命令结合主题(配置文件中: theme: landscape)和笔记(./srouce/_posts/目录中)生成HTML/css/js静态文件

hexo g

执行完命令后, 会在 ./public 中生成静态文件

7.最后只需要执行hexo server 启动服务器, 即可看到博客了!

hexo server

默认开启端口是4000, 通过 -p 可以指定端口号

hexo server -p 80

hexo与github.io结合

Github给每个用户都提供了一个轻量级的web服务器, 每个人的域名是: 用户名.github.io

1. 在github上新建一个仓库, 仓库名必须是github用户名.github.io

2. 使用hexo的deploy功能完成项目的自动化部署

   在部署之前, 一定要先配置好部署的参数

   hexo支持五个部署方式, 我们采取git

   首先在_config.yml配置文件中的 deploy: 节点下配置一下 type

   deploy:

   type: git
   

   如果使用的是git部署, 必须先装一个包:

   npm install hexo-deployer-git –save

   装完以后修改配置:

​ deploy:

type: git # 类型为git
repo:    # 在github仓库里切换到ssh地址
branch: gh-pages //这个是用来创建项目的固定代码

​

配置完成后, 执行hexo g 然后执行 hexo d

hexo d是在将生成的静态文件, push到远程刚刚建好的仓库中, 而刚刚建的那个仓库正好可以通过用户名.github.io直接访问, 就是一个web服务器

hexo g hexo d

注意如果出现错误

在hexo d出现错误时 需要给自己的github仓库设置密钥然后再重新输入

在cmd中输入

ssh -T git@github.com

可以获得密钥

然后输入

ssh-keygen -t rsa -C "1357820996@qq.com"//填入自己的邮箱

在此电脑的用户中可以找到以.ssh的文件夹，然后找到id_rsa.pub用记事本打开复制去github仓库中输入自己的密钥

hexo clean
hexo g
hexo d

一般就可以使用

如果hexo g出现以下错误时

**can not read a block mapping entry; **

无法读取块映射项，可能是source下的_posts下的md上的title或者时date或者是tags后缺少空格