本地安装

安装Node.js
安装完成后在本地输入命令node -v如果能正确显示Node.js版本，则说明安装成功

通过npm安装Hexo框架

Node.js安装完成后，同时会自动安装一个包管理器，称为npm

什么是npm？

npm是一个包管理器，发布者将自己的代码publish到代码仓库，使用者将自己需要的包写入package.json文件中，到代码仓库install下来

安装：npm install -g hexo-cli
查看版本:hexo -v

由于npm代码仓库的服务器在国外，下载速度较慢，可以使用淘宝的npm代码仓库通过npm安装cnpm:
npm install -g cnpm –registry=https://registry.npm.taobao.org
安装成功后，可以通过以下命令查看cnpm版本：
cnpm -v

本地使用

创建目录

Hexo的所有文章都是以文件的形式存储在目录下的，所以首先需要新建一个目录，我的是Hexo，在此目录下操作。

初始化博客

hexo init

新建文章

hexo new "BlogName"（BlogName是你的文章名称）
会在source/_posts目录下生成BlogName.md文件，可以vim或其他Markdown编辑器进行修改。

生成博客静态文件

hexo g，生成博客静态文件
每次修改文章后，都需要hexo clean清理一下
然后通过hexo g重新生成
最后也不要忘了通过hexo s重新启动Hexo

启动博客

hexo s s代表server，默认端口号是4000）

更换主题

将需要更换的主题下载并解压缩到theme/yourThemeName目录下，yourThemeName是你给主题取的名字
如我用的主题是next，只需要解压缩到Hexo/themes/next目录下即可,
当然你也可以直接在Hexo目录下执行git clone https://github.com/theme-next/hexo-theme-next themes/next，
解压完成后，修改_config.yaml文件中的theme属性，默认是landscape，修改为next：

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: next                          #注意：“theme:”后要带一个空格

每次修改主题后，都需要通过hexo clean清理一下，
然后通过hexo g重新生成，
最后也不要忘了通过hexo s重新启动Hexo。

其他_config.yaml配置

_config.yaml文件是Hexo项目的全局配置文件，常用的属性有

# Site
# 站点标题
title: DragonBaby308's Blog
# 站点副标题
subtitle: Fighting for BAT!
# 站点描述
description: 记住迄今为止每一次失败时有心无力的感受，“为了更美好的明天而战”。
# 作者
author: DragonBaby308
# 语言——  请注意，官方语言包不再支持简体中文zh-Hans，而是统一采用了zh-CN
language: zh-CN
# 时区——默认是本地时区
timezone:

# URL
# 站点地址
url: http://106.14.153.30
# 站点root，如果网站存在子目录中，url设置为'http://yoursite.com/child'，root设置为'/child/'
root: /
# 生成固定链接的格式
permalink: :title/
permalink_defaults:

# Pagination
# 每页文章数——关闭分页：0
per_page: 10

# Extensions
# 主题
theme: next

# Deployment
# 部署配置
deploy:
  type: git
  repo: git@106.14.153.30:/usr/shmily087/repo/blog.git
  branch: master

服务器部署

本地 + github.io 白嫖部署

1. 生成github.io仓库
   首先注册并登录GitHub，创建新public仓库，仓库名称一定要是：
   YourGitHubName.github.io（YourGitHubName是你的GitHub昵称，大小写敏感！

2. 本地安装Hexo的git部署插件
   在Hexo的目录下，输入npm install --save hexo-deployer-git，会报一个peerDependencies WARNING，可以忽略。

3. 本地修改_config.yaml文件

   在Hexo目录下，找到_config.yaml文件，在#Deployment做如下修改：

   # Deployment
   ## Docs: https://hexo.io/docs/deployment.html
   deploy:
     type: git
     repo: https://github.com/shmily087/shmily087.github.io.git        #你的github.io的网址
     branch: master
   

4. 部署
   hexo d
   部署成功后，浏览器输入YourGitHubName.github.io即可访问，其中YourGitHubName是你的GitHub昵称，且大小写敏感

5. 写文章&发布
   和本地一致，都是hexo new "yourArticle"后hexo clean && hexo d - g。

本地 + gitee.io 白嫖部署

大致部署同github.io部署一致，附上网页参考部署链接 Hexo+码云

阿里云ECS服务器部署

1. 思路
   本地部署Hexo，通过hexo new ""命令新建Markdown文件，存储在source/_posts目录下，可以通过Markdown编辑器进行修改，执行hexo g命令后，Markdown文件会被渲染为静态的HTML文件，存储在public/目录下，这些HTML文件就是博客展示页；
   所以，我们首先要在服务器端建立一个目录，用于存储这些HTML文件，我的是/usr/xiaoyixiao/hexo，同时这个目录也要是Nginx配置文件中的网站根目录
   而我们要如何将这些文件发送到服务器呢？一个简单的方式就是通过git发送，所以我们需要在服务器搭建一个git仓库，我的是/usr/xiaoyixiao/repo/blog.git。
   现在，我们的HTML文件被发送到了blog.git中，我们通过git的钩子函数（hook）同步到hexo目录中，就能够被Nginx识别，展示给用户了。
2. 服务器上搭建私人git仓库
   搭建自己的私人git仓库，并与本地建立SSH信任。
   完成此步后，可以得到一个repo目录下的私人仓库，和一个hexo目录，作为Hexo应用部署目录
3. 服务器上搭建Nginx
4. 服务器安装node.js

yum install -y nodejs
node -v #查看node.js版本
npm -v  #查看npm版本

5. 本地Hexo部署

本地的Hexo安装在上有详细介绍，不再介绍。
我们直接在本地Hexo目录下，找到_config.yaml文件，在#Deployment做如下修改：

# Deployment
# Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git                                                      #用户名
  repo: git@106.14.153.30:/usr/shmily087/repo/blog.git        #私人git仓库
  branch: master    

修改完成后，我们通过hexo clean和hexo d -g即可部署。

最后

以上就是无私世界为你收集整理的Hexo建站教程本地安装通过npm安装Hexo框架本地使用服务器部署的全部内容，希望文章能够帮你解决Hexo建站教程本地安装通过npm安装Hexo框架本地使用服务器部署所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。