小白搭建Hexo+Github博客

1. 简介

hexo+github搭建的博客优势有:
1. 交给Git服务器托管省去服务器费用
2. 省去自己开发成本,模板样式多(比较花哨)
3. 简单易用、基本满足学校需要

整体搭建成功的工具:windows环境+git+node.js+hexo

2. github仓库构建和git配置

2.1 安装git

去github官网注册一个账号,再下载一个git管理工具。git工具下载

2.2 配置git(针对第一次使用)

下载后需要配置一下git才能管理github项目。
先配置用户名与邮箱

  • git config --global user.name “你的用户名”
  • git config --global user.email “你的邮箱”

配置一下ssh密匙(没有配置git环境之前,~/.ssh是没有的)

  • cd ~/.ssh

使用ssh-keygen生成私钥和公钥

  • ssh-keygen -t rsa -C “上面设定的邮箱”

注意这个密匙保存的位置,后面要用的。例如我的在c/Users/lfb/路径下。

  • Your identification has been saved in /c/Users/lfb/.ssh/id_rsa.
  • Your public key has been saved in /c/Users/lfb/.ssh/id_rsa.pub.

把本地公钥添加到github中

在GitHub中,点击右侧图像下拉选项,选择“Settings”,在“SSH and GPG keys”中,点击“New SSH key”,并将~/.ssh/id_rsa.pub文件里的内容复制上去,保存退出;
第一步第二步
使用“ssh -T git@github.com”命令,测试添加ssh是否成功;

ssh -T git@github.com
......
Hi lfb637! You've successfully authenticated, but GitHub does  not  provide shell access.

2.3 创建github仓库

打开GitHub,点击“New repository”,创建一个新仓库;仓库名要按照格式:“项目名”.github.io(一定要标注.github.io),比如我的:myblog.github.io;否则,后边的操作会出现问题;创建仓库时勾选上“Initialize this repository with a README”;
创建仓库
创建项目
进入创建好的仓库myblog.github.io,点击右侧的“Settings”,向下拉找到Github Pages,会看到默认网址:https://myblog.github.io/ 。这 个网址是可以访问的。这时这个博客项目已经部署到git服务器上了,但是个空的网站,没有内容。后面讲解绑定自己购买的域名。
git服务器挂载博客

3. node.js安装和环境配置

3.1 下载及安装

由于hexo基于nodejs,所以在使用hexo之前需要安装nodejs。依照自己环境下载对应版本,我下载的是node-v12.18.1-x64.msi版本。nodejs下载

3.2 环境配置

环境配置我就不详细说了,可以参考这个链接。nodejs环境安装。 建议按文章设置下全局环境。减少系统盘存储空间(后面博客中hexo下载的文件默认都是在系统盘)
你可能会碰到这种情况在使用npm时在终端(cmd)可以,但在git工具的gitbash中失败,这种情况建议直接用终端即可。gitbash cmd

4. Hexo安装及配置

4.1 安装Hexo

先建立一个文件j夹(用来存放所有博客的东西),然后cd到该文件夹下。
下载hexo:

  • npm install hexo -g

查看下版本,检查hexo是否安装成功

  • hexo -v

4.2 初始化Hexo文件夹

  • hexo init

若看到“Start blogging with Hexo!”,代表初始化完成。Hexo文件夹有:
Hexo文件夹

4.3 Hexo部署操作

  • hexo clean #清理下文件
  • hexo g #generate 生成静态文件
  • hexo s #server 启动服务(默认网址: http://localhost:4000/)

启动服务再浏览器输入http://localhost:4000/,若出现下面这个页面则博客建立成功。Hexo初始博客生成

4.4 将git库和hexo链接

配置Deployment
在创建的博客文件夹中(我的:d:/myblog),找到_config.yml文件,在末尾的**deploy:**处添加下面信息

  • deploy:
  • type: git
  • repository: git@github.com:lfb637(github用户名)/myblog.github.io(项目名)
  • branch:master

将博客部署到git,需要安装hexo-deployer-git插件,在blog目录下运行以下命令进行安装;

  • npm install hexo-deployer-git --save

注意:修改根目录下_config.yml文件后,需要使用重新部署一下,否则修改内容不会生效;

  • hexo clean
  • hexo g
  • hexo d

或clean后直接(生成并提交到git):

  • hexo g -d

创建成功后,会在博客文件夹中的source/_posts/目录生成一个hello-world.md文件;
至此Hexo+Github博客已建立。

5. 绑定域名

首先以购买域名,实名认证、域名备案为前提。
解决完上述问题之后,打开域名控制台,设置域名解析,添加两个CNAME解析,主机记录分别为www和@,记录值都是项目名称xxx.github.io
完成后,在git项目页面点击setting,下拉找到custom domain,将其值设置为你的域名,点击保存即可。
域名解析
添加记录
t添加CNAME

6. 更换主题

参考博客:更换主题
注意:该文章里面写的在根文件夹中修改主题有误,应该是在配置文件_config.yml中改成这样:修改主题

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值