Hexo博客搭建过程

2020-02-03

前言：

二月一日在b站看了一个通过GitHub搭建博客的教程，再加上自己很久以前就有了这个想法，然后网翻阅各种相关知识，最后我感觉用Hexo + GitHub Pages搭建的博客看起来不错，而且还不需要服务器，便开始了搭建。搭建过程中在选择主题的时候感觉yilia主题不错，于是便搭起了一套yilia主题的博客。

正文：

一、我为什么要搭建博客

每日总结（学习、健身），自我监督，并开放所有人监督。
记录以后可能会用得到的东西（教程，心得，总结等）。
记录生活和想法。

二、博客搭建的过程

2.1软件准备：

Node
在Node官网进行下载，选择适合自己电脑的版本进行安装。
Git
还是在Git官网进行下载安装。
Hexo
按住Windows键加r,输入cmd进入命令模式，输入下面的命令进行安装。
1
npm install hexo-cli -g

2.2本地运行

创建文件夹用于存放Hexo，也就是博客目录。我的建在E:\blog hexo。
建立网站所需文件（初始化)右击使用git bash操作界面（避免处理其它的兼容错误，cmd也可以，但有时候处理不好会报错)

依次执行以下命令

hexo init
npm install   //安装依赖包
hexo g    //等同于hexo generate，生成静态文件
hexo s   //等同于hexo server，本地启动服务运行

输入完成以后会生成一个localhost:4000的端口，然后输入到浏览器能打开则到这一步本地页面部署成功。

2.3部署到github端

首先你要在github上注册一个账号,然后创建一个你的用户名.github.io的库。

编辑本地Hexo目录下文件：_config.yml:

deploy:
  type: git
  repository: git@github.com:nowfitness/nowfitness.github.io.git
  branch: master

配置Github的SSH

详情参考：https://blog.csdn.net/Aaron_Miller/article/details/90269019

安装部署工具
npm install hexo-deployer-git -save

上传到github仓库，依次执行

clean

1
2
3

hexo g    //生成静态文件
hexo s    //本地预览
hexo d    //部署到远端

登陆github库查看，在浏览器输入:你的用户名.github.io进入自己的博客。

==注意：一定要用你的Github用户名.github.io创建，（我的github用户名为：nowfitness），假如Repository name非为：“nowfitness.github.io”创建，而是用的“nowfitness”那么浏览器访问”https://nowfitness.github.io"的时候会出现404错误，并不是没有部署成功，而是部署在了https://nowfitness.github.io/nowfitness’sBlog.github.io 因此为了避免麻烦，仓库名需要和用户名保持一致.==

三、深化博客过程参考资料

绑定自己的域名:https://blog.csdn.net/u010996565/article/details/90680026
Hexo博客主题更换：https://blog.csdn.net/DQdanqing/article/details/103058493

博主博客nowfitness.top

本文作者： nowfitness
本文链接： https://www.nowfitness.top/archives/38e96c5b.html
版权声明： 本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。转载请注明出处！