github+hexo 博客搭建

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


环境:win11+wsl

1.安装Node.js、Git和Hexo

打开终端安装以下软件

sudo apt update
sudo apt-get install git

sudo apt install nodejs
sudo apt install npm        #Node.js 的包管理器
sudo npm install -g hexo-cli        #安装hexo

2.创建 GitHub 仓库并配置ssh

登录你的 GitHub 帐号,并创建一个新的仓库,仓库名是 <username>.github.io,其中 <username> 是你的 GitHub 用户名。将该仓库设置为公开仓库。
设置ssh

ssh-keygen -t rsa -C 'xxx@xxx.com'  #自己的邮箱
cat ~/.ssh/id_rsa.pub  #将里面的内容复制到 github ->settings ->SSH and GPC keys ->SSH keys ->New SSH key中
ssh -T git@github.com  #输入yes之后,行末尾会显示你的用户名(绑定成功邮箱会收到邮件提醒)
#接着在本地绑定与Github的用户名和邮箱(git)
git config --global user.name "<username>"    #自己的用户名
git config --global user.email 'xxx@xxx.com'  #自己的邮箱

3.初始化Hexo

创建一个新的文件夹,用于存储你的博客项目。
在终端中,进入该文件夹,并运行以下命令来初始化 Hexo

mkdir myblog
hexo init    
#或者直接一步到位 
hexo init myblog

4.配置Hexo

  • 进入你的 Hexo 项目文件夹,找到 _config.yml 文件,使用文本编辑器打开它。
  • 在 _config.yml 文件中,配置你的博客设置,例如标题、描述、作者等。
  • 根据需要,你还可以配置主题、插件和其他 Hexo 选项。
    编辑_config.yml文件,添加如下内容
deploy:
        type: git
        repo: git@github.com: <username>/ <username>.github.io.git  #<username>为自己的用户名
        branch: main
npm install hexo-deployer-git    #安装 hexo-deployer-git 插件 将部署过程自动化

5.创建博客内容

在终端中,运行以下命令来创建新的博客文章:

hexo new "My First Post"

这将在 Hexo 项目的 source/_posts 目录下创建一个新的 Markdown 文件,用于编写你的第一篇博客文章。

6.部署

hexo s    # 预览
#Hexo is running at http://localhost:4000/ . Press Ctrl+C to stop.
#用浏览器打开 http://localhost:4000/
hexo g #生成静态网站文件
hexo d #将生成的静态网站文件部署到github

7.查看

浏览器打开<username>.github.io即可查看

8.参考:

https://blog.csdn.net/qq_62928039/article/details/130248518

9.选择主题:

https://hexo.io/themes/
https://github.com/yelog/hexo-theme-3-hexo

#在hexo根目录下
git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo
#修改hexo根目录的_config.yml,如下
theme: 3-hexo
#博客配置
http://yelog.org/2017/03/23/3-hexo-instruction/

最终效果:
https://yyheroi.github.io/2023/08/25/github+hexo%E5%8D%9A%E5%AE%A2%E6%90%AD%E5%BB%BA/文章来源地址https://www.toymoban.com/news/detail-687895.html

到了这里,关于github+hexo 博客搭建的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索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日
    浏览(20)
  • 【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日
    浏览(10)
  • Hexo+Github+Netlify博客搭建教程

    Hexo+Github+Netlify博客搭建教程

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

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

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

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

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

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

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

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

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

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

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

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

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

    2023年04月27日
    浏览(8)
  • 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日
    浏览(14)
  • 基于Hexo在GitHub Pages上搭建博客的方法

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

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

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

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

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

    2023年04月08日
    浏览(12)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包