在阿里云服务器中应该怎么建立Hexo个人博客？

最新推荐文章于 2023-03-01 00:40:12 发布
最新推荐文章于 2023-03-01 00:40:12 发布
阅读量105 收藏
点赞数
分类专栏： 服务器 文章标签： 阿里云 hexo
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55512894/article/details/114024151
版权

1. 博客的架构

先搞明白Hexo博客从搭建到自动发布的架构，才能更好的理解我们每一步进行的操作。
不然只跟着步骤过了一遍，却不知道为什么这么做。

首先看这张架构图：


image.png

整个流程就是本地将 *.md 渲染成静态文件，然后Git推送到服务器的repository,服务器再通过 git-hooks 同步网站根目录。

2. 整个搭建流程

前提条件：阿里云服务器

第一部分: 服务器环境搭建，包括安装 Git 、Nginx配置 、创建 git 用户 。

第二部分: 本地Hexo初始化， 包括安装 NodeJS 、hexo-cli, 生成本地静态网站

第三部分: 使用Git自动化部署发布博客

3. 服务器环境搭建

3-1.安装Git和NodeJS (CentOS 环境)


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      yum 
      
      install git
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      #安装NodeJS
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      curl 
      
      --silent --location https://rpm.nodesource.com/setup_5.x | bash -

NodeJS 安装可以参考： Linux安装NodeJS

3-2. 创建git用户


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      adduser 
      
      git
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      chmod 
      
      740 /etc/sudoers
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      vim 
      
      /etc/sudoers

找到以下内容


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      ## Allow root to run any commands anywhere
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      root    
      
      ALL=(
      
      ALL)     
      
      ALL

在下面添加一行

git ALL=(ALL) ALL

保存退出后改回权限

chmod 400 /etc/sudoers

随后设置Git用户的密码，


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      #需要root权限
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      sudo 
      
      passwd git

切换至git用户，创建 ~/.ssh 文件夹和 ~/.ssh/authorized_keys 文件，并赋予相应的权限


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      su git
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      mkdir ~/.ssh
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      vim ~
      
      /.ssh/authorized_keys
     
     
    
    
    
  4. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      #然后将电脑中执行 cat ~
      
      /.ssh/id_rsa.pub | pbcopy ,将公钥复制粘贴到authorized_keys
     
     
    
    
    
  5. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      chmod 
      
      600 ~
      
      /.ssh/authorzied_keys
     
     
    
    
    
  6. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      chmod 
      
      700 ~/.ssh

然后就可以执行ssh 命令测试是否可以免密登录

ssh -v git@SERVER

至此，Git用户添加完成

3-3. Nginx安装和配置

我是用的是lnmp 一键安装包，nginx安装教程一大堆，就不再叙述。主要看nginx配置。
找到nginx的配置文件，修改配置如下：


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      server
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      {
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      listen 
      
      80;
     
     
    
    
    
  4. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      #listen [::]:80;
     
     
    
    
    
  5. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      server_name www.seekbetter.me seekbetter.me;
     
     
    
    
    
  6. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      index index.html index.htm index.php default.html default.htm default.php;
     
     
    
    
    
  7. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      #这里要改成网站的根目录
     
     
    
    
    
  8. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      root  /path/to/www;  
     
     
    
    
    
  9. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
     
     
     
    
    
    
  10. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      include other.conf;
     
     
    
    
    
  11. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      #error_page   404   /404.html;
     
     
    
    
    
  12. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      location 
      
      ~ .*\.(ico|gif|jpg|jpeg|png|bmp|swf)$
     
     
    
    
    
  13. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
          {
     
     
    
    
    
  14. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
            
      
      access_log   
      
      off;
     
     
    
    
    
  15. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
            
      
      expires      
      
      1d;
     
     
    
    
    
  16. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
          }
     
     
    
    
    
  17. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
     
     
     
    
    
    
  18. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      location 
      
      ~ .*\.(js|css|txt|xml)?$
     
     
    
    
    
  19. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
          {
     
     
    
    
    
  20. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
            
      
      access_log   
      
      off;
     
     
    
    
    
  21. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
            
      
      expires      
      
      12h;
     
     
    
    
    
  22. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
          }
     
     
    
    
    
  23. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
     
     
     
    
    
    
  24. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      location / {
     
     
    
    
    
  25. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
            
      
      try_files 
      
      $uri 
      
      $uri/ =
      
      404;
     
     
    
    
    
  26. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
          }
     
     
    
    
    
  27. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
     
     
     
    
    
    
  28. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      access_log  /home/wwwlogs/blog.log  access;
     
     
    
    
    
  29. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      }

