当前位置:   article > 正文

hexo+GitHub搭建个人博客

hexo+github搭建个人博客

准备

前言:看别人有一个自己的博客挺好的,反正都是程序员,为啥咱搞不出来,所以就网上搜索资料,依靠GitHub提供服务配合Hexo搭建个人博客,说来惭愧16年就有GitHub账号,一直不知道还有可以搭建博客的事情,哎~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~言归正传

开始

检查配置

win+R 输入cmd 回车
输入

C:\Users\dasha500>npm -v
6.4.1

  • 1
  • 2
  • 3

若没有出现版本号,进入nodejs官网:https://nodejs.org/en/,下载并安装好:
nodejs官网

为啥要检查这个呢,往下看↓
安装Git和配置好Git环境,请移步
查看一下版本
git版本
你若安装了可以跳过这一步骤
揭下来就是Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。
账户注册很简单,可能会耗时间这里就不讲了,直接新建项目,主要右上角有个加号,点击选择new repository
创建项目
输入名字,注意名字一定要以 账户名.github.io的格式
账户名
在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址就是https://你的项目名.github.io,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。
page

hexo安装

到这里准备工作已经结束了,咱们开始安装hexo
我是为了方便存储直接放到了我的移动硬盘里,你也可在D盘下新建一个文件夹在cmd中切换到该目录下
下面是我的目录
我的目录
之后直接输入

npm install hexo -g
  • 1

开始安装hexo,等待结束
输入

hexo -v
  • 1

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HC0PBxAY-1617673035387)
输入

hexo init
  • 1

初始化该文件夹,估计要等一下
看到后面的“Start blogging with Hexo!”,说明安装成功了
输入以下命令 安装所需要的组件

npm install
  • 1

然后输入 hexo g 这个是生成文件,之后输入hexo s

本地部署启动

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eu6XSfFn-1617672800811)
如出现下面的页面说明配置成功了
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kw9KZrfw-1617672800812)

hexo与GitHub联系起来

在你刚才创建的目录上右键 git Bash Here
输入

git config --global user.name "你的github用户名"
git config --global user.email "你的github邮箱"
  • 1
  • 2

设置Git的user name和email

输入

cd ~/.ssh
  • 1

,检查是否由.ssh的文件夹

输入命令

ssh-keygen -t rsa -C "你的邮箱"
  • 1

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iSXgXGBW-1617672800813)
回车,回车输入Y,回车回车回车~~就能生成密钥默认存储路径C:\Users\用户.ssh
输入

eval "$(ssh-agent -s)"
ssh-add ~/.ssh/id_rsa
  • 1
  • 2

添加密钥到ssh-agent,添加生成的SSH key到ssh-agent
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YbnsGvjb-1617672800814)
我们把刚才生成的密钥添加到github中,登录到github,右上角头像settings,
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DjGR0uk8-1617672800815)
左边菜单ssh and GPG keys 新建new ssh key
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EsvOBs5s-1617672800816)
把生成的id_rsa.pub文件记事本打开内容复制进去
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-m0jaWMgl-1617672800817)
输入ssh -T git@github.com,测试添加ssh是否成功。
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rArGTn7S-1617672800818)
如果看到Hi后面是你的用户名,就说明成功了
准备工作也好了,下面要配置怎么把hexo部署到github了

部署hexo

首先到你创建的目录下找到_config.yml文件
修改完善 deploy

deploy:
  type: git
  repository: git@github.com:123love123/123love123.github.io.git
  brabch: master
  • 1
  • 2
  • 3
  • 4

repository值就是你创建的github项目下的ssh
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-N9C1qgOb-1617673316058)
在生成部署之前需要安装一个扩展插件
输入

npm install hexo-deployer-git --save
  • 1

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ygzqEv0A-1617672800820)
好了之后就开始部署了
别人都是用命令

hexo d -g
  • 1

我不着用,为啥,我觉得有一个缺陷不知道是缓存还是什么每次都要等老长时间才能显示更新的东西,所以我认为是缺陷
我是这么干的

hexo g
hexo d
  • 1
  • 2

拆开来,先生成,再部署
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wrEwvh5r-1617672800821)
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7YlDssEQ-1617672800822)

结束

部署成功后访问你的地址:http://用户名.github.io
我之后修改了很多,修改了主题用的是next,机票,还添加了live2d,机票看板娘,而且是俩,为啥是俩呢本来自己看官方配置了一个挺好的,但是无意间看到别人整的还可以换衣服,我又找了度娘学习了一下,这是我的 博客地址,后续我会把我制作博客的过程全部记录下来,今天就就到这里
在这里插入图片描述

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/weixin_40725706/article/detail/907977
推荐阅读
相关标签
  

闽ICP备14008679号