当前位置: 首页 > article >正文

创建自己的Hexo博客

目录

  • 一、Github新建仓库
  • 二、支持环境安装
    • Git安装
    • Node.js安装
    • Hexo安装
  • 三、博客本地运行
    • 本地hexo文件初始化
    • 本地启动Hexo服务
  • 四、博客与Github绑定
    • 建立SSH密钥,并将公钥配置到github
    • 配置Hexo与Github的联系
    • 检查github链接访问hexo生成的博客

一、Github新建仓库

登录Github并在Github左上角点击“new”号新建用于存储博客数据的仓库。
在这里插入图片描述

新仓库名称与github用户名一致,后面加 .github.io 。
在这里插入图片描述

二、支持环境安装

Git安装

到git官网进行下载与安装,安装好后可以在控制台检查一下版本号。
在这里插入图片描述

Node.js安装

在Node.js官网下载安装。
安装好后可以在控制台检查一下版本号。
在这里插入图片描述

Hexo安装

cd 进入到打算存放文件数据的目录下,在控制台输入Hexo安装命令。

npm install -g hexo-cli

在这里插入图片描述

遇到“npm安装hexo遇到问题,无法成功安装?”该怎么办,需要进行哪些步骤呢?
npm安装hexo失败,可以进行以下操作:

首先,可以通过清理npm缓存,使用命令:npm cache clean --force来清除npm缓存,然后重新安装hexo。
如果前一步无效,可以检查node.js版本是否符合hexo的最低要求。
如果node.js版本正确,还可以检查网络连接以及npm源是否正常,可以使用命令:npm config set registry
https://registry.npm.taobao.org来切换npm源。 如果仍有问题,可以尝试卸载后重新安装npm和node.js。
需要注意的是,npm安装hexo失败的原因可能有很多,具体的解决方法需要具体问题具体分析。

hexo -v查看一下版本。
在这里插入图片描述

三、博客本地运行

本地hexo文件初始化

用hexo初始化自己的博客 yimiblog,名称可以自己起。

hexo init yimiblog
cd yimiblog
npm install

指定文件夹目录 yimiblog 下有:
node_modules: 依赖包
public:存放生成的页面
scaffolds:生成文章的一些模板
source:用来存放你的文章
themes:主题
_config.yml: 博客的配置文件
在这里插入图片描述

本地启动Hexo服务

命令行启动Hexo服务:

hexo g
hexo server

浏览器输入 localhost:4000 即可看到hexo帮你生成的博客。
在这里插入图片描述

四、博客与Github绑定

建立SSH密钥,并将公钥配置到github

命令行设置跟Github账户一样的用户名和邮箱,然后可以检查一下。

git config --global user.name "yourname"
git config --global user.email "youremail"

git config user.name
git config user.email

然后创建SSH,一直按回车即可。

ssh-keygen -t rsa -C "youremail"

在这里插入图片描述

可以在所显示的路径找到所创建的对应ssh密钥,其中 id_rsa 是私钥,保存在自己电脑上即可; id_rsa.pub 是公钥,可以放在github上,之后当本机链接远程的github时就会将本机私钥与github上的公钥进行匹配。
在这里插入图片描述
在Github上添加自己主机的SSH公钥。
在这里插入图片描述
点击“New SSH key”,
在这里插入图片描述
把 ide_ssh.pub 文件用记事本打开复制里面的内容到 key 输入框里。
在这里插入图片描述
在本机gitbash中检查是否能顺利进行公私钥匹配,建立本机与远程github的链接了。

ssh -T git@github.com
yes

在这里插入图片描述

配置Hexo与Github的联系

在之前生成的文件夹 yimiblog 里,打开 _config.yml 站点配置文件,翻到最底下,修改如下内容,其中“YimiYimi”是自己在Github上配置的用户名及仓库名。

deploy:
  type: git
  repo: git@github.com:YimiYimi/YimiYimi.github.io.git
  branch: master

在这里插入图片描述
其中repo这里用的是ssh的方式进行配置的,也可也选用http的方式进行配置,但用https的、方式的话,之后用hexo部署的时候有些不同,需要键入用户名密码之类的。也可在Github上查看到:
在这里插入图片描述

接下来,需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署hexo生成的博客到GitHub。
然后 hexo 依次清除之前生成的内容,重新生成静态文章,部署文章。

npm install hexo-deployer-git --save
hexo clean
hexo generate
hexo deploy

如果之前配置文件用的ssh方式部署repo,则显示如下效果已经可以了。
在这里插入图片描述
如果之前配置文件用的https方式部署repo,则如下。
在这里插入图片描述

检查github链接访问hexo生成的博客

访问github上配置的hexo链接,其中 “yimiyimi.github.io”是自己之前建立的仓库名字。

https://yimiyimi.github.io/

在这里插入图片描述
YimiYimi的博客顺利运行~


http://www.kler.cn/a/228999.html

相关文章:

  • 动态主机配置协议 (DHCPv4)介绍,详细DHCP协议学习笔记
  • Vue数据响应式,reaction,ref的使用
  • 2025.1.16——六、BabySQL 双写绕过|联合注入
  • Power Automate 实现字符串分割、替换、换行显示
  • 联通用户管理系统(一)
  • el-timeline时间线(Plus)左边图标改为自定义图片
  • 第8章 多线程
  • Postgresql体系结构
  • 【PTA函数题】6-2 约瑟夫环之循环链表
  • Hack The Box-Challenges-Misc-M0rsarchive
  • 【数据结构与算法】(7)基础数据结构之双端队列的链表实现、环形数组实现示例讲解
  • echarts使用之柱状图(一)
  • LeetCode--代码详解 2.两数相加
  • linux+rv1126/imx6ull:opencv静态库交叉编译(手把手百分百成功)
  • 每周AI新闻(2024年第5周)ChatGPT等多应用登陆 Vision Pro | 字节Coze国内版上线等
  • 小程序中picker多列选择器
  • Git工作中常用命令
  • 【Shell的运行原理以及Linux当中的权限问题】
  • Web后端:CSRF攻击及应对方法
  • Profinet转CANopen主站网关与堡盟编码器通讯案例
  • Spring Boot 依赖管理:spring-boot-dependencies vs spring-boot-starter-parent
  • 基于tidevice实现iOS app自动化使用详解
  • C#中的WebApi响应Accept头,自动返回xml或者json
  • 获取ping值最小IP
  • 2023年全球软件架构师峰会(ArchSummit上海站):核心内容与学习收获(附大会核心PPT下载)
  • 【漏洞库】O2OA系统