1 阿里云服务器安全组规则中启用80,4000,22端口,

记得出方向也要设置,否则...

2 域名指向服务器ip

3 安装git

yum install git

4 安装node.js

下载地址为:(可以通过wget命令,或者自己的电脑上传)

https://nodejs.org/dist/v12.13.1/node-v12.13.1-linux-x64.tar.gz

解压缩

[root@VM_0_7_centos ~]# tar zxvf node-v12.13.1-linux-x64.tar.gz

放到/usr/local下

[root@VM_0_7_centos ~]# mv node-v12.13.1-linux-x64 /usr/local/

软链接到 /bin 目录

[root@VM_0_7_centos ~]# ln -s /usr/local/node-v12.13.1-linux-x64/bin/node /bin/node
[root@VM_0_7_centos ~]# ln -s /usr/local/node-v12.13.1-linux-x64/bin/npm /bin/npm

测试环境变量

[root@VM_0_7_centos ~]# node -v
v12.13.1
[root@VM_0_7_centos ~]# npm -v
6.12.1

5 安装hexo

npm install -g hexo-cli

设置软连接

[root@VM_0_7_centos node_modules]# ln -s /usr/local/node-v12.13.1-linux-x64/lib/node_modules/hexo-cli/bin/hexo /bin/hexo

生成博客文件

[root@VM_0_7_centos ~]# hexo init hexos

[root@VM_0_7_centos ~]# cd hexos/

生成静态连接

[root@VM_0_7_centos hexos]# hexo g
[root@VM_0_7_centos hexos]# hexo s

查看网页

http://106.54.3.104:4000/

6 安装Nginx

[root@VM_0_7_centos hexos]# yum install nginx

开启服务

[root@VM_0_7_centos hexos]# systemctl start nginx

查看页面

http://IP地址

设置开机自启动

[root@VM_0_7_centos hexos]# systemctl enable nginx
Created symlink from /etc/systemd/system/multi-user.target.wants/nginx.service to /usr/lib/systemd/system/nginx.service.

7修改nginx配置文件

[root@VM_0_7_centos public]# vim /etc/nginx/nginx.conf

修改第4行

user root;

修改第41行

        server_name  www.sunlizhao.cn;

修改第42行

        root         /root/hexos/public;

进入博客目录(清除缓存,生成页面,上传)

[root@VM_0_7_centos hexos]# pwd
/root/hexos
[root@VM_0_7_centos hexos]# hexo clean
[root@VM_0_7_centos hexos]# hexo g
[root@VM_0_7_centos hexos]# hexo d

重启nginx服务

[root@VM_0_7_centos hexos]# nginx -s reload

通过ip或者域名都可以访问到页面了!

云服务器+域名+hexo 搭建博客的更多相关文章

  1. 基于Hexo搭建博客并部署到Github Pages

    基于Hexo搭建博客并部署到Github Pages 之前在简书上写东西,觉得自己还是太浮躁.本来打算用Flask自己写一个,以为是微框架就比较简单,naive.HTML.CSS.JS等都要学啊,我几 ...

  2. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(四)-使用Travis自动部署Hexo(2)

    前言 前面一篇文章介绍了Travis自动部署Hexo的常规使用教程,也是个人比较推荐的方法. 前文最后也提到了在Windows系统中可能会有一些小问题,为了在Windows系统中也可以实现使用Trav ...

  3. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(三)-使用Travis自动部署Hexo(1)

    前言 前面两篇文章介绍了在github上使用hexo搭建博客的基本环境和hexo相关参数设置等. 基于目前,博客基本上是可以完美运行了. 但是,有一点是不太好,就是源码同步问题,如果在不同的电脑上写文 ...

  4. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(二)-Hexo参数设置

    前言 前文手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置介绍了github注册.git相关设置以及hexo基本操作. 本文主要介绍一下hexo的常用参数设置. ...

  5. 手把手教从零开始在GitHub上使用Hexo搭建博客教程(一)-附GitHub注册及配置

    前言 有朋友问了我关于博客系统搭建相关的问题,由于是做开发相关的工作,我给他推荐的是使用github的gh-pages服务搭建个人博客. 推荐理由: 免费:github提供gh-pages服务是免费的 ...

  6. 利用hexo搭建博客

    利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下 ...

  7. 使用github+hexo搭建博客笔记

    听说github上可以搭博客,而且不用自己提供空间和维护,哈哈哈 作为一名程序猿,github搭博客对我有种神奇的吸引力,赶紧动手试一试 关于如何使用hexo搭建博客网上好的教程多如牛毛,而且这篇博客 ...

  8. github+hexo搭建博客

    引言     之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题: 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这 ...

  9. hexo搭建博客系列(三)美化主题

    文章目录 其他搭建 1. 添加博客图标 2. 鼠标点击特效(二选一) 2.1 红心特效 2.2 爆炸烟花 3. 设置头像 4. 侧边栏社交小图标设置 5. 文章末尾的标签图标修改 6. 访问量统计 7 ...

随机推荐

  1. less使用入门

    概要 为什么要有预处理CSS CSS基本上是设计师的工具,不是程序员的工具.在程序员的眼里,CSS是很头痛的事情,它并不像其它程序语言,比如说PHP.Javascript等等,有自己的变量.常量.条件 ...

  2. thinking in JAVA 编译记录

    编辑/编译<thinking in JAVA>源代码 一.下载源代码 首先,我阅读的是<thinking in JAVA>第四版,因此按照书中提供的链接找到了mindview主 ...

  3. 认证域名与SSL证书的区别

    一.认证域名与SSL证书的区别 SSL 证书使访问者的 Web 浏览器和网站的服务器之间的安全. 加密连接,并确保交易的安全从篡改和拦截.认证域名向网站访客的注册和控制该网站的域名已验证.认证域名并不 ...

  4. 🙈羞,Spring Bean 初始化/销毁竟然有这么多姿势

    文章来源:http://1t.click/bfHN 一.前言 日常开发过程有时需要在应用启动之后加载某些资源,或者在应用关闭之前释放资源.Spring 框架提供相关功能,围绕 Spring Bean ...

  5. Zxing QRCode

    1.拉伸 2.只能扫描一次 3.空指针异常

  6. react create-react-app使用less 及关闭eslint

    使用less和关闭eslint都需要先运行命令 npm run  eject 来暴露配置文件,(不可逆的) 一.less使用 运行命令安装less npm install less less-load ...

  7. AppBoxFuture: 集成第三方Sql数据库

      框架设计之初是不准备支持第三方数据库的,但最近几个朋友都提到需要将旧的基于传统Sql数据库的应用迁移到框架内,主要是考虑到一方面目前框架内置的分布式数据库尚未完善,另一方面是希望能逐步迭代旧应用替 ...

  8. Dart Learn Notes 02

    Functions Dart是一门面向对象的语言,所以即便是方法也是一个对象,它的类型是Function. 这就意味着方法可以指向变量,也可以作为方法中的参数供其他方法使用.甚至可以让 一个类作为一个 ...

  9. vue防抖节流之v-debounce--throttle使用指南

    最新封装了一个vue防抖节流自定义指令,发布到npm上,有用欢迎star,谢谢! npm地址:https://www.npmjs.com/package/v-debounce-throttle git ...

  10. find_all的用法 Python(bs4,BeautifulSoup)

    find_all()简单说明: find_all() find_all() 方法搜索当前tag的所有tag子节点,并判断是否符合过滤器的条件 用法一: rs=soup.find_all('a') 将返 ...