Hexo+GithubPages免费搭建个人博客网站

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

Hexo+GithubPages免费搭建个人博客网站

目录

  • 一、前言
  • 二、Github配置
    • 新建同名仓库
    • 配置Pages
  • 三、安装Hexo
  • 四、配置hexo-deployer-git
  • 五、访问
  • 六、发布文章
  • 七、安装主题

一、前言

我之前开了好几年的云服务器了,实际上使用场景并不是很多,感觉有点浪费。前两个月都给关掉了,现在呢琢磨着弄一个免费的云服务搭建个人博客。暂时先弄Github的,Gitee的那个要身份证,暂时弄不了,等等吧。

需要准备的环境:

windows的话需要准备node环境,可以关注某绿色软件回复:1009 不限速下载软件安装

这里列一下清单

  1. node环境
  2. 能访问github并准备好github账号

二、Github配置

新建同名仓库

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

这里需要注意的有两点

  1. 仓库名格式: username.github.io
  2. 仓库需要设置public,不能设置为private

配置Pages

在仓库主页点击Setting

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

这里的配置按照以下方式配置即可

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

OK,那么这里需要配置的完成了。

三、安装Hexo

这里需要注意的是,需要先确认安装好了node环境,并配置了环境变量,可以通过cmd输入 npm -v 命令确认

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

halo官网地址:https://hexo.io/zh-cn/

安装很简单,直接在cmd中输入 npm install hexo-cli -g 即可

此时,需要在本地建立一个仓库,这个仓库中的文件将来会同步到github上。

建立方式是在cmd中输入 hexo init ,需要说明的是,需要在指定目录执行该命令,我这里推荐一个简单的方式。

  1. 进入需要初始化仓库的文件夹下
  2. 左上角输入cmd
  3. 回车

这样打开的cmd窗口自动进入到当前目录了

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

这样就算是创建好了,可以看到生成了一堆文件

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

四、配置hexo-deployer-git

官方地址:https://github.com/hexojs/hexo-deployer-git

安装也很简单,直接在cmd中输入 npm install hexo-deployer-git --save

需要注意的是,执行该命令,需要在上面hexo初始化的仓库目录下执行,否则是没有用的。

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

执行完效果如上图

我们需要关注的是生成的_config.yml文件,这里我们打开这个文件,并对部分配置做修改。

  1. 修改url

    Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

  2. 修改deploy

    Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

  3. 这个配置可改可不改

    Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

修改完毕保存后,我们在cmd中执行命令 helo d 即可部署我们的项目,稍等几分钟,就能访问到了。

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

正常到这边就结束了,但是后续多上传几次后就会报错

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

这个原因可能是被限制了,我们需要配置token

打开github的settings

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

权限勾选第一个就行了

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

接下来我们需要在_config.yml中加上token

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

五、访问

我的路由是:https://zysicyj.github.io/

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

六、发布文章

官方文档:https://hexo.io/zh-cn/docs/commands

执行hexo -new 可以创建文件

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

执行上传命令 helo g && hexo d ,然后等几分钟,能看到文件已经同步上去了

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

七、安装主题

我是用的主题是bufferfly https://butterfly.js.org/posts/21cfbf15/#安裝

仓库根目录下拉取代码

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

修改_config.yml

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

安装插件

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

重新生成部署 hexo -g && hexo d

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

Hexo+GithubPages免费搭建个人博客网站,Hexo,博客搭建,Github Pages

后续的话还有不少可以优化的地方,比如hexo主题,分类和标签问题,图片显示问题等等,这个后续再写文章吧文章来源地址https://www.toymoban.com/news/detail-643497.html

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

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

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

相关文章

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

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

    2024年02月22日
    浏览(33)
  • 建站神器:Hexo+Kaze+Gitee Pages 搭建静态博客网站

    建网站本身是一个很大的工程,涉及前端页面的搭建,网站数据的存储,还要购置服务器资源,甚至是后期的维护,过程相当繁琐。 不过如果仅仅是想搭建个人的网站,写写博客,想要美观,又不想操心太多和写博客无关的事情。那么,Hexo + Kaze + Gitee Pages 的方式就很适合你

    2024年01月19日
    浏览(73)
  • 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)
  • 杂货铺 | 使用 Github Pages 和 Hexo 搭建自己的独立博客

    node.js安装,在安装时会自动安装npm。 Git安装,点击此处访问官网,按需下载对应版本,默认安装即可。 检验安装是否成功: Win + R 打开运行窗口,输入 cmd ,输入如下命令,有相应版本信息显示则安装成功。 若不正确可以卸载软件重新安装,此外若安装成功,在桌面右键鼠

    2024年04月27日
    浏览(26)
  • Hexo搭建个人博客(github)

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

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

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

    2024年04月22日
    浏览(51)
  • 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日
    浏览(51)
  • 【2023最新版】Hexo+github搭建个人博客并绑定个人域名

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

    2023年04月08日
    浏览(42)
  • 安卓手机使用Termux搭建Hexo个人博客网站【内网穿透公网访问】

    转载自cpolar极点云的文章:安卓手机使用Termux搭建Hexo个人博客网站【内网穿透公网访问】 Hexo 是一个用 Nodejs 编写的快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 下面介绍在Termux中安装个人hexo博客并结合cpolar工具

    2024年02月07日
    浏览(39)
  • 手机也可以搭建个人博客?安卓Termux+Hexo搭建属于你自己的博客网站【cpolar实现公网访问】

    Hexo 是一个用 Nodejs 编写的快速、简洁且高效的博客框架。Hexo 使用 Markdown 解析文章,在几秒内,即可利用靓丽的主题生成静态网页。 下面介绍在Termux中安装个人hexo博客并结合cpolar工具实现远程访问。 Hexo 是用 Nodejs 编写的,所以安装的话先安装node.js,termux 也是封装了,一行命

    2024年02月09日
    浏览(54)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包