搭建个人博客(Hexo版保姆级教程)

搭建个人博客(Hexo版保姆级教程)

一、准备工作

文档资源：文档资源
1、环境准备

​ ①. npm环境

​ ②. node环境

2、gitee创建仓库

二、安装淘宝镜像源

1、安装镜像源

npm install -g cnpm --registry=https://registry.npm.taobao.org

2、查看成功

cnpm
cnpm -v

三、安装Hexo博客框架

1、安装Hexo框架

cnpm -install -g hexo-cli

2、查看成功

hexo -v

四、开始搭建

1、新建应该初始空文件夹

//建议不要再C盘，这个文件夹是放你所有个人博客的东西
//搭建过程中出现不可逆转的错误  直接吧这个文件夹删掉，重新来过！！！
mkdir 文件夹名

2、进入新建文件目录

3、使用Hexo生成个人博客

hexo init

4、启动博客

hexo s

5、本地访问

五、新建第一篇文章

1、新建第一篇个人博客文章

hexo n "我的第一篇博客文章"

2、文章路径

刚刚新建的文件夹/suorce/_posts

3、修改博客文章(建议用Typora修改)

4、退回到新建的文件目录

5、启动个人博客

hexo clean   清理
hexo g       生成博客
hexo s       启动博客

六、上传Gitee仓库

1、新建Gitee代码仓库

仓库名格式：昵称(你的gitee的昵称).gitee.io

2、安装hexo链接git的插件

cnpm install hexo-deployer-git --save

3、修改文件

//修改你新建的文件夹目录下的_config.yml文件
vim _config.yml

//找到这段代码
#Deployment
## Doce: https://hexo.io/doce/deployment.html
deploy:
  type:
  
按i进入编辑
  
//修改成
#Deployment
## Doce: https://hexo.io/doce/deployment.html
deploy:
  type: git
  repo: 自己的仓库地址
  branch: master  仓库分支
  
按Esc退出编辑
在输入:wq   退出并保存

4、将博客部署到远端

hexo d
//过程需要输入自己的gitee的账号密码

5、查看仓库是否上传成功

6、验证博客能不能使用

昵称(你的gitee的昵称).gitee.io    //这个是在浏览器直接访问   多刷新下

七、修改主题(这个可以自己去找)

1、主题地址

https://github.com/litten/hexo-theme-yilia   //打开可能有些慢  国外网站

2、拷贝主题

//到你本地新建的那个文件夹
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia 

3、查看拷贝成功没有

进入 你的文件夹/themes
看看有没有yilia文件夹

4、修改_config.yml文件

//找到这段代码
#Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme:landscape

//修改成
#Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme:yilia

5、测试、启动

hexo clean   清理
hexo g       生成博客
hexo s       启动博客

6、本地访问

7、推送代码

hexo d