喜迎
春节

hexo部署到github


本篇主要介绍如何把我们的博客网址部署到github

本地环境搭建

1.安装Git

到git官网上下载.exe文件,Download git,安装选项还是全部默认,最后一步添加路径时选择Use Git from the Windows Command Prompt

2.安装Nodejs

Node.js官网下载.exe文件,安装选项全部默认。安装好之后,按Win+R打开cmd命令提示符,输入node -vnpm -v,若出现版本号,则说明安装成功。

使用npm阿里的国内镜像进行加速下载

npm config set registry https://registry.npm.taobao.org

4.安装Hexo

先创建一个文件夹MyBlog,用来存放自己的博客文件,然后cd到这个文件夹下(或者在这个文件夹下直接右键git bash here打开)。

定位到该目录下,输入npm install -g hexo-cli安装Hexo。可能会有几个报错,不用理会。

npm install -g hexo-cli

安装完后输入hexo -v,若出现版本号则,说明安装成功。

接下来初始化一下hexo,即初始化我们的博客,输入hexo init初始化文件夹

hexo init MyBlog

新建完成后,指定文件夹MyBlog目录下有:

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题**
  • _config.yml: 博客的配置文件**

输入hexo g生成静态网页,然后输入hexo s打开本地服务器预览

hexo g
hexo s

Hexo


注册github账号并创建个人仓库

然后如下图所示,输入自己的用户名.github.io后缀,README初始化也要勾上

要创建一个和你用户名相同的仓库,后面加.github.io,只有这样,将来要部署到GitHub page的时候,才会被识别,也就是http://xxxx.github.io,其中xxx就是你注册GitHub的用户名。例如我的:http://123mfd.github.io


生成SSH添加到GitHub

生成SSH添加到GitHub,连接Github与本地。
右键打开git bash here,然后输入下面命令:

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

用以下两条,检查一下你有没有输对

git config user.name
git config user.email

然后创建SSH,一路回车

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

这个时候它会告诉你已经生成了.ssh的文件夹。在git bash中输入

cat ~/.ssh/id_rsa.pub

将输出的内容复制到框中,点击确定保存。

打开github,在头像下面点击settings,再点击Deploy keys,新建一个SSH,名字随便取一个都可以,把你的id_rsa.pub里面的信息复制进去。如图:

git bash输入ssh -T git@github.com,如果如下图所示,出现你的用户名,那就成功了。

ssh -T git@github.com

将hexo部署到GitHub

hexo生成的文章部署到GitHub上,打开博客根目录下的_config.yml文件,这是博客的配置文件,在这里你可以修改与博客配置相关的各种信息。
找到如下配置进行修改:

deploy:
 type: git
 repo: https://github.com/123mfd/123mfd.github.io
 branch: main

repo修改为你自己的github项目地址即可,就是部署时,告诉工具,将生成网页通过git方式上传到你对应的链接仓库中。

这个时候需要先安装deploy-git ,也就是部署的命令,这样你才能用命令部署到GitHub

npm install hexo-deployer-git --save

然后就可以部署提交到github,过一会儿就可以在http://yourname.github.io 这个网站看到你的博客了

hexo clean
hexo generate
hexo deploy

其中 hexo clean清除了你之前生成的东西。 hexo generate,生成静态文章,可以用 hexo g缩写 ,hexo deploy部署文章,可以用hexo d缩写

注意deploy时需要你输入usernamepassword


文章作者: starFd
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 starFd !
评 论
 本篇
hexo部署到github
hexo部署到github
本篇主要介绍如何把我们的博客网址部署到github 本地环境搭建1.安装Git 到git官网上下载.exe文件,Download git,安装选项还是全部默认,最后一步添加路径时选择Use Git from the Windows Co
2022-06-18
下一篇 
hexo部署到阿里云
hexo部署到阿里云
由于博客部署到github存在访问速度慢等一些问题,我们可以部署到自己的服务器上。 环境准备 本地环境:Windows 10 云服务器环境:阿里云ECS(CentOS7.x) 开始部署 本地环境搭建1.安装Git 到git官网上下载
2022-06-18
  目录