本次教程参考资料:

手把手教你使用Hexo + Github Pages搭建个人独立博客
我是如何利用Github Pages搭建起我的博客,细数一路的坑

搭建Hexo博客



  1. Node.js下载安装

  1. Git下载安装

  1. 安装Hexo


    3.1 Windows下用CMD命令窗口打开

    3.2 安装Hexo模块

    npm install hexo-cli -g #将模块全局安装

    –save #将模块安装到项目目录下

    3.3 初始化Hexo


    hexo init blog #初始化博客目录('blog'可修改其他名称)
    cd blog
    npm install #安装依赖配置

    3.4 启动Hexo

    hexo g # 或者hexo generate
    hexo s # 或者hexo server
     启动完成后,可以在[http://localhost:4000/](http://localhost:4000/) 进行查看
    


    命令解释:

    • hexo generate (hexo g) 生成静态文件,会在当前目录下生成一个新的叫做public的文件夹
    • hexo server (hexo s) 启动本地web服务,用于博客的预览
    • hexo deploy (hexo d) 部署播客到远端(比如github, heroku等平台)
    • hexo new “postName” (hexo n) #新建文章
    • hexo new page “pageName” #新建页面

    3.5 常用组合命令

    hexo s -g #生成预览
    hexo d -g #生成部署


Hexo主题设置

  1. 安装主题
    hexo clean
    git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

  1. 启用主题

    修改Hexo目录下的_config.yml配置文件中的theme属性,将其设置为yilia


  1. 更新主题并启动Hexo
    cd themes/yilia
    git pull
    hexo g
    hexo s

Github Pages


  1. 创建GitHub Page仓库


  1. 开启GitHub Page仓库


     进入设置
    


      确认仓库站点是否开通(一般是默认开通的)
    



部署Hexo到GitHub Page仓库

  1. 使用Hexo deploy部署
#需要安装扩展
npm install hexo-deployer-git --save

修改_config.xml配置文件

对应blog根目录:D:\workSpace\Test\TestHexo\blog\_config.xml

原配置文件截图:

修改后配置文件截图:

执行部署命令

hexo d

  1. 使用Git 命令部署

克隆当前仓库到目录

git clone  xxxabc.git .deploy/xxxabc

deply脚本

用于Linux环境下一键部署发布Hexo到GitHub Page仓库

hexo generate
cp -R public/* .deploy/xxxabc
cd .deploy/xxxabc
git add .
git commit -m “update”
git push origin master

通过hexo g在public下生成新的待发布页面,通过命令copy到克隆下的仓库中,在通过git命令进行push到远端仓库进行发布