使用Hexo搭建博客的心得及教程

type

Post

status

Published

date

Jul 2, 2021

slug

hexo1

summary

使用Hexo搭建博客的心得及教程

一、前言

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账号

前往 GitHub官网

创建个人仓库

安装Git

前往 Git官网下载Git安装包

安装过程这里不演示，基本就是一直下一步

接下来，将Git与你的GitHub账号绑定

鼠标右键打开Git Bash

打开后按顺序输入


git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"

然后生成ssh密钥文件


ssh-keygen -t rsa -C "你的GitHub注册邮箱"

然后三个回车

找到生成的.ssh文件夹中的id_rsa.pub密钥，将内容Ctrl+A，Ctrl+C 全部复制

然后打开 GitHub Settings Keys 页面

点击“New SSH Key”

接下来在Gie Bash中检测GitHub公钥是否设置成功

输入


ssh git@github.com

出现如图现象则为成功。

安装Node.js

Hexo基于Node.js，Node.js下载地址

下载完成后测试是否安装成功

在命令行中输入


node -v

检测npm是否安装成功

在命令行内输入


npm -v

到这里，安装Hexo所需的环境已经搭建完成

安装Hexo

先在电脑内建立一个文件夹，Hexo框架和以后你自己发布的网页都会存在里面

创建完成后，进入文件夹中，点击右键，选择 Git Bash

使用npm命令安装Hexo，输入：


npm install -g hexo-cli

安装过程较长，请耐心等待

安装完成后，需要进行初始化，输入：


hexo init blog

现在可以看到网站的雏形了

按顺序输入以下三条命令：


hexo new post "test1"
hexo g
hexo s

完成后，在浏览器打开输入以下网址：

localhost:4000

可以看到效果了

Hexo命令介绍


安装Hexo
npm install hexo -g
升级Hexo
npm update hexo -g
初始化
hexo init
新建文章
hexo new "名称"
可简写为
hexo n "名称"
生成
hexo generate
简写
hexo g
启动服务预览
hexo server
简写
hexo s
部署
hexo deploy
简写
hexo d
清理缓存
hexo clean

推送网站

打开你存放站点的文件夹，找到**_config.yml** 文件

找到最后一行的配置


deploy:
  type: git
  repository: https://github.com/xyfx666/xyfx666.github.io
  branch: master

记得把“repository”后的链接更换为你自己的GitHub项目地址

安装Git部署插件，输入命令


npm install hexo-deployer-git --save

然后，按顺序输入以下三条命令


hexo clean
hexo g
hexo d

然后再浏览器打开“xxxx.github.io”

注意：xxxx请更换为你的GitHub用户名

此时你会发现你的博客已经成功上线，可以在网路上访问了

更换主题

默认的主题不是很好看，你可以选择更换一个好看的主题

查找主题可以前往 Hexo官网的主题板块（官网右上角可以切换中文）

这里推荐一个我自己用的模板，里面有中文说明，看看就懂了

https://github.com/blinkfox/hexo-theme-matery

发布文章

在博客根目录下右键打开Git Bash

输入


hexo new post "标题"

新建一篇文章

然后前往\_posts目录

会多出一个.md文件，在里面写文章就可以了

编写玩Markdown文件后

在博客根目录下右键打开Git Bash

输入


hexo g //生成静态网页
hexo s //本地预览效果
hexo d //上传到GitHub

然后打开就能看到啦

其他

每个字都是手打的，如果有问题的话可以在下面留言，我看到会回复的

可能说的不是很清楚，请见谅

以后会补充更多关于主题和插件的内容