github+hexo搭建网站

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

前言:参考我的上一篇文章记录一次Windows搭建个人博客网站-避坑指南_笔记 搭建网站-CSDN博客

我但是第一次的搭建中出现了很多的问题,最近事情忙得差不多有点空闲时间重新从头搭建了一次。


从头开始搭建:我想了一下,其实我们一开始可以暂时不用那个vercel,我们先把网站搭建好,然后把自己的域名跟这个github的提供绑定好再说。

1.github注册

首先我们先进入github的官网。
github官网地址:GitHub: Let’s build from here · GitHub
然后我们点击右上角的sign up进行账号注册

2.创建仓库

完成注册之后登录自己的账号,点击右上角的加号,然后点击New repository进行仓库的创建。

一定注意:我们的仓库用户名的格式为 github用户名+github.io 这也是我们以后进入博客的网址。

3.环境配置

git+node

Git下载地址:Git for Windows

nodejs地址:Download | Node.js

这两个你们自己搜一下安装配置教程吧

我的建议是在你的一个磁盘里面,创建一个BLOG文件夹,然后将git,nodejs一起安装在这一个文件夹内,不然后面你的环境配置又会出问题。

github+hexo搭建网站,github

在这个文件夹内打开git bash,然后我们开始进行环境配置
输入命令:

git config --global user.name "你的github用户名"

git config --global user.email "你的邮箱"


查看配置
输入命令:git config -l

当配置的最后出现自己的用户名和邮箱的时候,说明我们已经配置环境成功

4.连接github


在环境配置的时候,会提示你这个ssh公钥的路径,跟着路径请找就行。在我们的电脑c盘中我们可以找到一个 .ssh 文件夹,这里面的id_rsa是我们电脑的私钥,id_rsa.pub是我们电脑的公钥,我们打开我们的id_rsa.pub(可以用记事本打开),复制文件中的内容,然后在github中配置ssh秘钥

github配置完之后,我们再回到Git Bash

输入命令:

ssh -T git@github.com

最后出现successful链接这种情况就说明我们的github已经连接完成

5.安装hexo


首先我们在存放node.js和git的文件夹中新建一个文件夹(自行命名)

右键该文件夹,选择Git Bash Here,输入命令安装hexo:npm install -g hexo-cli

继续输入命令进行初始化

hexo init

然后依次输入下列命令完成静态部署

hexo c 
hexo g
hexo s


在最后输入的 hexo s 后,会出现一个网址,将这个网址复制下来进行访问,那么我们的博客就已经搭建成功了

6.修改主题

这个很多其他文章都有讲,我就不细说了,大家喜欢什么主题请换就行

这里特别注意一个点:

_config.yml文件最后添加一段内容:

如果这个你添加完,你hexo c,hexo h ,hexo d之后无法正常部署

deploy:
  type: git 
  repo: git@github.com:****/****.github.io.git        #*****是你的用户名
  branch: main

那就使用下面这一段代码
 

deploy:
  type: git 
  repo:  这里填入你之前在GitHub上创建仓库的完整路径,记得加上 .git
  branch:master

另外在_config.yml中的url部分

# URL

## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'

看人家的英文说明,记得修改路径,不然hexo d部署还是会出错。


后记:本文主要以踩坑点为主,其余一些操作部署网上已经有很多完善成熟的教程了,这里不再作过多阐述。文章来源地址https://www.toymoban.com/news/detail-776738.html

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

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

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

相关文章

  • Hexo搭建个人博客(github)

    记录搭建个人博客的过程 本文使用Hexo+GitHub Page的方法搭建博客,下面是环境准备的步骤,包括nodejs的安装和git的安装(注:本教程仅适用于windows用户) 详情请参考这篇博客: NVM的安装使用与配置(node, npm, yarn 为了把本地的网页上传到git上,需要在系统上下载git,详情参考

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

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

    2024年01月16日
    浏览(50)
  • 利用 hexo 搭建 github page

    默认我们已经安装了 node.js git 点击就可以下载啦 然后我们在本地新建一个文件夹,我取的名字是Hexo_blog 然后在命令行处输入 或者 右键 点击 git bash here npm install -g hexo-cli 下一步进行Hexo 初始化和本地预览 初始化并安装所需组件: hexo init # 初始化 npm install # 安装组件 完成后

    2024年02月01日
    浏览(46)
  • hexo&github 搭建博客(保姆级)

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

    2024年02月05日
    浏览(77)
  • Hexo 搭建博客并推送GitHub

    浏览器访问: http://localhost:4000/ 1、首先要注册一个Github账号,新建一个name.github.io的仓库,也就是new repository。 因为博主之前创建好了现在就不能创建了。创建好后可以在你的仓库里新建一个index.html,里面可以随意输入几个字符,保存。 选择仓库的settings选项,在菜单栏找到

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

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

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

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

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

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

    2024年04月08日
    浏览(49)
  • Hexo+GithubPages免费搭建个人博客网站

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

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

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

    2024年04月22日
    浏览(66)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包