作者:叶斯琪147- | 来源:互联网 | 2023-08-12 11:19
1、Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initializethisrepositorywitha
1、Github账户注册和新建项目,项目必须要遵守格式:账户名.github.io,不然接下来会有很多麻烦。并且需要勾选Initialize this repository with a README
![](https://img1.php1.cn/3cd4a/24ed6/243/cf3325f541cd2ec3.jpeg)
在建好的项目右侧有个settings按钮,点击它,向下拉到GitHub Pages,你会看到那边有个网址,访问它,你将会惊奇的发现该项目已经被部署到网络上,能够通过外网来访问它。
![](https://img1.php1.cn/3cd4a/24ed6/243/a88f24ed68ecdfe2.jpeg)
2.在本机上确认是否有-ssh的文件夹
![](https://img1.php1.cn/3cd4a/24ed6/243/df3f3042d45cd426.jpeg)
没有则创建
![](https://img1.php1.cn/3cd4a/24ed6/243/643b49515b5d404d.jpeg)
4.在github上添加keys
![](https://img1.php1.cn/3cd4a/24ed6/243/44e0baef5635796d.jpeg)
然后把7创建的id_rsa.pub里的内容复制到Key里去,Title部分随便填. 点击'Add key'
添加的过程中,还要再输入一次github的密码
![](https://img1.php1.cn/3cd4a/24ed6/243/9c57d00417995c92.jpeg)
4、安装Hexo,在自己认为合适的地方创个文件夹,我是在D盘建了一个blog文件夹。然后通过命令行进入到该文件夹里面
![](https://img1.php1.cn/3cd4a/24ed6/243/b5469323e1910a0c.jpeg)
输入npm install hexo -g,开始安装Hexo
![](https://img1.php1.cn/3cd4a/24ed6/243/00ca6616f3ac97a2.jpeg)
输入hexo -v,检查hexo是否安装成功
![](https://img1.php1.cn/3cd4a/24ed6/243/c8767b233da36503.jpeg)
输入hexo init,初始化该文件夹(有点漫长的等待。。。)
![](https://img1.php1.cn/3cd4a/24ed6/243/f39345c0da4e33a4.jpeg)
![](https://img1.php1.cn/3cd4a/24ed6/243/254ccc73e42c9e65.jpeg)
看到后面的“Start blogging with Hexo!”,激动有木有!!!!!
输入npm install,安装所需要的组件
![](https://img1.php1.cn/3cd4a/24ed6/243/7fddc6a9809c5529.jpeg)
输入hexo g,首次体验Hexo
![](https://img1.php1.cn/3cd4a/24ed6/243/c4eb578b148c947a.jpeg)
输入hexo s,开启服务器,访问该网址,正式体验Hexo
![](https://img1.php1.cn/3cd4a/24ed6/243/52793b0077d61cf6.jpeg)
问题:假如页面一直无法跳转,那么可能端口被占用了。此时我们ctrl+c停止服务器,接着输入“hexo server -p 端口号”来改变端口号
![](https://img1.php1.cn/3cd4a/24ed6/243/cb8c3ce56c3fda9d.jpeg)
6.配置_config.yml文件
![](https://img1.php1.cn/3cd4a/24ed6/243/31553343b6d1ed36.jpeg)
7.安装 npm install hexo-deployer-git --save
8.发布
发布更新博客
$ hexo d -g