刚刚弄好GitHub和Hexo,这时就简单介绍下博客配置的方法
第一步:安装Git
官网下载,正常安装,在Windows命令行下输入git –version检查版本
配置Git个人信息
1 | git config --global user.name "名字" |
第二步:安装Node.js
同样官网下载,正常安装,在Windows命令行下输入node -v和npm -v检查版本
编辑系统环境变量path的值,追加nodejs的安装目录
以管理员打开cmd命令窗口,执行命令
1 | npm install -g express |
如果安装下载速度较慢,请尝试使用npm淘宝镜像npm config set registry https://registry.npm.taobao.org
第三步:安装Hexo
命令行下输入一下命令进行全局安装
1 | npm install hexo-cli -g |
第四步:创建Github项目
注册Github账号,创建Github项目,命名为用户名/用户名.github.io
第五步:本地搭建
在自己的电脑中找一个地方新建文件夹——就是你本地保存博客文件的地方,最好是纯英文目录
在博客目录文件夹右键Git Bash Here
1 | hexo init // 创建一个hexo模板 |
第六步:部署博客
获取密钥并配置
执行以下命令获取密钥,密钥所在目录为(C:/Users/username/.ssh/id_rsa.pub):ssh-keygen -t rsa -C "your_email@example.com" // 一直回车直至密钥生成成功
然后打开GitHub的设置,在其中选择”SSH and GPG keys”,然后点击添加SSH密钥,Title值随意设定,Key值则是刚刚所说的id_rsa.pub文件当中的全部内容
点击确定,随后等待十分钟左右(没办法,GitHub服务器在国外,链接速度不快)
在命令行下执行命令ssh ‐T git@github.com测试SSH key是否添加成功,若出现下面情况,说明SSH key添加成功。
1 | The authenticity of host 'github.com (xxx.xx.xxx.xxx)' can't be established. RSA key fingerprint is xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx:xx Are you sure you want to continue connecting (yes/no)? yes // 输入yes |
配置博客
修改配置文件
1 | deploy: |
部署博客
为了完成部署,我们需要安装hexo-deployer-git工具。
1 | npm install hexo-deployer-git --save // 安装 |
第七步:美化
大家可以在网络上找到很多不同的主题,官网主题,知乎主题等等
不过本人比较喜欢Next的简洁风格,因此写下Next主题的安装方法:
在博客目录文件夹右键Git Bash Here
执行命令git clone https://github.com/iissnan/hexo-theme-next themes/next
大家可以按照喜好进行配置,也可以在网络上找相应的设置方法,个人有个人喜好
第八步:开始你的第一篇博客吧
Hexo的博客文章保存在博客目录底下的\source\_post目录中,把当中的HelloWorld.md删除,然后再博客目录下右键Git Bash Here
输入hexo new "第一篇博客名字"就会在\source\_post目录下创建新的博客文章
参考资料:
1. Hexo之NexT主题搭建博客详细过程
2. Hexo命令:
Hexo有很多命令,在这里总结一下一些常用命令:
| 命令名称 | 命令简写 | 命令含义 |
|---|---|---|
| hexo generate | 简写:hexo g | 生成静态文件,会在当前目录下生成一个public文件夹 |
| hexo server | 简写:hexo s | 启动本地服务,用于博客的预览 |
| hexo deploy | 简写:hexo d | 部署到远程(如GitHub,可以在_config.yml中配置) |
| hexo new post-name | 简写:hexo n post-name | 新建文章 |
| hexo new page page-name | 简写:hexo n page page-name | 新建页面 |
常用的组合命令:
hexo d -g // 生成和部署
hexo s -g // 生成和预览