搭建前提
- github账号
- node.js
- git
创建个人仓库
在创建个人仓库之前,点击头像左边的+号,选择New repository,创建新的仓库,仓库名称必须为你的用户名.github.io
,最终将会生成你的博客地址:https://你的用户名.github.io
配置SSH key
git安装完成后,右键鼠标会显示git bash,以下命令都将会在git bash下完成。
git bash下执行命令:
1 | $ cd ~/. ssh #检查本机已存在的ssh密钥 |
初次安装未使用,将会提示No such file or directory
1 | ssh-keygen -t rsa -C "your mail" |
回车将会在你的C:\Users\your name.ssh下生成公私钥文件,用记事本打开.ssh\id_rsa.pub文件,复制内容。点击github头像,选择Settings->SSH and GPG keys,在其中添加新的SSH key,将前面复制的内容复制进去,保存。
1 | $ ssh -T git@github.com # 测试ssh是否连接成功,此处mail不需要修改 |
如果提示Are you sure you want to continue connecting (yes/no)?,输入yes,然后会看到:
1 | Hi XXX! You’ve successfully authenticated, but GitHub does not provide shell access. |
说明ssh已经成功配置。
此外还需配置你的个人信息:
1 | $ git config --global user.name "xxx"// 你的github用户名 |
安装使用hexo
以下所有命令均在git bash中完成。
1 | $ npm install -g hexo #安装hexo |
如果npm install报错,可以执行以下命令切换npm源:
1 | $ npm config set registry https://registry.npm.taobao.org |
在你要在本机中存放博客素材的地方创建文件夹MyBlog,我的路径为:F:\MyBlog,这个文件夹将会存放你的所有素材。
1 | $ cd /f/Myblog/ |
hexo将会自动下载必需文件到此目录下。
1 | $ hexo g # 生成项目 |
执行上述命令之后,hexo将会在public文件夹中生成相关html文件,这些文件都将是要提交到github上。
当执行完hexo s之后,你就能访问到你本地搭建的博客内容。
1 | http://localhost:4000 #浏览器访问地址 |
但是,hexo的初始主题并不是非常美观,我们可以在https://hexo.io/themes/ 中挑选自己喜欢的主题。
此处我挑选的主题为:https://github.com/gaoryrt/hexo-theme-pln
1 | $ git clone https://github.com/gaoryrt/hexo-theme-pln.git themes/pln |
下载主题之后,需要在MyBlog文件夹下的_config.yml中将theme: landscape改为theme: pln,并使用hexo g命令重新生成博客。
如果出现一些莫名其妙的问题,可以执行以下来清理一下public的内容,然后再来重新生成和发布。
1 | $ hexo clean |
在MyBlog文件夹下的_config.yml中deploy部分配置成如下:
1 | deploy: |
如果你在执行hexo d时出现如下错误:
1 | Deployer not found: github 或者 Deployer not found: git |
那么你需要安装一个插件:
1 | $ npm install hexo-deployer-git --save |
一些准备就绪后,发布博客至你的github博客地址。
1 | $ hexo d |
此时,访问https://yourname.github.io 就能访问到你搭建好的博客了。
编写新博客
在MyBlog中执行如下命令:
1 | $ hexo new 'test' |
hexo会在source_posts下生成test.md文件,我们只需要在该份文件中编写博客内容。
当我们编写博客完成时,保存test.md文件,执行如下命令:
1 | hexo g #重新生成 |
至此,我们成功完成了博客搭建以及博客编写。