基于MacOS搭建Hexo静态博客—保姆教程

前言

在开始搭建属于我们的博客时,我们首先来一起说一下为什么要搭建一个属于自己的博客,在搭建博客的过程中我们不仅可以对些未知的知识进行探索,而且还可以对一些已知的知识进行巩固。搭建好属于我们自己的博客之后可以对我们平时学习生活进行记录,整理一些属于自己的笔记。最为重要的是在进入职场面试时,会成为我们的加分项。古人云:故不积跬步,无以至千里;不积小流,无以成江海。
为什么选择静态博客?静态博客对于新手比较友好,不需要太多的编程语言知识,可以帮助我们快速拥有一个属于自己的博客,然而动态博客需要拥有一定的编程语言基础以及计算机相关的知识体系。对于学有余力的同学之后可以搭建一个属于自己的动态博客。

注:如果在搭建博客的过程中遇到问题可以私信我,或者发送邮件到lq844040753@163.com

Hexo常用命令

hexo clean    //清除public文件夹,重新部署之前的步骤
$ hexo generate //修改配置或者提交新文章后都需要重新部署,主要是生命public文件夹里面的内容
$ hexo deploy   //将更新后的的博客上传至你的github空间

环境搭建

打开终端Terminal(Windows打开cmd)切换至root用户

sudo su
  • Node.js (Node.js 版本需不低于 10.13,建议使用 Node.js 12.0 及以上版本)
    官网下载node.js,然后无脑下一步安装成功
node -v		//v14.17.3
npm -v		//6.14.13
  • cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v
  • hexo
    利用 cnpm 全局安装 hexo
cnpm install -g hexo-cli

在这里插入图片描述

  • Git
  1. 设置 Git 参数
git config --global user.name "Your Name"
git config --global user.email "Your Email"
  1. 查看 Git参数
git config user.name
git config user.email
  1. 生成SSH密钥
ssh-keygen -t rsa -C "Your Email"

这使用默认的一路回车就行。成功的话会在~/下生成.ssh文件夹,进去,打开id_rsa.pub,复制里面的key。
在这里插入图片描述

博客搭建

  1. 基本Hexo搭建
mkdir Blog	//创建博客存放的文件夹
cd Blog
sudo hexo init	//初始化博客文件夹,时间较长需等待
ls -l
hexo server		//启动博客

这是我们访问 http://localhost:4000 便可以浏览我们的博客了

  1. 写第一篇文章
    新建的文本位于/source/_posts目录下
hexo new "我的第一篇文章"	//新建一篇文章
hexo generate	//生成网页文件
hexo server		//启动博客

部署Github Pages

  1. 创建一个新的仓库
    在这里插入图片描述
  2. 安装Git部署插件
    切换至Hexo安装目录
cnpm install hexo-deployer-git --save
  1. 配置 _config.yml 文件
    在Hexo安装的目录找到 _config.yml 文件,打开并翻到最后,找到 deploy 字样,改成如下格式:
deploy: 
  type: git 
  repo: https://github.com/用户名/用户名.github.io.git 
  branch: master

需要注意的是:冒号后面有一个空格;使用github可以不用写branch那一行。接下来就可以将网站从本地部署到Github啦(你也可以选择修改以上标签部署到别的空间),输入命令:

hexo deploy

打开你的github同名网站就可以看到属于你自己的个人博客啦~
如我的博客:QuricoLouis.github.io

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KeaLoo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值