美文网首页
2020-02-29

2020-02-29

作者: 猫不爱吃鱼 | 来源:发表于2020-02-29 17:03 被阅读0次

    一、准备工作


    二、安装配置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 查看更多文章

    相关文章

      网友评论

          本文标题:2020-02-29

          本文链接:https://www.haomeiwen.com/subject/hfcmhhtx.html