Hexo-GitHub搭建部署个人网站

一、准备工作

• 安装 Git
• 安装 Node.js

---

二、安装配置Hexo

1. 安装

   打开Git-bash，输入以下命令安装Hexo

   npm install -g hexo-cli
   

2. 初始化
   选择合适的文件夹，如 E:\hexo，执行：

   cd E:\hexo
   hexo init 
   npm install
   

   执行成功后，在 hexo文件夹下的目录结构类似为：

   ├── _config.yml 
   ├── package.json
   ├── scaffolds
   ├── source|   
   ├       ├── _drafts|   
   ├       └── _posts
   └── themes
   

   • _config.yml: 网站的配置 配置 文件，可以在此配置大部分的参数。
   • 文件详细介绍可见 Hexo 官方网站

3. 测试，执行

   hexo s
   

   按照信息提示，使用浏览器访问 http://localhost:4000/。可以看到Hexo默认主题则说明本地建站成功。

4. 修改主题

   本网站使用的是 Next 主题

   • 下载主题

     cd your-hexo-site
     git clone https://github.com/iissnan/hexo-theme-next themes/next
     

   • 启用主题
     修改 _config.yml 文件，找到 theme字段，并将其值改为 next

   • 验证主题
     执行如下命令：

      hexo clean
      hexo s 
     

     此时使用浏览器访问 http://localhost:4000，检查站点是否正确运行 Next主题。

---

三、配置GitHub

• 创建仓库

  新建一个名为GitHub账户名.github.io的仓库，之后网站的访问网址就是http://GitHub账户名.github.io

---

四、将Hexo部署到GitHub Pages

1. 安装 hexo-deploy-git

   npm install hexo-deployer-git --save
   

2. 修改_config.yml 文件，找到deploy 配置项，修改为如下

   deploy:
       type: git
       repo:  https://github.com/<username>/<project> 
       #示例：https://github.com/hexojs/hexojs.github.io 
       branch: master
   

3. 上传部署

   hexo clean
   hexo deploy
   
   

   注：要确保可以向 GitHub正常 Push，若出错，请检查是否配置好了ssh key

4. 验证部署
   使用浏览器打开 http://GitHub账户名.github.io，验证是否部署成功。

---

文中有什么错误或不足之处，欢迎指出！

欢迎访问我的个人博客 Begin Now 查看更多文章