Mac下使用GitHub+Hexo搭建个人博客

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Mac下使用GitHub+Hexo搭建个人博客相关的知识,希望对你有一定的参考价值。

首发链接

开始之前需要在电脑上安装好Gitnode.js,Mac上可以使用Homebrew命令行工具来安装Git和node.js

安装Homebrew

在命令行工具输入以下命令,如果已经安装过Homebrew可以忽略

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
Homebrew 安装 node.js
brew install node

安装后可以使用命令来检查是否安装成功
检查node

node -v

输出结果:

v12.14.1

检查npm是否安装成功,npm是node.js的包管理工具,用它来安装hexo

nmp -v

输出结果:

6.13.4
Homebrew 安装git
brew install git

检查git是否安装成功

git -v

输出结果:

git version 2.24.3 (Apple Git-128)
使用 npm 安装 hexo
sudo npm install -g hexo-cli

安装完成后,在Desktop创建一个blog文件夹,在该文件夹下初始化我们的博客

cd ~/Desktop && mkdir blog && cd blog

在该文件件目录下执行博客初始化操作

# 会下载一些node.js的依赖文件
hexo init

初始化成功后,在blog目录下执行预览操作

hexo s 

当看到如下输出就可以预览我们创建的博客了

INFO  Validating config
INFO  Start processing
INFO  Hexo is running at http://localhost:4000 . Press Ctrl+C to stop. 

预览效果如下
技术图片

配置客户端git 添加SSH Key到github

如果已经配置过,该步骤可以忽略
在命令行输入配置用户名和账号的命令

git config --global user.name "username"
git config --global user.email "email@gmail.com"

其中 username是你的用户名,email@gmail.com是你github的登录邮箱
然后通过终端命令生成SSH Key

ssh-keygen -t rsa -C "email@gmail.com"

如果已经创建过会出现 Overwrite (y/n)? n提示可以输入 n,如果没有创建过会要求我们输入密码,然后一路回车下去就行,执行完成后会在~/.ssh/id_rsa.pub目录下生成 需要使用的 key。

可以使用命令行输出key并复制

cat ~/.ssh/id_rsa.pub

或者可以找到这个文件并打开它,复制里面的内容。

登录github账号 找到 setting
技术图片

先点击 SSH and GPG keys然后再点击 New SSH key进入到配置 SSH Key 的页面
技术图片

然后输入复制好的key的内容

技术图片

点击 Add SSH Key即可

本地博客关联到Github主页

登录Github并且创建一个名字为 username.githug.io的仓库,比如我的仓库名字为 Johnson8888.github.io
因为我已经创建过了,所以会显示红色,如果创建过,会显示绿色的,然后点击创建。切记一定要选择 Public,否定不能访问。
技术图片

然后命令行切换到本地blog目录下 cd ~/Desktop/blog
执行命令

sudo npm install hexo-deployer-git --save

然后开始修改配置文件 ~/Desktop/blog/_config.yml
修改 deploy部分为

deploy:
  type: git
  repo: git@github.com:Johnson8888/Johnson8888.github.io.git
  branch: master

然后就可以把博客push到github了
在命令行执行

#生成我们想要的博客文件
hexo g
#将本地的博客文件push到github
hexo d

hexo d执行成功后,就可以查看我们的Blog

开始写博客

在命令行执行

hexo new firstPage.md 

会在 ~/Desktop/blog/source/_post目录下生成 firstPage.md打开这个文件就可以开心的写博客了
写完后重新执行

hexo g
hexo d

就可以同步博客到github

Todo

  • 申请域名指向博客,这样就可以直接使用域名访问了
  • hexo支持很多模板样式 可以去官网选择自己喜欢的使用
附 hexo常用命令
hexo n "博客名称"  => hexo new "博客名称"   #这两个都是创建新文章,前者是简写模式
hexo p  => hexo publish
hexo g  => hexo generate  #生成
hexo s  => hexo server  #启动服务预览
hexo d  => hexo deploy  #部署  

hexo server   #Hexo 会监视文件变动并自动更新,无须重启服务器。
hexo server -s   #静态模式
hexo server -p 5000   #更改端口
hexo server -i 192.168.1.1   #自定义IP
hexo clean   #清除缓存,网页正常情况下可以忽略此条命令
hexo g   #生成静态网页
hexo d   #开始部署

以上是关于Mac下使用GitHub+Hexo搭建个人博客的主要内容,如果未能解决你的问题,请参考以下文章

Mac 上搭建基于 Hexo + GitHub 个人博客

使用hexo搭建github个人博客网站

Mac下使用Hexo搭建个人博客

Mac系统下搭建静态个人博客——Hexo框架

Mac系统下搭建静态个人博客——Hexo框架

Hexo和github搭建个人博客 - 朱晨