Lazy loaded image
使用Hexo搭建博客的心得及教程
Words 1284Read Time 4 min
2025-2-4
2025-2-4
type
status
date
slug
summary
tags
category
icon
password

警告:这个文章是我在2020年写的,里面的内容极有可能已经过时

notion image

一、前言

 

0.这篇文章是早写的了

老博客崩了,这篇文章来自于老博客,是 2020-08-26 22:55:59 写的老东西了,是否仍适用请自行甄别。
 

1.为什么写这篇文章?

昨天开始,慢慢开始折腾博客,总结了一些翻车经验帮小白避一避坑,顺便说一下教程

2.声明

做的可能不好,有不足之处欢迎提出,我会进行改进。
图都放在GitHub,网络不好可能无法加载
现在做了分流,境内的走Coding的,其他的走Github的,那边都不会加载不出来了。

二、正文

1.什么是Hexo?

Hexo是一款基于Node.js的静态博客框架,可以方便的生成网页并托管在GitHub上。

2.搭建步骤

  • 注册GitHub账号
  • 创建个人仓库
  • 安装Git
  • 安装Node.js
  • 安装Hexo
  • 推送网站
  • 更换主题
  • 发布文章
  • 其他

3.开始

注册GitHub账号

notion image

创建个人仓库

notion image
notion image
notion image

安装Git

前往 Git官网 下载Git安装包
notion image
安装过程这里不演示,基本就是一直下一步
接下来,将Git与你的GitHub账号绑定
鼠标右键打开Git Bash
notion image
打开后按顺序输入
然后生成ssh密钥文件
然后三个回车
找到生成的.ssh文件夹中的id_rsa.pub密钥,将内容Ctrl+A,Ctrl+C 全部复制
notion image
然后打开 GitHub Settings Keys 页面
点击“New SSH Key”
notion image
notion image
接下来在Gie Bash中检测GitHub公钥是否设置成功
输入
notion image
出现如图现象则为成功。

安装Node.js

Hexo基于Node.js,Node.js下载地址
下载完成后测试是否安装成功
在命令行中输入
notion image
检测npm是否安装成功
在命令行内输入
notion image
到这里,安装Hexo所需的环境已经搭建完成

安装Hexo

安装Hexo

先在电脑内建立一个文件夹,Hexo框架和以后你自己发布的网页都会存在里面
创建完成后,进入文件夹中,点击右键,选择 Git Bash
notion image
使用npm命令安装Hexo,输入:
安装过程较长,请耐心等待
安装完成后,需要进行初始化,输入:
现在可以看到网站的雏形了
按顺序输入以下三条命令:
完成后,在浏览器打开输入以下网址:
localhost:4000
可以看到效果了

Hexo命令介绍

推送网站

打开你存放站点的文件夹,找到**_config.yml** 文件
找到最后一行的配置
记得把“repository”后的链接更换为你自己的GitHub项目地址
安装Git部署插件,输入命令
然后,按顺序输入以下三条命令
然后再浏览器打开“xxxx.github.io”
注意:xxxx请更换为你的GitHub用户名
此时你会发现你的博客已经成功上线,可以在网路上访问了

更换主题

默认的主题不是很好看,你可以选择更换一个好看的主题
查找主题可以前往 Hexo官网的主题板块(官网右上角可以切换中文)
这里推荐一个我自己用的模板,里面有中文说明,看看就懂了
https://github.com/blinkfox/hexo-theme-matery

发布文章

在博客根目录下右键打开Git Bash
输入
新建一篇文章
然后前往\_posts目录
会多出一个.md文件,在里面写文章就可以了
编写玩Markdown文件后
在博客根目录下右键打开Git Bash
输入
然后打开就能看到啦

其他

每个字都是手打的,如果有问题的话可以在下面留言,我看到会回复的
可能说的不是很清楚,请见谅
以后会补充更多关于主题和插件的内容
上一篇
使用Hexo搭建博客的心得及教程
下一篇
使用Hexo搭建博客的心得及教程

Comments
Loading...