师哥让我通过使用搭建的博客学习前端知识,我现在也没get到关键。
Hexo搭建博客
附上官方教程链接
个人认为,官方教程前边儿还挺详细的,但是到部署那一块儿看着就开始绕了,可能就是我菜没看懂吧。
一:安装
- git
- nodejs (有版本限制)
- hexo (命令行安装:npm install -g hexo-cli)
注意: 如果在运行hexo安装命令的时候出现奇奇怪怪的错误,一定要重新检查一些安装的nodejs版本是否正确(最好安装比它卡的那个版本还要新的)。windows操作系统好像不支持node.js升级(如果有相关教程可以踢我我下昂),直接重安新版本就好。
附上nodejs镜像安装链接选自己想安的版本就好,我最后重安的是最新最稳定的版本。
为了解决出现的奇奇怪怪的问题,我真的折腾了好久,哭唧唧
二:常用hexo命令
此项官方教程有写,我就不详细赘述了。
命令可以在git bash上运行,也可以直接在命令行运行。
- 初始化
若没有hexo文件夹则创建。$ hexo init hexo
- 生成静态文件
$ hexo g
- 启动服务器
$ hexo s
- 新建文章
$ hexo new [layout] <title>
- 部署
$ hexo d
三:部署到git page上
以下出现的用户名,全为github的用户名
当然,进行这一步的前提是得有个github(可能得翻墙上)账户。
-
在github上创建仓库,仓库名为”用户名.github.io“
-
配置git信息
$ git config --global user.name '用户名' $ git config --global user.email '邮箱'
-
设置密钥
$ ssh-keygen -t rsa -C '邮箱'
① 找到 .ssh/id_rsa.pub 文件 --> 复制里面内容
② Github --> Setting --> SSH and GPG keys --> New SSH key --> (Title: 用户名;key:粘贴) --> Add SSH key
③ 验证是否成功$ ssh -T git@github.com ## 返回用户名,表示成功
-
部署
修改_config.yml下的: -------------------------------------- deploy: type: git repo: 仓库地址 branch: master
$ hexo d ## 如果报错则运行下面这条命令 $ npm install hexo-deployer-git --save
四:新建一篇文章
$ new page '7/28'
打开新生成的.md文件就可以编辑了,.md文件应该在source/_posts文件夹下。
结束
教程结束啦~ 欢迎大噶伙补充指正。
如果还有问题可以留言或者私戳我昂,咱一起解决。
是不是看着还挺简单的,
我当时怎么就折腾了这么这么久呢,感觉浪费了好多时间,
赶快去试试吧!