利用nodejs下的hexo框架迅速搭建github博客,以及后续的更改博客内容

该文章详细介绍了如何搭建个人GitHub博客,包括下载必要的工具(nodejs,Git),安装hexo框架,创建GitHub仓库,生成SSHKeys,设置SSHKey,初始化博客内容,本地预览博客,以及将博客发布到互联网的步骤,涉及到配置_config.yml文件,使用hexo-deployer-git自动部署工具和生成GitHub令牌等关键操作。
摘要由CSDN通过智能技术生成

一、搭建github博客需要的工具

一、nodejs下载

Node.js — Run JavaScript Everywhere

二、Git下载

Git

以上下载后,在cmd环境下输入


node -v
npm -v
git --version

通过此指令判断工具是否下载并安装

三、在cmd环境下下载hexo框架

npm install hexo-cli -g

下载完成后通过hexo -v指令判断是否下载完成

以上所有工具准备完毕

二、搭建Github仓库

在右上角单击三角号下拉列表点击Your repositories

点击New新建仓库

在Repository name上写

你的初始id.github.io

初始id在右上角

以及Add a README file点上勾

三、生成SSH Keys

进入任何一个文件夹中使用Git Bush功能,如博主是在F盘下新建了一个MyBlog文件

右键单击空白处

进入Git Bush页面输入ssh

生成ssh:(这里要注意Git Bush环境里不能ctrl+v粘贴,要右键粘贴),邮件地址改为自己邮件地址

ssh-keygen -t rsa -C"邮件地址"

输入后,按四下回车

此时你的.ssh文件已经生成,具体位置在你的用户文件里,例如博主的文件位置如图

如图.ssh文件已经生成,此时证明你创建文件成功

进入.ssh文件找到

将其用记事本或notepad++打开,复制其中内容

再次打开你的github网页,点击自己,进入Settings

在左侧UI栏找到SSH and GPG keys

其中Title可以取自己喜欢的名字,把在id_rsa.pub中复制的内容直接粘贴在Key中点击Add SSH key

如何判断自己的ssh添加成功,在Git Bush中输入

ssh -T git@github.com

出现Hi 用户名!successfully即为添加成功

四、在本地生成博客内容

一、安装hexo

在刚才新建的空文件夹MyBlog中进入Git Bush

写入安装hexo的代码

npm install -g hexo

接下来进行hexo初始化,输入

hexo init

当显示这些时证明你已经初始化成功了,相对应你的文件夹中也会多出许多文件,这些就是hexo框架的文件

二、生成本地博客(记住这步操作)

还是在Git Bush中输入代码

hexo s

自己的本地博客就已经可以显示出来了,我们复制网址的超链接到网页中

网页就被创建完成了,是不是非常方便快捷

五、将博客发布到互联网

一、修改_config.yml文件

我们需要修改其中的deploy

修改成什么呢?我们修改成(每一个冒号后面都需要一个空格记住!!!)

deploy:
  type: git
  repository: 在你存储博客仓库中的地址
  branch: main

上述repository:的地址在你github中存储博客的仓库中找到Code下面就有你的地址了

二、Git Bush操作

1.在MyBlog文件下右键Git Bush

输入指令安装hexo-deployer-git自动部署发布工具

npm install hexo-deployer-git --save

2.生成文件的命令hexo g

hexo g

3.生成令牌,这里非常重要,要将生成的令牌存储起来

在Settings中找到Developer settings点击进入后

找到Tokens,新建一个Token并将其存储起来

下面的勾选项是权限,可以全部勾选

4.上传网页的命令!!!!非常重要hexo d

hexo d

输入后等待输入用户名和密码(token)

用户名是你自己创建GitHub的初始用户名,密码是刚才创建的token!!!!!

这里一定注意密码是刚才第三步创建的token!

你的博客已经搭建完成了,后续大家可以去hexo的官网查找各种主题以及进行更改

Hexo

六、添加博客内容

在MyBlog内找到source下的_posts文件

你可以在posts中新建.md文件在文件中编写内容并上传博客

还是在Git Bush中写入hexo g生成本地静态文件后,通过hexo d上传网页

七、删除博客

删除在上述_posts文件夹下的.md文件,删除MyBlog中的.deploy_git文件夹

完成后在Git Bush中输入代码hexo clean以及hexo g(两次)最后用指令hexo d上传到git中完成

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小金多睡覺

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值