github+hexo创建个人博客

环境准备

下载安装git

git下载地址:https://git-scm.com/download/win

下载安装node.js

node.js下载地址:http://nodejs.cn/download/

检查git和node.js是否安装成功

git安装后

打开cmd

git --version #查看git版本
node -v #查看node版本
npm -v #查看npm版本

安装hexo

npm install -g hexo-cli

博客搭建

本地博客

在桌面打开git bash here

hexo init 文件夹名
cd 文件夹名

其中文件夹名就是你以后博客要上传下载的文件夹,我个人命名为:bolg,然后扫描进入该文件夹blog

进行到这里,再进行下面的操作就可以在本地打开hexo的博客网站了

hexo clea
hexo g
hexo s

这些命令的作用,在文章下面会说到
接着,在浏览器中输入 localhost:4000 就可以看到生成的博客页面了。

ctrl + c 可以关掉服务。

通过github搭建博客

GitHub创建个人仓库

1.首先,你先要有一个GitHub账户,去注册一个吧。

2.注册完登录后,在GitHub.com中看到一个New repository,新建仓库。

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

生成 SSH 添加到 github 仓库

git bash here

git config --global user.name "yourname"
git config --global user.email "youremail"

其中,yourname就是你github的用户名,youremail就是你github的邮箱
检查上面步骤是否成功

git config user.name
git config user.email

然后创建SSH,一路回车

ssh-keygen -t rsa -C "youremail"

这个时候它会告诉你已经生成了.ssh的文件夹。在你的电脑中找到这个文件夹。这个文件夹就是在用户文件夹里面,有个.ssh文件夹,打开可以看到

ssh文件
而后在 github 的 setting 中,找到 SSH keys 的设置选项,点击 New SSH key 把你的 id_rsa.pub 里面的信息复制进去。
添加ssh
之后,在 gitbash 中输入以下指令,查看是否 SSH 是否已绑定成功。

ssh -T git@github.com

将 hexo 部署到 github

这一步,我们就可以将 hexo 和 github 关联起来,也就是将 hexo 生成的文章部署到 github 上,打开站点配置文件 _config.yml,翻到最后,进行如下修改即可,CQCQCQY改为你的 github 账户用户名。

deploy:
  type: 'git'
  repo: 'https://github.com/CQCQCQY/CQCQCQY.github.io.git'
  branch: main

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

npm install hexo-deployer-git --save

进行部署

hexo clean
hexo generate
hexo deploy

hexo clean 清除了你之前生成的东西,可以用 hexo cl

hexo generate 生成静态文章,可以用 hexo g 缩写

hexo deploy 部署文章,可以用 hexo d 缩写

等到你收到 github 和 hexo 对接起来的邮件或者弹窗,到时候你访问 http://你的用户名.github.io 这个网站看到你自己的博客了!

上传文章

可以通过 typora 新建 .md 文件,其中 typora 下载地址:https://download.typora.io/windows/typora-update-x64-1117.exe
.md 文件夹 blog 目录下的 \blog\source\_posts中,如图
上传文件到hexo和github
然后在 git bash here,依次执行下面代码

hexo cl
hexo g
hexo d

上传操作
参考自:https://segmentfault.com/q/1010000018159092

若出现下面错误,不要怕,应该是网络原因,重复上面三个命令应该就可以了
128错误

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值