2020-02-29

一、准备工作

  • 安装 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// 
        #示例: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 查看更多文章

你可能感兴趣的:(2020-02-29)