Hexo 搭建博客并推送GitHub

这篇具有很好参考价值的文章主要介绍了Hexo 搭建博客并推送GitHub。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

初始Hexo

npm install hexo-cli -g
hexo init blog
cd blog
npm install
hexo server

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

设置GitHub

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

Hexo 搭建博客并推送GitHub
因为博主之前创建好了现在就不能创建了。创建好后可以在你的仓库里新建一个index.html,里面可以随意输入几个字符,保存。

Hexo 搭建博客并推送GitHub
选择仓库的settings选项,在菜单栏找到pages,这样就能得到你的博客地址了。

Hexo 搭建博客并推送GitHub
点击Visit site或者在地址栏直接输入就可以访问刚刚写好的index.html文件。

推送GitHub

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

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

Hexo 搭建博客并推送GitHub

deploy:
  type: git
  repository: https://github.com/yourname/yourname.github.io.git 
  branch: main

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

npm install hexo-deployer-git --save

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

hexo g

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

hexo d

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

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

参考:https://www.cnblogs.com/lanluoying/p/17208924.html文章来源地址https://www.toymoban.com/news/detail-471590.html

到了这里,关于Hexo 搭建博客并推送GitHub的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • hexo&github 搭建博客(保姆级)

    hexo&github 搭建博客(保姆级)

    安装 Hexo 相当简单,只需要先安装下列应用程序即可: Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本) Git 具备以上环境后我们安装hexo 配置系统环境变量 在选好的目录下运行 通过以上步骤,最简单的hexo网站就好了,可以直接访问http://localhost:4000/,来看h

    2024年02月05日
    浏览(32)
  • 博客搭建教程Github+Hexo+hexo-theme-matery主题

    博客搭建教程Github+Hexo+hexo-theme-matery主题

    前情提要 写这篇文的目的 记录自己搭建过程,便于以后快速复用 总结经验和自己踩的坑,给其他小伙伴一些参考(由于是搭建后写的,所以没有参考图片) 介绍 初步效果参考我的博客:hermia的个人博客 本博客基于Hexo框架,使用github托管 使用自定义域名: hermiablog.com hexo主题

    2024年02月19日
    浏览(19)
  • Hexo+Github+Netlify博客搭建教程

    Hexo+Github+Netlify博客搭建教程

    ✅作者简介:大家好,我是Leo,热爱Java后端开发者,一个想要与大家共同进步的男人😉😉 🍎个人主页:Leo的博客 💞当前专栏: 博客系列 ✨特色专栏: MySQL学习 🥭本文内容:Hexo+Github+Netlify博客搭建教程 📚个人知识库: [Leo知识库]https://gaoziman.gitee.io/blogs/),欢迎大家访

    2024年02月08日
    浏览(34)
  • 【Hexo + Github 搭建自己的专属博客】

    【Hexo + Github 搭建自己的专属博客】

    目录 一、前提环境配置 1. 安装Git和NodeJS 2. 安装Hexo 3. 加载主题 4. 修改主题配置 二、搭建博客 1. 将博客部署在GitHub上 2. 写文章并上传 3. 配置一些特效 三、最终成果 ​编辑 在 Windows 上使用 Git ,可以从 Git 官网直接 https://git-scm.com/downloads ,然后按默认选项安 装即可。安装完

    2024年04月08日
    浏览(13)
  • hexo+GitHub搭建个人博客前期安装部署

    hexo+GitHub搭建个人博客前期安装部署

    安装Git ==================================================================== 什么是Git Git是目前世界上最先进的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。Git也是你博客平台

    2024年04月22日
    浏览(15)
  • 【实操】基于 GitHub Pages + Hexo 搭建个人博客

    【实操】基于 GitHub Pages + Hexo 搭建个人博客

    《开发工具系列》 相信很多学习技术的读者朋友们,都梦想能创建一个属于自己的个人博客。现在,这将不是梦想,下面跟着 Huazie 一起利用 GitHub Pages + Hexo 搭建一个属于自己的个人博客吧。 Node.js 官方下载地址 注意: Hexo 官方建议使用 Node.js 12.0 及以上版本 笔者本地下载的

    2024年01月19日
    浏览(18)
  • Hexo+GitHub搭建个人博客教程(2023最新版)

    Hexo+GitHub搭建个人博客教程(2023最新版)

    1、node环境 首先,安装 nodejs, 因为Hexo是基于 Node.js 驱动的一款博客框架。 ⭐nodejs下载地址 2、git 环境 然后,安装git, 一个分布式版本控制系统,用于项目的版本控制管理,作者是 Linux 之父。 ⭐Git(官网) ⭐Git for Windows(仅windows安装包) ⭐CNPM Binaries Mirror [阿里镜像](速

    2024年02月06日
    浏览(18)
  • 超详细Hexo+Github Page搭建技术博客教程

    超详细Hexo+Github Page搭建技术博客教程

    博客有第三方平台,也可以自建,比较早的有博客园、CSDN,近几年新兴的也比较多诸如:WordPress、segmentFault、简书、掘金、知乎专栏、Github Page 等等。 这次我要说的就是 Github Page + Hexo 搭建个人博客的方式!Github Page 是 Github 提供的一种免费的静态网页托管服务(所以想想免

    2023年04月27日
    浏览(11)
  • 基于Hexo在GitHub Pages上搭建博客的方法

    基于Hexo在GitHub Pages上搭建博客的方法

    或许说这是本站从无到有搭建的记录更为准确。 本站?什么本站?总不能是CSDN吧?这里指的是我的个人博客网站 Karubon.moe ,这篇博客基于搭建这个网站时得到的经验教训编写。喜欢这篇博客的话不妨去我的网站看看呀。 在寒假的中期,百般聊赖之下,终于是打算拥有一个自

    2024年02月22日
    浏览(14)
  • 【2023最新版】Hexo+github搭建个人博客并绑定个人域名

    【2023最新版】Hexo+github搭建个人博客并绑定个人域名

    本篇教程完整讲述了如何利用Hexo+github搭建个人博客并且绑定自己的域名,成为自己的网站! 我的博客网站:武师叔 - 做一个有趣而不甘平庸的人!---------------------------------(备用wushishu.github.io) 教程参考了很多互联上的内容,在美化教程上面可以根据自己的审美,不必全部照

    2023年04月08日
    浏览(18)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包