4. 本地Hexo程序

4-1：初始化Hexo博客

首先要安装 hexo-cli，安装hexo-cli 需要 root 权限，使用 sudo 运行

sudo npm install -g hexo-cli

然后初始化Hexo程序


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      cd ~
      
      /Documents/code
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo init blog

等执行成功以后安装两个插件， hexo-deployer-git 和 hexo-server ,这俩插件的作用分别是使用Git自动部署，和本地简单的服务器。

hexo-deployer-git帮助文档
hexo-server帮助文档


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      cd blog
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      npm 
      
      install hexo-deployer-git 
      
      --save
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      npm 
      
      install hero-
      
      server

4-2. 生成自己的第一篇文章 hello world !

使用 hexo new <文章名称> 来新建文章，该命令会成成一个 .md文件放置在 sources/_posts文件夹。


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo 
      
      new 
      
      "hello Hexo"
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      vim sources
      
      /_posts/hello-hexo.md

编辑完毕以后， 使用hexo g将 .md文件渲染成静态文件，然后启动hexo-server：


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo 
      
      g
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo 
      
      server

现在便可以打开浏览器访问 http://localhost:4000 来查看我们的博客了！

5. 自动化部署

5-1：服务器上建立git裸库

创建一个裸仓库，裸仓库就是只保存git信息的Repository, 首先切换到git用户确保git用户拥有仓库所有权
一定要加 --bare，这样才是一个裸库。


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      su 
      
      git
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      cd 
      
      ~
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      git 
      
      init --bare blog.git

5-2. 使用 git-hooks 同步网站根目录

在这里我们使用的是 post-receive这个钩子，当git有收发的时候就会调用这个钩子。 在 ~/blog.git 裸库的 hooks文件夹中，
新建post-receive文件。


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      vim ~
      
      /blog.git/hooks/post-receive
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
     
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      #!
      
      /bin/sh
     
     
    
    
    
  4. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      git --work-tree=
      
      /path/to/www --git-dir=~/blog.git checkout -f

保存后，要赋予这个文件可执行权限

chmod +x post-receive

5-3. 配置_config.yml,完成自动化部署

然后打开 _config.yml, 找到 deploy


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      deploy:
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      type: git
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      repo: git
      
      @SERVER:/home/git/blog.git    
      
      //<repository url>
     
     
    
    
    
  4. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      branch: master            
      
      //这里填写分支   [branch]
     
     
    
    
    
  5. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
        
      
      message: 提交的信息         
      
      //自定义提交信息 (默认为 Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }})

保存后，尝试将我们刚才写的”hello hexo”部署到服务器


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo 
      
      clean
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo 
      
      generate --deploy

访问服务器地址，就可以看到我们写的文章”Hello hexo”,以后写文章只需要：


  
  
  1. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo 
      
      new 
      
      "Blog article name"
     
     
    
    
    
  2. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      ···写文章
     
     
    
    
    
  3. 
    
    
    
     
     
    
    
    
    
    
    
    
     
     
    
      
      hexo clean && hexo generate --deploy

博客就更新咯！~

面对国内众多的云平台，个人和企业该如何选择呢？可以参考这篇文档：【云服务器推荐】2021年腾讯云、阿里云、华为云服务器价格和配置评测

云开发者小李
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
在服务器上搭建hexo博客
moumaobuchiyu的博客
04-21 9188
随着Vateral主题的开发接近了尾声，在对主题速度优化的时候发现之前用的githubpage问题多多：首先就是因为在国内的原因，访问速度本身就很慢，曾经有次加载一张16kb的图标时间耗费了26s！！？
在服务器/GitHub上搭建Hexo博客
XTStarry的博客
12-15 623
  本文章首发于：http://www.xtstarry.top/index.php/2018/07/24/在服务器-github上搭建hexo博客/ 前言 Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页，更多介绍请访问 Hexo官方网站。 本篇文章的目的是帮助新手快速建立自己的博客，并发布...
