所使用到的工具
1.git
2.nodejs
3.hexo
4.gitee
默认你已经安装了Git和NodeJS(不会的自行百度,安装教程很多)
为何使用Gitee而不是GitHub
目前国内访问GitHub速度慢,还可能被墙,所以Gitee来构建个人博客。Gitee类似国内版的GitHub,访问速度有保证。
开始搭建
1. 安装Hexo
打开cmd,输入命令
npm install -g hexo-cli
2. 初始化Hexo
在你的电脑上创建Hexo
文件夹,在Hexo文件夹右键选择Git Bash Here
然后输入命令
hexo init
初始化完成后Hexo
的目录结构:
![](https://upload-images.jianshu.io/upload_images/695420-b3f81aadea1787cf.png?imageMogr2/auto-orient/strip|imageView2/2/w/194/format/webp)
3. _config.yml对博客进行基础配置
_config.yml文件修改,保存
![](https://img2020.cnblogs.com/blog/1055317/202004/1055317-20200402115219106-983283946.png)
4. 本地预览博客
编译项目,输入命令:hexo g
运行项目,输入命令:hexo s
在浏览器中输入http://localhost:4000/就可以看到效果啦,是不是很简单
如果你只是在本地浏览,恭喜你已经完成了
部署博客到Gitee上
1. 创建Gitee账号
到码云:https://gitee.com/ 上申请注册账号,码云类似国内版的GitHub,所以操作界面跟GitHub差不多,多了一些国产化的东西,这里不做更多介绍了,自己研究下。
2. 创建项目
![](http://upload-images.jianshu.io/upload_images/695420-5180cabf1aad7609.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/1037/format/webp)
创建完成后,在项目中复制项目地址。
3. 在_config.yml中配置Git
deploy: type: git repo: https://gitee.com/sinee/sinee.git branch: master
注意:冒号后面一定要有空格,否则不能正确识别。
4. 发布到Gitee
输入命令安装自动部署发布工具
npm install hexo-deployer-git --save
依次输入以下命令 发布博客,首次发布需要在shell中输入账号和密码。
hexo clean
hexo g
hexo d
5. Gitee Pages设置
在项目的服务中选择Pages选项
![](http://upload-images.jianshu.io/upload_images/695420-b3b5ce37eaaa5b95.png?imageMogr2/auto-orient/strip|imageView2/2/w/1036/format/webp)
Pages
选择 master分支,点击 部署/更新
![](http://upload-images.jianshu.io/upload_images/695420-36231dacbaa0bf81.jpg?imageMogr2/auto-orient/strip|imageView2/2/w/786/format/webp)
稍等一会儿博客就发布成功啦,就可预览在线博客啦!!!
如果博客的样式不对,则需要在_config.yml中配置下博客地址和路径,然后再执行命令
hexo clean && hexo g && hexo d
就可以啦![](https://img2020.cnblogs.com/blog/1055317/202004/1055317-20200402133102728-337870930.png)
![](https://img2020.cnblogs.com/blog/1055317/202004/1055317-20200402133931290-901418940.png)
大家有什么在部署的过程中遇到什么问题,可以搜索公众号“一条正弦”并关注,在公众号底部添加我的微信,看到后会第一时间回复的