欢迎使用CSDN-markdown编辑

使用hexo+github搭建免费个人博客详细教程

在学习的过程中,能够逻辑清晰的把知识记录下来,是一项很不错的技能。很多大牛都有写博客的习惯,比如CSDN等各大平台,但是近来,很多大牛都已经抛弃了CSDN,转而搭建个人博客,由此我也试着花时间搭建了基于hexo+GitHub的个人博客。

搭建环境准备:

1.安装Git: Git下载包(64位) Git下载包(32位)
	**(官网下载):https://git-scm.com/download/win**
安装git(按照图上选择即可)

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
Git安装结束 下面检查Git是否安装正确
输入

git --version

出现如下图就代表安装成功:

在这里插入图片描述

2.下载Node.js安装文件(现在电脑基本都是64位的,下载时请注意)

安装node.js
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
node.js安装步骤结束
**检查node是否安装正确 **
输入下面两条指令

node -v
npm -v

出现如下图就代表安装成功:
在这里插入图片描述

3.安装hexo

首先在本地磁盘中建立一个Hexo文件夹用于存储本地文件(做本地文件保存以及测试使用)
在这里插入图片描述
然后在文件夹中右击打开git命令框
在这里插入图片描述
**进入Git命令框
在这里插入图片描述
全局配置设置到淘宝源:
在Git命令框中输入npm config set registry https://registry.npm.taobao.org
在这里插入图片描述

4.安装hexo插件

输入以下代码:

  cd / #进入根目录,实际上是git安装的根目录 
  pwd /
npm install hexo-cli -g #安装hexo,阿里云源 大概10s安装

在这里插入图片描述
安装之后,输入以下代码:

cd / 
hexo init Hexo 
cd /Hexo 
npm instal 
hexo generate(可简写为hexo g) 
hexo sever(可简写为hexo s)

在这里插入图片描述
在这里插入图片描述
看到网址,说明本地搭建完成
粘贴到浏览器即可访问
效果如下:
在这里插入图片描述
假如4000打不开,换一个端口,输入以下代码:

hexo s -p 5000    

本地搭建hexo博客插件完成。

上传hexo博客的静态文档到GitHub

创建储存桶
新建一个仓库,项目名一定要是用户名.github.io的形式(README.md可选可不选)
我的用户名为L-shuai,所以我的仓库名一定要是L-shuai.github.io
在这里插入图片描述
配置SSH-Key

设置全局配置user.name 和user.email

git config –-global user.name “L-shuai"( 账号是刚才Github里面自己注册的账号) 
git config –-global user.email “1472174772@qq.com " ("  邮箱是你自己注册的邮箱)

生成SSH密钥设置到Github(需先设置user.name和user.email)

cd ~/.ssh 
ssh-keygen -t rsa -C “1472174772@qq.com"//打自己的邮箱

在这里插入图片描述
**设置ssh key到GitHub
默认生成ssh key在C:\Users\username.ssh文件夹中,复制 id_rsa.pub文件到 github->settings->SSH and GPG key->new ssh key 如图 **
在这里插入图片描述
把里面的代码,复制Github的SSH keys中
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

同步代码

使用hexo deploy部署需要安装一个插件:
Git命令框中输入:

npm install hexo-deployer-git --save

找到blog目录下的配置文件_config.yml,用编辑器打开此文件找到此文件中的deploy字段,按照以下配置deploy:

type: git
repo: git@github.com:L-shuai/L-shuai.github.io.git//写你的用户名
branch: master

然后在命令行中执行

hexo d

此时已经同步代码到GitHub了。

在这里插入图片描述
Settings中往下滑,找到链接
在这里插入图片描述
点击就可以访问了(由于我的已经绑定了域名,所以和最初的站点不一样)
在这里插入图片描述

域名解析
  1. 购买域名
  2. 在阿里云控制台中进行域名绑定

在这里插入图片描述
在这里插入图片描述
在博客的页面添加CNAME文件,并在里面记录自己域名的地址,将这个文件放在本地的博客文件夹的public目录下。
在这里插入图片描述
在这里插入图片描述

个性化主题

首先在浏览器https://hexo.io/themes/进入github官方主题界面,如图:
在这里插入图片描述
里面有非常多的主题,选择一个自己喜欢的,点进去 ,就比如说我选了这个:在这里插入图片描述
在这里插入图片描述
先复制仓库下载主题:
在这里插入图片描述
下载完之后本地会有一个名叫:hexo-theme-matery的文件夹
在这里插入图片描述
更改一下hexo工程目录下的配置文件_config.yml,主题名修改一下即可
在这里插入图片描述
然后上传到,远程仓库就行了:
在这里插入图片描述
输入域名打开,完成!
在这里插入图片描述
在这里插入图片描述
上面是我新建的个人博客,里面什么还都没有,空空如也!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值