关于从零搭建Hexo博客并部署阿里云服务器（奶妈级教学）
m0_64068722的博客
11-17 645
前言 前天刚买了个云主机，就开始学着搭博客了，参考了挺多大手的博客，最终还是选择使用Hexo来作为自己的博客框架。测试结束了，今天也将自己搭博客过程中踩过的坑做一个输出，希望对有想法要做自己的博客的同学们有一些帮助。 一、云服务器和域名的购买 云服务器 服务器我选择的是阿里云这边的，由于自己是学生所以体验了一把阿里云的云翼计划，当然阿里云和腾讯云的价格都差不多，同学们可以自行选择。 域名 域名可以上万网自己找自己喜欢的，在这里要说的是，如果是国内的域名是要备案的，我的域名也正在备
服务器上的Hexo博客搭建
qq_50640292的博客
05-20 64
请转值我的博客查看：hexo博客搭建步骤 | Akari
将Hexo搭建到自己的服务器上
qq_38679881的博客
01-28 2609
将Hexo搭建到自己的服务器上 文章目录将Hexo搭建到自己的服务器上第一部分：服务器端的操作1.安装git 和nginx2.添加一个git用户3.给git用户添加ssh密钥4.创建git仓库实现自动部署5.配置nginx6.修改git用户的默认shell环境7.解析域名第二部分：客户端的操作1. 安装Git2. 安装nodejs配置npm镜像国内优秀npm镜像淘宝npm镜像cnpmjs镜像如何使用1.临时使用2.持久使用（推荐使用）3.通过`cnpm`使用 （也可以使用cnpm）3.安装hexo4. 将h
阿里云 Hexo 项目部署文档
06-02
阿里云Hexo项目部署文档是指导用户如何在阿里云平台上使用Serverless服务来部署个人博客或网站的详细指南。Hexo是一款快速、简洁且高效的静态站点生成器，它可以帮助开发者将Markdown格式的内容转换为静态网页，非常...
云计算之阿里云的偏架构运维.pdf
09-22
本文主要讲解了云计算之阿里云的偏架构运维，涵盖了API网关、Docker Compose、Jenkins、GitHub Pages、Hexo、Linux操作系统、Webpack编译原理、commitlint、perttier+eslint+husky、前端安全性问题、前端架构工作、...
hexo-blog:Hexo博客（管理端）
03-18
任意找一台Linux服务器（阿里云，腾讯云等） 安装Docker 把当前仓库结帐到服务器： git clone https://github.com/lyy289065406/hexo-blog 新建的文章的空仓库（用于发布正式环境的博客内容）： ...
blog:yuque和hexo的博客功能
05-01
Yuque（语雀）则是阿里云开发的一款云端知识库工具，它更注重于文档的编写和管理，同时也支持创建博客。Yuque的特点包括： 1. **实时协作**：Yuque支持多人同时编辑文档，非常适合团队合作。 2. **富文本编辑**：...
个人搭建博客真实发布模板
最新发布
06-08
在这个“个人搭建博客真实发布模板”中，我们将探讨如何一步步创建属于你自己的博客。 首先，你需要选择一个合适的博客平台或框架。常见的有WordPress、Jekyll、Hexo等。这些平台提供了不同级别的灵活性和自定义...
阿里云服务器部署 Hexo 博客
02-10 491
文章目录背景服务器配置连接远程服务器创建新用户切换新用户配置 `SSH`配置 `Git`安装 `nginx`本地配置:创建 `hexo` 文件夹部署到远程服务器参考 ​ 简 述： 在阿里云服务器上部署 Hexo 博客。 本文初发于 偕臧 https://xmuli.tech，同步转载于此。 背景 ​ 初，将 hexo 部署在 GitHub，因访问较慢；不久，改成 hexo 部署在 GitHub + Coding 双线程解析，实测 coding 是韩国的服务器，访问加速不明显（现在好像升级了，
基于云服务器的hexo博客搭建（稳）
weixin_56301399的博客
03-01 1445
完成部署后可以去Hexo主题下载自己喜欢的主题，美化博客。现在去本地主机浏览器上输入域名或者公网IP，访问你的博客吧！
个人博客搭建-Hexo（个人服务器篇）
kinghzking的专栏
01-12 1260
文章目录CentOS服务器环境搭建（安装 Git和Node.js）安装hexo下载代码并启动ngnix端口重定向域名解析配置服务器配置文件启动服务器查看个人博客及其他web服务参考资料 导读： hexo真的很轻量，之前的halo占了400M的空间（可能安装的插件过多了），而hexo只占了54M，相差七八倍。 本文是在文章个人博客搭建-Hexo的基础上，增加几项内容搭建而成： CentOS服务器环境搭建 ngnix端口重定向 CentOS服务器环境搭建（安装 Git和Node.js） ## 安装 Gi
从零开始在云服务器搭建Hexo个人博客
反方向的周-博客
09-19 496
1.购买服务器 首先需要有服务器，也可以在github pages或者gitee pages上部署，我服务器安装的是centos7.6系统；接下来是选择博客框架，看了网上相关推荐和教程，我最终决定用Hexo来搭建博客 2.安装Hexo 因为Hexo依赖node.js，因此推荐安装nvm来管理node.js版本 安装nvm 点此下载nvm或者直接执行下面这行命令(当前最新版为0.38) 再先后执行下面命令 wget -qO- https://raw.githubusercontent.com/nvm-sh
【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面(下)
御七彩虹猫
04-28 812
【hexo博客搭建】将搭建好的hexo博客部署到阿里云服务器上面
阿里云服务器和 hexo 博客实战
qq_37391214的博客
05-16 1864
疫情在家，突然看到了阿里云推出了大学生在家实践计划（是心动的感觉）。刚好看到别人分享的如何用阿里云建立了个人博客。所以实践了以下，这里做个教程给自己来个不时之需。 整个建立过程涉及到 hexo，nginx，node.js，Linux ，ssh ，git 等操作 介绍 Hexo 它是 node.js 制作的一个博客工具。它能够完成生成静态页面加上传的功能。点击 hexo 官网，你可以看到更多介绍和信息 。 Hexo 只需要在本地安装即可，不需要在服务器上面安装。我们只需在本地编写 Markdown 文章。通过
【Hexo搭建】免费快速搭建Hexo博客网站并部署上线
D_AKJS
02-16 1568
Hexo是一个快速、简洁且高效的博客框架。基于Node.js，它可以帮助您使用Markdown(或其他渲染引擎) 轻松创建网站，具有强大的插件系统和主题支持，可以让您构建定制的网站。Hexo的文件结构清晰，可以轻松管理您的内容。它提供了一个强大的命令行界面，可以让您快速开始创建内容，并且它拥有一个强大的API，可以让您在您的工作流程中自定义您的网站构建过程。​GitHub是一个开源的版本控制系统，可以用来存储和跟踪代码以及文档的变化，并且可以与其他开发者共享项目。它使用Git。
阿里云 CentOS7.9 搭建 Hexo 个人博客教程
热门推荐
LuciferLiu_DBA
02-22 1万+
最近买了个阿里云服务器，于是打算搭建一个个人博客网站，使用的是 Hexo，分享一下整个搭建过程。
阿里云+github+Hexo部署静态资源博客
大鱼物联
04-22 1613
安装前提 安装 Hexo 相当简单。然而在安装前，您必须检查系统中中是否已安装下列应用程序： Node.js Git 安装 Git shell&gt;um install git-core 安装 Node.js shell&gt;wget -qO- https://raw.github.com/creationix/nvm/master/install.sh | sh 安装完成...
hexo搭建个人博客mac
03-31
7. 预览博客：在终端中执行以下命令来启动Hexo服务器并预览博客： ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000` 就可以看到你的博客了。 以上就是在Mac上使用Hexo搭建个人博客的基本步骤。如果...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值