【Hexo】博客搭建和部署

💻【Hexo】博客搭建和部署 🏠专栏：Hexo-Next 主题
👀个人主页：繁星学编程🍁
🧑个人简介：一个不断提高自我的平凡人🚀
🔊分享方向：目前主攻前端，其他知识也会阶段性分享🍀
👊格言：☀️没有走不通的路，只有不敢走的人！☀️
👉让我们一起进步，一起成为更好的自己！！！🎁

【Hexo】博客搭建和部署

Hexo简介

Hexo是一款基于Node.js的静态博客框架，可以方便的生成静态网页托管在GitHub和Coding上或者自己的服务器上，是搭建博客的首选框架。大家可以进入Hexo 官网进行详细查看。

主要步骤：

1. 安装Git
2. 安装Node.js
3. 安装Hexo
4. GitHub创建个人仓库
5. 生成SSH添加到GitHub
6. 将hexo部署到GitHub
7. 设置个人域名
8. 发布文章

一.安装Git

Git是目前世界上最先进的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理。也就是用来管理你的hexo博客文章。Git非常强大，我建议去了解一下。

windows：到Git官网上下载，下载后会有一个Git Bash的命令行工具，以后就用这个工具来使用git。
linux：只需要一行代码

sudo apt-get install git

安装好后，使用 git --version 命令来查看一下版本

二.安装Node.js

Hexo是基于Node.js编写的，所以需要安装一下Node.js和里面的npm工具。

windows：Node.js选择LTS版本就行了。
linux：也是通过命令来安装

sudo apt-get install nodejs
sudo apt-get install npm

安装完毕后，在命令行输入以下代码进行验证：

node -v
npm -v

三.安装hexo

先创建一个文件夹blog(文件夹名字可以自拟)，然后cd到这个文件夹下（或者在这个文件夹下直接右键git bash打开）。
输入命令：

npm install -g hexo-cli

然后用hexo -v命令，查看一下版本。
接下来初始化一下hexo，这里的myblog可以自己取名字，做为你的博客源地址了。

hexo init myblog
cd myblog
npm install

新建完成后，指定文件夹目录下有：

• node_modules: 依赖包(或插件)

• public：存放生成的页面 （这个文件夹可能会没有，但当你使用hexo g 构建时，就会有了。）

• scaffolds：生成文章的一些模板

• source：用来存放你的博客资源

  • _posts：用来存放你的文章

• themes：博客主题

  • _config.yml：博客的配置文件
  • package.json：一些应用程序的信息、命令的配置

然后使用以下命令：

hexo generate // 生成静态文件
hexo server // 启动本地服务器

这两个命令可以简写为hexo g和hexo s

这样就打开hexo的服务，在浏览器输入 http://localhost:4000 就可以看到你生成的博客了。

每次运行完服务器后我建议使用 hexo clean 命令进行缓存清理，而且这样可以解决一些小问题。

四. 部署前的操作

如果需要把你的博客简单的发布到网上，那你需要先安装deploy-git ，也就是部署的命令,这样你才能用命令部署到coding、GitHub上。

cd到你的博客文件夹，输入下面的命令：

npm install --save hexo-deployer-git

五. 部署方式

(1) 部署到coding(国内访问)

1. 去coding的官网，注册一个账号。

2. 注册完后，新建一个项目并进入项目，打开代码仓库。

3. 复制右上方的已公开源码 HTTPS里的地址，留作后用。

4. 打开你的博客文件夹里的 _config.yml 文件，在最下面的deploy:里，

   type: 'git'
   repo:
   coding: https://e.coding.net/fanxing28/blog-fanxing28.git,master
   

注意缩进，而这里的coding:，注意英文冒号(:)后面还有一个空格，而这里就是刚才你复制的 已公开源码 地址，再加上(英文逗号) ,master

5. 当你再次hexo g , hexo d的时候，就会自动推送到coding的仓库里。

6. 然后去你的coding仓库，找到左侧的构建与部署，点击进入静态网站。

7. 然后立即发布静态网站，填写信息，保存。

到这里，你的博客就算是部署到了coding上了，通过coding给出的访问地址就可以访问你自己搭建的博客了。

如果你有域名，那可以把域名绑定到coding给出的网址上，并且在coding的静态网站设置界面，添加你的域名。

(2) 部署到github(国外访问)

1. 去GitHub的官网，注册一个账号。

2. 注册完，然后New repository新建一个仓库，名称为 你的账号名.github.io ，然后点击创建仓库；复制HTTPS那一栏的网址，留作后用。

名称这个一定要是这样，否则可能没有用，后续你就可以用这个直接进入你的博客了。

3. 然后去你电脑上的博客文件夹，右键 git bash 到这个文件夹下，输入以下命令

   git config --global user.name "yourname"
   git config --global user.email "youremail"
   

   这里的yourname输入你的GitHub用户名，youremail输入你GitHub的邮箱。这样GitHub才能知道你是不是对应它的账户。
   可以用以下两条，检查一下你有没有输对

   git config user.name
   git config user.email
   

   至于SSH要不要配置，那看你们自己了，配置了SSH就可以控制git上传你的文件到GitHub上。

4. 打开你的博客文件夹里的 _config.yml 文件，在最下面的deploy:里，

   type: 'git'
   repo:
   github: https://github.com/fanxing28/blog-fanxing28.github.io.git,master
   

注意缩进，而这里的github: ，注意英文冒号(:)后面还有一个空格，而这里就是刚才你复制的 HTTPS 地址，再加上(英文逗号) ,master

5. 当你再次hexo g , hexo d的时候，就会自动推送到github的仓库里。
   注意deploy时可能要你输入username和password，就是你GitHub的账号密码。

6. 推送完，就可以直接访问 https://你的名称.github.io/ 进入你的博客了。

结束语：

希望对您有一点点帮助，如有错误欢迎小伙伴指正。
👍点赞：您的赞赏是我前进的动力！
⭐收藏：您的支持我是创作的源泉！
✍评论：您的建议是我改进的良药！
一起加油！！！💪💪💪