使用Hexo搭建博客并部署到服务器,告别访问延迟的烦恼

news/2024/7/7 21:46:41 标签: hexo, nginx, nodejs

使用Hexo搭建个人博客,然后把代码提交到服务器,访问会很快哦

  • 前言
  • 一、安装所需环境
    • 1.Node.js安装
    • 2.Nginx安装
  • 二、使用Hexo搭建博客
    • 1.搭建一个新项目
    • 2.代码提交到服务器
  • 总结


前言

一般我们的hexo个人博客都是放在github的,但毕竟是国外的东西,部署以及访问都比较麻烦。因此我们可以直接把代码提交到云服务器,然后利用nginx来达到我们想要的快速访问效果,拒绝网络延迟


提示:以下是本篇文章正文内容,下面案例可供参考

一、安装所需环境

你想要大展身手肯定需要现有吃饭的家伙对吧,我们先来安装npm和nginx,你们可以装在自己电脑上,下面我是装在windows服务器上仅供参考

1.Node.js安装

去官网下载msi文件

然后我们直接运行就好了

在这里插入图片描述

然后我们在命令窗口看一下是否安装好了,因为安装程序已经自动把path加到环境变量了,其他的环境变量配置之后会提到,来吧我们可以直接敲命令看版本号了

node -v
npm -v

在这里插入图片描述

然后我们在安装目录新建两个文件夹 node_globalnode_cache ,然后执行以下命令

npm config set prefix "C:\node\node_global"
npm config set cache "C:\node\node_cache"

再来配置一下镜像方便快速下载组件

npm config set registry=http://registry.npm.taobao.org

这3步完成之后来看一下是否配置完成了,执行npm config list看一下就ok了

在这里插入图片描述

然后在系统环境变量中新建一个变量名为 NODE_PATH 值为C:\nodejs\node_modules

在这里插入图片描述

然后编辑用户变量里的Path,将下图的那个路径改为 C:\nodejs\node_global
在这里插入图片描述

然后来执行npm更新命令 npm install npm -g ,其实 -g 就是安装至全局,然后安装Hexo来测试吧

npm install hexo -g
hexo -v

在这里插入图片描述

2.Nginx安装

去网站下载压缩包,以1.18.0为例
在这里插入图片描述
解压后如图

在这里插入图片描述
启动nginx有多种方法

(1)直接双击nginx.exe,双击后一个黑色的弹窗一闪而过

(2)在nginx解压目录下打开cmd,输入命令 nginx.exe 或者 start nginx ,回车即可

然后检查nginx是否启动成功

在浏览器地址栏输入网址 http://localhost:80 出现以下页面则是成功了

在这里插入图片描述
然后就可以去使用hexo来搭建博客去了

二、使用Hexo搭建博客

1.搭建一个新项目

你先要创建一个存放博客代码的空文件夹,我建立在了 D:\- Blog\youblog 并起名为myblog
然后进入这个文件夹,打开cmd

在这里插入图片描述
然后执行初始化命令,可能这时间得等一会儿,完成之后你会发现该文件夹不再那么null了

hexo init

在这里插入图片描述在这里插入图片描述

然后执行生成,启动命令

// 编译生成静态页面
hexo g
// 启动本地服务
hexo s

编译后会多个 public 文件夹,里面是生成的相关的html文件,启动服务后就可以在本地输入 http://localhost:4000 来访问了

在这里插入图片描述这个页面就证明已经在本地运行成功了,主题之后教大家改,我们接下来要做的就是提交到服务器,让服务器给我们代理并绑定域名

2.代码提交到服务器

先来看一下我之前的博客部署到linux服务器后的文件内容

在这里插入图片描述
可以看看部署到linux服务器

至于windows服务器,则需要配置ssh,端口,git一大堆的东西,我们可以直接将代码放在一个目录后,修改nginx直接访问即可


总结

暂无


http://www.niftyadmin.cn/n/856901.html

相关文章

java从小到大排序函数_Java8函数之旅 (五) -- Java8中的排序

前言对数据进行排序是平常经常会用到的操作之一,使用Jav8排序可以减少你在排序这方面的代码量,优化你的代码。测试用例代码定义个实体类User,拥有姓名name,年龄age,积分credits三个属性,定义一个包含User的集合,用于排序&#xff…

cucumber java 搭建_intelj idea cucumber java搭建教程

intel j idea cucumber java搭建教程Cucumber 是一个能够理解用普通语言 描述的测试用例的支持行为驱动开发(BDD)的自动化测试工具,用Ruby编写,支持Java和.Net等多种开发语言。cucumber是非常重要的,那么如何在java中正确使用cucumber呢&…

java display使用方法_Java Style.setDisplay方法代码示例

import com.google.gwt.dom.client.Style; //导入方法依赖的package包/类Overridepublic TableRow drawRow(DataView dataView, RowComponent rowComponent, Object valueKey,List> columns, boolean redraw) {T data rowComponent.getData();TableRow row rowComponent.g…

Java随机字符串与简单加密工具类

Java随机字符串工具类与简单加密工具类前言一、随机工具类1.创建RandomUtils类2.测试方法二、加密工具类1.创建EncryptUtils类2.测试加密方法总结前言 我们都知道Java有一些自带的Random类,不过我们也可以简单的自己封装成工具类,然后用在我们项目ID&am…

java 三角形排列_java编写一个很简单程序,三角形的排列字符串

Strings”abcdef“;写一个方法trianglePrint(s){}这个方法的输出是afabefabcdef是个等边三角形,要求用递归的思想来做,不能有任何for循环谢谢啦publicclassA4Q1umtan42{publicstat...String s ”abcdef“;写一个方法 trianglePri…

Vue+SpringBoot导出Excel,自定义要导出的表格的列

VueSpringBoot导出Excel,自定义要导出的表格的列前言一、Vue弹出层?1.数据展示2.导出弹出层3.弹出层界面二、后端API1.控制类2.实现逻辑3.所需工具类总结前言 之前一篇博客介绍了使用POI来完成报表的导出,默认都是导出所有数据列&#xff0c…

58到家java开发_58到家,java开发实际面试题

1.介绍自己最熟悉的项目2.项目涉及的技术栈3.说下SpringMVC的流程4.handlerMapping的作用5.SpringMVC的ModelAndView的返回类型有几种6.解释下Spring的AOP和IOC7.Spring的作用,为什么要用它来创建Bean8.日志Log4j用过吗9.Hibernate和mybatis的区别10.Oracle中索引分…

java覆盖和重载_Java中覆盖和重载的区别

展开全部Java中覆盖和重载的区别如下:override 可以翻译为覆盖,从字面就可以知道,它是覆盖了一个方法32313133353236313431303231363533e58685e5aeb931333339666639并且对其重写,以求达到不同的作用。最熟悉的覆盖就是对接口方法的…