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 [阿里镜像](速度快,ctr+f检索)

安装过程一路next就行(安装路径可改)

两者安装完成之后,右击此电脑>属性>高级系统设置>环境变量>系统变量下的Path 可以看到两者已自动修改了环境变量,这是我们可以通过cmd命令(win+r后输入cmd)查看两者版本。(确认是否安装成功及可以使用) 查看Node.js版本命令:node -v 查看Git版本命令:git --version

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

以上情况即安装成功

二、注册GitHub账号并且创建仓库

GitHub官网

1.注册(已有GitHub账号可忽略此步)

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

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

注册之后邮箱会收到一封Github的邮件,点击Github的链接确认注册

2.创建仓库

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

注意选择public

注意仓库的取名格式:用户名.github.io(这将是以后的访问域名)

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

到这里代表我们Github账号以及仓库都已经创建完毕 可以把下面这段仓库的地址复制下来留着后面配置时会用到

(推荐使用ssh,https容易后期出现bug)

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

三、本地配置安装Hexo

首先在磁盘中创建一个用来存放Github本地仓库文件的目录blog(可自定义目录存放)

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

选中创建的目录(文件夹)右键选择使用Gti Bash Here打开Git命令窗口(这就是开始安装的Git工具,现在开始使用)
也可以使用Windows的cmd命令行(不推荐)
(因为是从国外服务器下载,受网络的影响比较大,有可能会出现异常,所以我们需要连接国内淘宝官方的服务器来进行)
输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
注:之后再次使用命令则是以cnpm开头~而不是npm

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

 第一步:正式开始安装hexo
输入命令:cnpm install -g hexo-cli

第二步:初始化Hexo
输入命令:hexo init

(初始化成功后blog目录(文件夹)会多出许多文件)

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

 这时输入命令:hexo s

【hexo sever的缩写,作用是启动本地服务器,用于预览主题】

然后在浏览器输入localhost:4000即可以在本地浏览博客(自带一篇Hello World博客)
关闭 ctrl + c

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

 四、设置ssh

1.生成sshkey

首先在git下
输入命令:cd ~/.ssh进入.ssh文件
输入命令:ssh-keygen -t rsa -C ‘注册时的邮箱地址’

接着去查看C盘目录(此文件夹所在C:\用户\用户名目录下),然后在记事本中打开id_rsa.put文件并复制生成的key

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

2.将key配置到GitHub中

在GitHub主页的头像下找到seething

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

 然后点击SSH and GPG keys,点击New SSH key

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

 将刚刚在.ssh目录下所复制的id_rsa.put文件中的信息复制进key(注意空格)(名字随意)

验证: 

输入命令(git):ssh -T git@github.com 并且输入yes之后,行末尾会显示你的用户名

(绑定成功邮箱会收到邮件提醒)

接着在本地绑定与Github的用户名和邮箱(git)
输入命令:git config --global user.name “注册时用户名”
输入命令:git config --global user.email “注册时邮箱”

五、上传博客

首先找到之前创建仓库生成的Github仓库Http或SSH地址(推荐SSH)

(如果没有保存点击仓库主页的Clone or download可重新查看)

然后打开blog文件夹下的_config.yml 

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

然后将文章末尾改为以下格式:

(repo即复制的HTTP/SSH)【推荐SSH(git开头)

deploy:
        type: git
        repo: https://github.com/用户名/用户名.github.io.git

                    (或者git@github.com:用户名/用户名.github.io.git)【推荐】
        branch:
main

注:

很多博客中branch仍填写为master,2020年10月1日后master正式由main取代!!!

从 2020 年 10 月 1 日开始,GitHub 上的所有新库都将用中性词「main」命名,取代原来的「master」,因为后者是一个容易让人联想到奴隶制的术语。

接着需要安装一个上传工具
输入命令(git):cnpm install hexo-deployer-git

新建文章(不新建的话也会有一篇自带的Hello World文章)

