mac,github pages+hexo+node搭建个人博客

准备条件
  1. github账号
  2. Git
  3. node.js
  4. npm
  5. hexo
git

首先mac自带git(预安装),可以Terminal输入git --version查看
在这里插入图片描述

homebrew

用来安装node.js

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 

第一次并没有安装成功
在这里插入图片描述
可以看到报了个路径没有在PATH环境变量中
解决:
在这里插入图片描述
输入添加环境变量并查看添加完后的PATH

export PATH=/usr/local/bin:$PATH
echo $PATH

然后再安装就安装好了
查看homebrew版本
在这里插入图片描述
这种方式只是临时性的,即另外再开一个Terminal就没有了
全局性修改还是

vim ~/.bash_profile
source ~/.bash_profile
node.js

我使用的是homebrew安装

brew link node
brew uninstall node
brew install node
验证是否安装成功

命令npm -v、node -v,能正确显示版本号即表示node安装成功,如果是通过homebrew安装的,下发命令brew list会显示node。
在这里插入图片描述

安装hexo

命令行

npm install -g hexo

在这里插入图片描述
看到permission denied,目测权限问题(还是查阅资料目测出来的哈哈哈哈哈)
赋个权限后再安装

sudo chown -R `whoami` /usr/local/lib/node_modules
npm install hexo-cli -g

安装完成后输入hexo -v查看版本
在这里插入图片描述
在自己的用户名目录下,创建 hexo 文件夹(mkdir hexo),并进入到 hexo 文件夹中(cd hexo),执行以下命令可以完成对 Hexo 的初始化工作

hexo init

最后几步
在部署博客之前,需要先安装依赖

npm install

生成静态界面

npm generate 

启动服务

hexo server

打开浏览器,输入localhost:4000可以看到本地的博客
在这里插入图片描述
ctrl+c退出

部署到gitHub
创建new repository

2d14bae736f10f35c16863f4309fb48a.png
在这里插入图片描述

其中
2. Repository name 的格式必须是:userName.github.io,例如我的是:huwqGalaxy.github.io
2. Description 可以为空;
3. 免费服务的话,只能选择 Public (公开的)

修改配置文件_config.yml

修改如下配置(最末尾)
在这里插入图片描述

创建新博客
hexo new "test_blog"

进入到/hexo/source/_posts/路径中可以看到有个名为test_blog.md的文件,md即为Markdown,是一种简单的文本编辑语言
编辑好博客后

hexo clean
hexo generate
hexo deploy

即可同步到github
一些快捷键

hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new
hexo d -g
绑定域名

第一种方法
我是在阿里云上注册了域名顺便解析了下
首先ping一下github的ip地址
在这里插入图片描述

域名解析出来会有两个
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
再去github绑定
项目-settings-github pages
在这里插入图片描述
但是这种方式
一旦重新hexo clean d -g之后就要重新绑定。。
第二种方式
直接在_posts同级路径创建CNAME文件里面加上你的github地址就好了。。。当然先更新到github中

最后等域名审核通过后。。
在这里插入图片描述


版权声明:本文为qq_36879870原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。