Hexo 搭建博客并推送GitHub

蔚落 2024-03-16 11:57 103阅读 0赞

初始Hexo

  1. npm install hexo-cli -g
  2. hexo init blog
  3. cd blog
  4. npm install
  5. hexo server

浏览器访问：http://localhost:4000/

设置GitHub

1、首先要注册一个Github账号，新建一个name.github.io的仓库，也就是new repository。

在这里插入图片描述
因为博主之前创建好了现在就不能创建了。创建好后可以在你的仓库里新建一个index.html，里面可以随意输入几个字符，保存。

在这里插入图片描述
选择仓库的settings选项，在菜单栏找到pages，这样就能得到你的博客地址了。

在这里插入图片描述
点击Visit site或者在地址栏直接输入就可以访问刚刚写好的index.html文件。

推送GitHub

到了最后一步，需要将本地的博客项目（自己新建那个blog文件夹）部署到Github就好了。

首先修改hexo的配置文件。进入项目文件夹，打开项目根目录下的_config.yml 配置文件配置参数。拉到文件末尾，填上如下配置。

在这里插入图片描述

  1. deploy:
  2.   type: git
  3.   repository: https://github.com/yourname/yourname.github.io.git 
  4.   branch: main

安装hexo-deployer-git 自动部署发布工具

  1. npm install hexo-deployer-git --save

最后执行以下命令就可以部署上传啦，生成页面，以下 g 是 generate 缩写

  1. hexo g

本地文件上传到Github上面，d 是 deploy 缩写

  1. hexo d

中间会出现一个登录界面，登录你的Github账号就行。

稍等一会，在浏览器访问网址： https://你的用户名.github.io 就会看到你的博客啦！！

参考：https://www.cnblogs.com/lanluoying/p/17208924.html

发表评论

表情：
评论列表 （有 0 条评论，103人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Hexo Github 搭建博客

    ![配图][alejandro-escamilla-9.jpg] 前言 在 搬砖 的过程中，浏览了许多 别人写的博客后，自己也萌生了写博客的念头。 其一是为了系统的整

    小灰灰小灰灰/ 0 赞/ 436 阅读

    相关 搭建静态博客：hexo+github

      经过一段时间的折腾，第一个静态博客终于建了起来。相比wordpress的庞大臃肿，博主更喜欢hexo这个轻量级的博客框架。在这里记录下整个搭建过程，希望对大家也能够有所帮助

    小灰灰小灰灰/ 0 赞/ 422 阅读