输入命令:hexo new “文章名称”

然后根据返回的地址即可找到创建的文件位置,即可使用编辑器打开编辑(推荐使用vscode或者typora)

预览

输入命令(blog目录下使用git):hexo s(如上)

确认无误后先生成一遍文件

输入命令(blog目录下使用git):hexo g

之后即可部署到GitHub

输入命令(blog目录下使用git):hexo d

之后每次上传博客都是此顺序

部署之后可发现GitHub中多了文件,此时浏览器输入用户名.github.io(Github仓库名)就可以访问博客啦(刚刚部署后需要一定时间加载,出现未更新等待一段时间即可)文章来源地址https://www.toymoban.com/news/detail-458415.html

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

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

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

相关文章

  • Hexo+Github博客搭建教程

    注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看,上来先喷一下!谢谢*[Math Processing Error]⊙o⊙*。 教程内容随意复制使用,引用的话请加一个参考链接,谢

    2024年01月16日
    浏览(39)
  • Hexo+Github+Netlify博客搭建教程

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

    2024年02月08日
    浏览(45)
  • 手把手教你使用Hexo+GitHub搭建个人博客并发布文章(附常见问题解决方法)

    本教程使用GitHub自带的GitHub pages来生成静态个人博客,而Hexo可以更换各种好看的主题,而且都是免费的,花一点时间就可以打造出自己独有的个人博客。 Hexo这个有力的工具可以让我们专注于写出一篇博客而不需要关心如何编写html和CSS,再如何形成一个网站,它可以根据ma

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

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

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

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

    2023年04月27日
    浏览(39)
  • Hexo + GitHub史上最全搭建个人blog教程

    由于希望搭建个人 blog ,现在市面上的博客很多,如 CSDN ,博客园,简书等平台,可以直接在上面发表,用户交互做的好,写的文章百度也能搜索的到。缺点是比较不自由,会受到平台的各种限制和恶心的广告。因而直接在 github page 平台上托管我们的博客,特写了这篇文章记

    2024年02月02日
    浏览(33)
  • hexo + github 创建个人博客网站

    nodejs 和 npm git hexo 是一个静态博客生成网站,可以快速制作自己的博客网站并部署 安装hexo npm install hexo-cli -g 创建项目 hexo init 本地预览 hexo s 新建仓库 创建一个名为[用户名].github.io的仓库 下载自动部署插件 npm install hexo-deployer-git --save 修改hexo的配置文件 _config.yml 在deplay中添

    2024年02月05日
    浏览(50)
  • 构建个人博客_Obsidian_github.io_hexo

    很早就开始分享文档,以技术类的为主,一开始是 MSN,博客,随着平台的更替,后来又用了 CSDN,知乎,简书…… 再后来是 Obsidian,飞书,Notion,常常有以下困扰: 1.1 问题 各平台格式不同,审核规则不同,需要花很多时间上传多个平台,文档更新成本也高。 分类太简单,

    2024年02月11日
    浏览(30)
  • Hexo+GithubPages免费搭建个人博客网站

    一、前言 二、Github配置 新建同名仓库 配置Pages 三、安装Hexo 四、配置hexo-deployer-git 五、访问 六、发布文章 七、安装主题 我之前开了好几年的云服务器了,实际上使用场景并不是很多,感觉有点浪费。前两个月都给关掉了,现在呢琢磨着弄一个免费的云服务搭建个人博客。

    2024年02月13日
    浏览(39)
  • github+hexo 博客搭建

    环境:win11+wsl 打开终端安装以下软件 登录你的 GitHub 帐号,并创建一个新的仓库,仓库名是 username.github.io ,其中 username 是你的 GitHub 用户名。将该仓库设置为公开仓库。 设置ssh 创建一个新的文件夹,用于存储你的博客项目。 在终端中,进入该文件夹,并运行以下命令来初

    2024年02月10日
    浏览(46)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包