Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【腾讯云的1001种玩法】Hello Hexo之静态博客搭建+自动部署

【腾讯云的1001种玩法】Hello Hexo之静态博客搭建+自动部署

原创
作者头像
饶文津
修改于 2017-06-19 11:09:27
修改于 2017-06-19 11:09:27
4.9K00
代码可运行
举报
文章被收录于专栏:饶文津的专栏饶文津的专栏
运行总次数:0
代码可运行

在腾讯云的CentOS7云主机上部署一个Hexo博客,马上让你写博客的姿势变得更加极客。

搭建流程

先明确一下它的运作流程:本地有个 hexo 程序,里面包含了 public 文件夹,sources 文件夹,hexo 将 sources 里的*.md文件渲染为静态的 html 文件放到 public 下,然后我们用git推送到服务器的repository,服务器用git hooks把仓库里的文件同步到网站根目录,而 nginx 的作用就是反向代理。

  • 服务器环境:安装git、nginx、创建git用户
  • 本地搭建Hexo环境:安装NodeJs、hexo-cli,生成本地静态网站
  • 使用git自动化部署发布博客

一、安装git、创建git用户

在服务器上用root权限运行下面命令

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yum install git
adduser git

二、nginx安装和配置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
yum install nginx
systemctl start nginx
systemctl enable nginx.service # 设置为开机启动

修改nginx的配置文件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
vim /etc/nginx/nginx.conf

server那块改为

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
server {
        listen       80 default_server;
        listen       [::]:80 default_server;
        server_name  ffflipped.cn; #你的域名
        index index.html;
        root         /usr/www;#网站根目录

        location / {
                try_files $uri $uri/ =404;
        }

        location ~* ^.+\.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|rss|atom|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf)$ {
                access_log off; log_not_found off; expires max;
        }
}

然后执行

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
cd /usr
mkdir www
chmod -R 777 /usr/www #设置权限

作为服务器上的网站根目录。

三、本地搭建Hexo环境

安装hexo-cli(windows用git bash运行命令):

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
sudo npm install -g hexo-cli

初始化hexo,比如我要在~/blog下搭建博客

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
cd ~
hexo init blog

之后继续安装hexo-deployer-githexo-server,一个用于git自动部署,一个用于本地简单的服务器。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
cd blog
npm install hexo-deployer-git --save
npm install hero-server

执行:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
hexo g #或者hexo generate
hexo s #或者hexo server

就可以访问http://localhost:4000看到博客了。

四、自动化部署

自动化部署就是可以不用在服务器上执行操作,只要本地 git 推送上去,服务器就会通过git hooks 自动把内容同步到网站根目录。

ssh登录

为了以后每次发布时不用输入密码,我们需要创建证书登录,如果自己电脑里没有公钥(我们的公钥在这里:~/.ssh/id_rsa.pub),则创建公钥:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
ssh-keygen -t rsa -C "xx@xx.com"

有则跳过上面这步,然后复制公钥到服务器,下面这个命令就是把公钥内容读入剪贴板。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
pbcopy < ~/.ssh/id_rsa.pub

切换为git用户,添加公钥后记得要赋予文件相应权限:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
su git
cd ~
mkdir .ssh
vim .ssh/authorized_keys
#粘贴然后保存
chmod 600 ~/.ssh/authorized_keys
chmod 700 ~/.ssh

在自己电脑终端输入ssh git@你的域名验证是否配置好ssh登录。

新建仓库,配置hooks

接着上一步(git用户~目录),在服务器上创建一个裸仓库

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
git init --bare blog.git

然后

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
vim ~/blog.git/hooks/post-receive
#写入以下内容保存
#!/bin/sh
git --work-tree=/path/to/www --git-dir=~/blog.git checkout -f

再赋予它权限

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
chmod +x ~/blog.git/hooks/post-receive

本地打开_config.yml,最后面的deploy修改为:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
deploy:
    type: git
    repo: git@你的域名:/home/git/blog.git
    branch: master

我们试试能不能自动部署:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
hexo clean && hexo g --deploy

现在,打开域名看看吧。

接下来安装主题和配置hexo的其他功能就是后话了。

相关推荐

使用 Github 和 Hexo 快速搭建个人博客

