开始之前需要在电脑上安装好Git和node.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
npm -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 protected]"
其中 username
是你的用户名,[email protected]
是你github的登录邮箱
然后通过终端命令生成SSH Key
ssh-keygen -t rsa -C "[email protected]"
如果已经创建过会出现 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: [email protected]: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 #开始部署