hexo 部署到 github

一、首先搭建 hexo 本地博客

1、git和Node.js都安装成功后,安装hexo,命令如下:

 sudo npm install hexo -g

2、创建 my- hexo 文件夹,命令如下:

mkdir my-hexo

3、my- hexo 安装成功后,在该文件夹下执行如下命令:

npm install

4、启动本地服务,现在已经搭建起本地的 hexo 博客了,执行以下命令,然后到浏览器输入 localhost:4000 查看:

hexo generate 或 hexo g    // 生成静态文件
hexo server 或 hexo s        // 启动服务器。默认情况下,访问网址为: http://localhost:4000/

5、到此,本地博客已经搭建起来了,如下图(这是添加了文章,换了主题的博客)


hexo 部署到 github_第1张图片
我的博客

二、将 hexo 本地博客部署到github上

1、创建repository
这里的 repository 名必须使用你的github的用户,即我的用户名为 frontend ,那么网址必须为 frontendX.github.io ,如下图(创建repository)中红色框。

hexo 部署到 github_第2张图片
创建repository

2、部署

// 编辑 _config.yml ,在部署时,要把下面的 zippera 都换成你的账号名。
 
deploy:
    type: git
    repository: https://github.com/frontendX/frontendX.git
    branch: master
     
 // 执行下列指令即可完成部署。
 
 hexo g
 hexo d

 如果提示:ERROR Deployer not found: git
 执行以下以下命令:npm install hexo-deployer-git --save

 完成之后再执行:
    hexo generate
    hexo deploy

记住:每次修改本地文件后,需要 hexo g 才能保存,hexo d 才能
部署到github。每次使用命令时,都要在该项目目录下。

注意:部署中遇到的问题

repository 名是 froentendX(修改前 - 1)的时候,https://frontendx.github.io/页面访问不了;需要把 froentendX 修改成 frontendX.github.io(修改后 - 2)

hexo 部署到 github_第3张图片
修改前 - 1

hexo 部署到 github_第4张图片
修改后 - 2

你可能感兴趣的:(hexo 部署到 github)