【腾讯云的1001种玩法】利用腾讯云搭建个人博客

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
使用 Vultr 搭建个人的 Hexo 博客
可以在各大域名商上去申请域名,我是在 godaddy 上申请,这里需要注意的事,域名后期续费是越来越贵的,
Bug开发工程师
2020/02/12
2.3K0
使用 Vultr 搭建个人的 Hexo 博客
Hexo博客的部署和使用
Hexo是一款快速、简洁且高效的博客框架,其基于Node.js让页面快速完成渲染,强大的API带来无限可能,丰富的插件和主题让建站更容易,生成的静态网页托管在GitHub等平台上还可以省去大量服务器费用。
M.Talen
2024/05/22
1810
Hexo博客的部署和使用
从零搭建Hexo博客并部署腾讯云服务器
腾讯云服务器已经买了好一阵子了,拖延到现在才搭博客,参考各个社区里挺多教程,最后选择使用Hexo来作为自己的博客框架,好处是不用自己造轮子,而且有很多漂亮的主题可以拿来用。今天上午把搭博客过程做个小结,希望对有想法要做自己的博客的同学们有一些帮助。
用户7978588
2020/12/19
2.4K0
Github Actions Hexo 自动部署
最近重装了电脑,近几年内每次重装也好,装备新电脑也好,越来越觉得维护博客是令我比较头疼的事
imba久期
2022/12/16
4810
Github Actions Hexo 自动部署
个人hexo博客的服务端部署及构建
之前的Hexo博客放在Github上,速度太慢了,在腾讯云上买了台服务器,将博客放到上面,本节主要阐述Nginx服务端部署+Nginx优化+HTTPS部署。
公众号guangcity
2020/02/24
1.1K0
Hexo 部署至云服务器(宝塔面板)
hexo 博客部署方法有好多种,github pages、gitee pages(pro)、vercel,cloudflare page、阿里云oss、腾讯存储桶等等这些不需要购买服务器的部署方式。一般大部分都用以上方式部署自己的hexo博客,但也有少部分部署在自己服务器的同志。
Qwe7
2022/03/30
6.2K0
Hexo搭建 --- 1、搭建 Hexo 博客并部署到 Coding
前言 我一直想搭建一个个人博客,要求就是简洁,支持Markdown,可以显示文章的TOC目录。 寻找的过程中也遇到了很多坑,教程基本上都不完整,或者是直接copy别人的,而且很多教程中是将其部署到github pages上 ,但是介于网速问题,还是选择了国内的Coding。下面先将我的经历给大家分享下。 JPress :国产,开源,基于JFinal开发的,主题生态系统正在快速完善中,但是markdown支持不好,所以就放弃了。 Ghost : 也很简洁,基于Node.js开发,有后台管理页。与markdow
一份执着✘
2018/06/04
2.5K0
手把手教你搭建一个技术人的博客
在我们正式开始搭建一个完全属于我们自己的博客之前,我们首先要做好一些事前的准备(当然,如果你没有做好准备也没有关系,下面会一步一步的教你搞定这些)
山禾说
2020/07/24
5090
手把手教你搭建一个技术人的博客
Hexo+Github/Gitee搭建静态网站博客
Hexo是一个快速,简单,功能强大的开源博客框架。 GitHub/Gitee Pages 是一个国内外静态资源网站。 两者结合可以搭建用户自己的静态网站。
leehao
2025/02/11
1600
Hexo+Github/Gitee搭建静态网站博客
Hexo博客部署腾讯云服务器
设置的密码看不到,你直接输入就可以了。这里我设置的密码太简单了会有这样的提示。不用关心直接输入,看到成功提示即可。
程序员Leo
2023/08/07
6070
Hexo博客部署腾讯云服务器
Hexo之我的个人博客改用自己服务器搭建
最近小明介绍完自己用hexo+git搭建个人博客,大家好像更关心的是域名mynamecoder.com,不是应该关注技术嘛,让小明哭笑不得?,今天继续给大家讲一下如果觉得这两个代码托管平台打开加载太慢
程序员小明
2019/10/14
2.6K1
开发小白也毫无压力的hexo静态博客建站全攻略
本文介绍对开发小白也毫无压力的hexo静态博客建站全攻略,github.io与coding.me的静态博客类似,3年前本人基于本机Windows在github.io上创建了静态Github Pages - yanglr,本文以在Coding pages上建站为例。
Enjoy233
2019/03/04
1.7K0
博客更新-迁移博客至Hexo的艰辛
Windows下访问GitDownload下载页面(已下载可跳过) 由于下载速度可能过慢,这里给网盘下载
筱锋xiao_lfeng
2022/03/16
4810
博客更新-迁移博客至Hexo的艰辛
Hexo部署远程仓库(Conding、Gitee、Github)
Git可以有效、高速的处理各种项目版本管理。也就是用来管理你的hexo博客文章,上传到GitHub的工具。
咕咕星
2020/08/19
1.3K0
Hexo部署远程仓库(Conding、Gitee、Github)
使用 hexo+github pages 搭建个人博客
3、配置 _config.yml,将下面代码复制到项目根目录 _config.yml 文件的最后
Leophen
2020/04/22
5030
使用 hexo+github pages 搭建个人博客
关于如何利用hexo+github搭建个人静态博客
和node.js:https://nodejs.org/zh-cn/ (版本号要小一点,否则会不兼容,应在14以下,我所使用的版本是12.16.2)
f1sh
2024/07/10
1210
Mac/Linux/Windows如何从零开始搭建Hexo静态博客并部署到远程平台
本文同步博客图文( ´▽`):https://www.mintimate.cn/2020/03/19/hexo
Mintimate
2021/01/29
2.3K0
Mac/Linux/Windows如何从零开始搭建Hexo静态博客并部署到远程平台
Hexo博客搭建基础教程(一)
打开Node官网,下载和自己系统相配的Node的安装程序,否则会出现安装问题。 下载地址:https://nodejs.org/en/download/
777nx
2023/05/02
3650
Hexo博客搭建基础教程(一)
The deployment of Hexo
Hexo的标签就是高效渲染+静态+简单,安装好后的后续文章的推送和页面的一些修改采用的是git方式的推送,通过密钥方式登录避免了每次推送更新都要输入密码的麻烦。安装过程主要分为服务器端的安装后本地客户端的安装,服务器端需要安装nginx+git+node.js,客户端的话是:git+node.js+hexo。
Tommonkey
2023/02/25
3620
Hexo + Gitee 搭建个人博客
其实,如果你要求不高,我们再把它部署到码云(gitee)上,现在也可以说是完成了。
野原测试开发
2020/06/05
1.1K0
推荐阅读
相关推荐
使用 Vultr 搭建个人的 Hexo 博客
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验