前言
此教程使用hexo配合github搭建
具体参考:https://xuqingsakura.github.io/2024/05/19/%E4%BD%BF%E7%94%A8hexo%E6%90%AD%E5%BB%BA%E4%B8%AA%E4%BA%BA%E5%8D%9A%E5%AE%A2/
准备工具
首先需要下载nodejs和git两个工具
[nodejs] https://nodejs.org/en/download/prebuilt-installer
[git] https://git-scm.com/download
点击上面链接即可下载
安装时一直点确定即可接下来检查是否安装成功
打开cmd输入npm -v(他是node附带的)
node -v
git -v
搭建仓库
成功下载工具后,进入GitHub开始搭建GitHub储存静态页面的仓库
首先注册/登录
[Github] https://github.com/
点击Create a new repository进入新仓库页面
仓库名输入用户名.github.io
勾选Public和Add a README file
最后点击create创建仓库
生成SSH Keys
进入任意文件夹,右击空白处点击Git bash here,输入ssh-keygen -t rsa -C "邮件地址"
然后敲4下回车
进入C:\User\用户名,找到.ssh文件夹进入
用记事本打开里面的id_rsa.pub文件,全选复制里面的内容打开GitHub
进入用户设置,找到SSH keys
新建SSH keys,名称随意,在下面粘贴刚才复制的内容
然后点击创建测试是否成功
在git bash中输入ssh -T [email protected]
回车,然后输入yes
出现successful就表示成功了
到这里前面的准备工作就结束了,下面开始进行博客的搭建开始搭建博客
首先在你想要存放博客文件的位置创建一个文件夹(名字任意)例如:blog或者boke文件夹
然后进入该文件夹打开Git bash here下载hexo
在Git bash here里面输入npm install hexo-cli -g生成本地博客内容
下载完成之后再输入hexo init
如果出现'command not find',就在前面加上npx,如:npx hexo init
然后输入hexo install
接下来一次输入hexo g
hexo s
如果不成功就重复到成功为止,因为国内与GitHub连接不稳定
成功之后可以复制生成的链接进入游览器看到生成的本地服务器
然后回到命令行,ctrl+c关闭本地服务器上线博客
进入之前的创建的博客文件夹,用记事本或者vscode打开_config.yml文件
拉到最下面将deploy下面的内容全部删掉,复制粘贴下面这段type: gitrepository:branch: main
注意缩进格式:每行前面都有两个空格不要删,每个冒号后面都有个空格也不要删!!!
然后到GitHub之前生成的仓库页面,点击code,复制htps链接
将其粘贴到repository: 后面保存退出
回到博客文件夹
打开Git bash here
安装自动部署发布工具npm install hexo-deployer-git --save
然后依次输入hexo g(生成)hexo d(上传)
如果是第一次使用git的话会需要配置git config --global user.email "你的邮箱"git config --global user.name "你的名字"
配置完后再使用hexo d上传
在跳出的窗口进行登录操作
这样就成功的把本地内容上传到GitHub了
上传成功以后就算搭建好了
博客网址是之前设的仓库名:用户名.github.io
现在就可以上网址看我们搭建的博客了网站资料
目前我们的博客标题还是默认的hexo,整个页面都是默认的样子,接下来可以对其进行修改
打开博客文件夹中的_config.yml文件
将#Site下面按照自己的需求填上# Sitetitle: 标题subtitle: 副标题description: 描述keywords: 关键字author: 站主language: 语言(可以填zh-CN)timezone: 时区(可以填Asia/Shanghai)
然后点保存上传文章
我们在博客文件夹中打开Git bash here输入hexo n 文章标题
就可以生成新的文章md文件
文章格式是.md格式在博客文件夹的/source/_posts中
推荐用Typora软件编辑.md格式文件
Typora官网:https://www.typoraio.cn/
也可以使用vscode进行编辑
然后就可以打开.md文件就可以开始写文章了
写好之后就可以上传了,打开Git bash here输入hexo ghexo d
就可以完成上传操作
到这里我们的博客搭建就基本上完成了,剩下的就是对博客的优化和美化了
有问题可以留言探讨
感谢大家观看!!!
标签:git,hexo,手把手,博客,文件夹,bash,输入,搭建 From: https://blog.csdn.net/m0_59339540/article/details/139052553