v1nn0

天行健,君子以自强不息。

2022 Hexo & Github 搭建Blog

Hexo是一款著名的博客框架,其一向以简洁快速著称,我的博客就是以它为基础搭建的,而且全程不需要花一分钱
文字教程

需要准备

  • 一台电脑(废话)
  • node.js的环境
  • 一个Github账号
  • Git
  • 一个聪明的大脑(我相信你一定有的)

前期准备步骤

Node.js官网下载
Node.js
选择你所使用的系统和他相应的安装包。windows建议msi
安装好后打开终端输入

1
node -v

如果有版本号就说明安装成功

Git官网下载
GIt

准备好的话就可以开始搭建了

搭建过程

新建博客文件夹
在任何地方新建一个文件夹,名称随意,这里建议不要放在C盘,我的名称叫Blog,你也可以使用这个名字(随便起但你要记住)
下载Hexo文件
打开windows终端,cd到你的博客文件夹
输入

1
npm install hexo-cli -g

跑完命令后输入hexo -v检查是否安装成功,显示版本号即为成功
接着输入

1
hexo init

不出意外的话,最后一句话应该是“Start blogging with Hexo!”
如果没有的话,不出意外,应该是出意外了
如果你成功了,这时你的文件夹里应该会出现一堆文件
输入

1
hexo s

并打开浏览器访问

1
http://localhost:4000/

就可以看到你的博客在本地运行起来了,好好欣赏一下吧
欣赏完必须关闭它,不要急着关闭终端,按下
Ctrl+C
他就会关闭了
修改配置文件
打开终端cd到博客文件夹,输入

1
hexo clean && hexo g && hexo clean && hexo s

并访问

1
http://localhost:4000/

现在在终端按下Ctrl+C来停止本地访问
下面来更改博客的内容
打开_config.yml文件,同时对照以下列表修改内容

title 网站标题

subtitle 网站副标题

description 网站描述

keywords 网站的关键词。支持多个关键词。

author 您的名字

language 网站使用的语言。对于简体中文用户来说,使用不同的主题可能需要设置成不同的值,请参考你的主题的文档自行设置,常见的有 zh-Hanszh-CN

timezone 网站时区。Hexo 默认使用您电脑的时区。请参考 时区列表 进行设置,如 America/New_York, Japan, 和 UTC 。一般的,对于中国大陆地区可以使用 Asia/Shanghai
更改好后保存退出,同样执行

1
hexo clean && hexo g && hexo clean && hexo s

并访问

1
http://localhost:4000/

但你一定要记住,执行完hexo s的命令后一定不要关闭终端,在你想停止本地访问的时候切到终端按下熟悉的Ctrl+C
上传到Github开启访问
用资源管理器打开你的博客文件夹并右键选择Git bash here,如果没有该选项,请检查你的git安装是否正确
打开后输入

1
ssh-keygen -t rsa -C “你注册github时的邮箱”

按回车,出现内容再按回车,出现内容再按回车,出现内容再按回车,四次回车,好的
出现ssh的方框框就说明成功了
资源管理器打开
C:\用户(或者User)\你的用户名.ssh
在这个文件夹里找到一个名为id.rsa.pub的文件,不要找错了,注意看下右侧的时间,要和你生成key的时间相吻合。打开那个文件复制里面的全部内容
打开浏览器,github,登陆一下
点击右上角头像旁的小三角,选择setting
在出现的页面左侧选择SSH and GPG keys
点击右侧New SSH Key
title随便起个名字,把你刚才复制的那一大长串字粘贴到下面的key
点击add ssh key保存即可
打开你的git bash,输入

1
ssh -T git@github.com

如果出现了你的github用户名说明绑定成功,可以进行下一步骤
打开github,新建一个仓库(不是吧,你不会连仓库都不会建吧??)
起名为你的github用户名.github.io
并开启生成README文件
选择public
创建仓库
下面进行仓库连接
复制你的仓库网址,打开本地博客文件夹里的_config.yml
把最后一行的

1
2
deploy:
type: git

替换为

1
2
3
4
deploy:
type: git
repository: 你的仓库链接
branch: main

保存并退出
打开windwos终端,cd到你的博客文件夹
输入

1
npm install hexo-deployer–git --save

1
cnpm install hexo-deployer-git --save

你可以挨个试试,第一个报错了就用第二个
完成后输入

1
hexo g

生成页面,再输入

1
hexo clean

然后

1
hexo d

他就开始向github上传文件了
你可以打开github看看你的仓库,如果里面出现一些文件就说明成功了
访问

1
https://你的github用户名.github.io

这就是你的博客了,成功!

写作方法

Hexo博客的文章撰写采取markdown格式,所以我们需要一个markdown编辑器,网上有很多,可以找找,我用的是Stack Edit,一款在线编辑器,他有下载到桌面的功能,可以满足我们的基础使用
打开windows终端,输入

1
hexo new "你的新文章的标题"

这样就新建了一个文章,打开

1
博客文件夹\source\_posts

里面就是存放文章的地方,你可以看到一个和你刚刚创建的文章同名的md文件,打开它开始编辑吧
编辑完成后保存退出,打开windows终端,输入

1
hexo clean && hexo g && hexo s

访问

1
http://localhost:4000/

预览一下你的文章,确认无误后,再在终端输入

1
hexo clean && hexo g && hexo clean && hexo d

等待一会你的文章就上传完毕了,打开

1
你的github用户名.github.io

即可看到你的博客啦

-------------本文结束 感谢阅读-------------