使用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中往下滑,找到链接
点击就可以访问了(由于我的已经绑定了域名,所以和最初的站点不一样)
域名解析
- 购买域名
- 在阿里云控制台中进行域名绑定
在博客的页面添加CNAME文件,并在里面记录自己域名的地址,将这个文件放在本地的博客文件夹的public目录下。
个性化主题
首先在浏览器https://hexo.io/themes/进入github官方主题界面,如图:
里面有非常多的主题,选择一个自己喜欢的,点进去 ,就比如说我选了这个:
先复制仓库下载主题:
下载完之后本地会有一个名叫:hexo-theme-matery的文件夹
更改一下hexo工程目录下的配置文件_config.yml,主题名修改一下即可
然后上传到,远程仓库就行了:
输入域名打开,完成!
上面是我新建的个人博客,里面什么还都没有,空空如也!