Gatsby博客部署到腾讯云教程

发布于：2024-10-24 编辑：匿名来源：网络

原文发表于：??腾讯云前言我经历了个人博客最繁忙的时代。当时大部分个人博客都是用WordPress搭建的，是传统服务器端语言+数据库相结合的。

与近年来流行的Hexo、Jekyll、Hugo等静态编译博客的架构相比，它们显然更易于部署和维护。这里我选择了Gatsby，使用wp-gatsby-markdown-exporter插件将原来的WordPress文章转换为Markdown完成数据迁移。

由于工作原因，我选择将个人网站部署在腾讯云上。也可以将Gatsby项目托管在GitHub Pages或者国内Coding上，然后将CNAME绑定到指定的域名上，这样更方便。

整体流程整体流程温馨提示：我正在学习使用Figma制作图片。如果您需要上图的源文件，可以点击这里准备作品。

本地环境Gatsby基于Node.js，Gatsby CLI依赖Git。首先，确保本地开发环境已准备就绪。

安装 Node.js；安装 Git； Gatsby开发环境 Gatsby的CLI工具非常方便。在终端全局安装gatsby-cli代码语言： javascript copy npm install -g gatsby-cli 切换到开发目录gatsby new，然后设置项目名称，例如site，选择起始模板starter代码语言： javascript copy gatsby new 最后切换到刚才的site目录，gatsby开发代码语言： javascript copy cd /code/avenirzheng.net/v6/site #gatsby site目录。

打开浏览器访问gatsbydevelop。在某些情况下，由于代理或墙的原因，您无法使用 Gatsby CLI 从 github 拉取代码。

您可以通过可链接的npm源手动创建Gatsby站点目录。云服务器环境Gatsby最终会被编译成静态站点。

这里的云服务器环境需要一个Web服务器来存储静态网页。另外，Git环境需要使用git hooks将本地推送的文件同步到Web服务器。

这里我以CentOS 7.2的CVM为例。在腾讯云上搭建Nginx；在腾讯云上构建Git；配置 Nginx 站点。

为了方便，我们直接使用root帐号设置博客的Web目录，在服务器中创建/www/blog目录。代码语言： javascript copy mkdir /www/blog/chown -R $USER:$USER /www/blog/chmod -R /www/blog/ 然后在Nginx配置文件nginx.conf中配置站点信息。

代码语言：javascript 复制vim /etc/nginx/nginx.conf，在vim中找到服务器配置修改。按 i 键进入插入模式，按 esc 键退出编辑。

:wq 保存并退出。代码语言：javascript 复制root /www/blog； #修改为刚刚创建的目录 server_name avenirzheng.net; #修改为对应的绑定域名启动Nginx服务代码语言：javascript copy systemctl start nginx.service　配置Git仓库接下来我们创建一个Git仓库，将本地推送到仓库的文件同步到网站之前创建的目录。

我们还首先在服务器中创建 /www/git 目录。代码语言： javascript copy mkdir /www/git/chown -R $USER:$USER /www/git/chmod -R /www/git/ 然后在该目录下创建一个裸git仓库，并新建一个git hook，用于在本地挂接文件后自动将文件同步到网站。

代码语言： javascript copy cd /www/git/git init --bare blog.git 代码语言： javascript copy vim /www/git/blog.git/hooks/post-receive 在vim中，按i键进入插入模式并指定 Web 站点目录和 Git 目录的关系（粘贴以下两行代码），代码语言：javascript copy#!/bin/bashgit --work-tree=/www/blog --git-dir= /www/git/ blog.git checkout -fesc 键退出编辑，:wq 保存退出，最后修改文件权限添加可执行权限代码语言：javascript copy $ chmod +x /www/git/blog.git /hooks/post-receive 至此，我们的云服务器环境就准备好了。温馨提示：如果您不熟悉服务器命令行操作，可以在 CVM 上安装服务器运维面板，例如宝塔。

这里可以给Git仓库目录绑定一个站点域名，比如我的git.avenirzheng.net。参考上面创建站点的配置。

本地编译部署到服务器后，我们已经提到了本地和服务器的同步机制。这里我们可以使用gh-pages方便的将Gatsby编译的静态文件同步到仓库中。

本地安装 gh-pages 包。代码语言：javascript。

复制 npm install gh-pages --save-dev 配置 package.json。在脚本中添加部署发布指令。

该指令的意思是编译成功后运行gatsby build并调用gh-。 pages，将目标目录public下的文件推送到仓库的master分支。

代码语言：javascript 复制 "scripts": { "deploy": "gatsby build && gh-pages -d public -b master -r }，在本地开发目录下执行，最后输入两次服务器密码，我们的部署过程将会是你完成了。

站长声明

标签：

上一篇：使用开源大语言模型私有化部署创建数据库专家系统

下一篇：学习分享（第二期）：从源码层面看Redis的省内存设计

“家家泉”完成近亿元B轮融资，沣途资本领投

投资界（ID：pedaily）9月5日消息，水家电品牌“家家泉”（原“熊小夕”）已获完成近亿元人民币B轮融资，本轮融资由沣途资本领投，老股东纪源资本、天图资本跟投，木棉资本独家投资。这是嘉泉成立两年来完成的第四轮融资。据悉，本轮募集资金将主要用于嘉泉品牌建设以及新品

06-17
代码参与- “镭昱”成功点亮单芯片全彩芯片，助力AR眼镜革命性突破

近日，镭昱宣布成功点亮了0.39英寸单芯片全彩Micro-LED micro-显示芯片，实现了产品标准化进程的突破性进展。该芯片的成功点亮是Micro-LED单芯片全彩技术从概念到产品的重要里程碑，将为下一代消费类AR眼镜带来革命性的突破。众所周知，单芯片全彩的实现是目前制约Micro-LE

06-18
金晟新能源完成数亿元B轮融资，复星锐领投

投资圈（ID：pedaily）据8月15日消息，复星锐近日完成对广东金晟新能源有限公司的投资金晟新能源股份有限公司（以下简称“金晟新能源”）战略投资。本轮投资由郑复星锐领投，国飞展信基金、广汽资本等机构跟投。老股东中金资本、国民创投持续投资，投资金额数亿元。作为一

06-17
小米成为第四季度俄罗斯线上销量最高的冠军品牌

Counterpoint Research发布的最新研究报告显示，小米已经超越三星和苹果，成为俄罗斯线上销量最高的手机品牌今年第四季度。

06-18
微博上市全景：如何打造另一个新浪？

新浪微博（正式名称已更改为“微博”）北京时间昨晚，美国当地时间4月17日在纳斯达克正式挂牌上市。微博董事长、曹国伟携手姚晨、王力宏等微博用户代表敲响纳斯达克开盘钟。　　当天中午美股微博开盘后，股价立即快速上涨。盘中一度上涨40%以上，市场买盘交投活跃。微博首

06-18
“分时悦动”获得CEiC

投资圈（ID：pedaily）数千万元Pre-A轮投资据5月17日消息，金融数字化运营SaaS服务商北京分时悦动科技有限公司时光分享股份有限公司（以下简称“时光分享”）宣布完成数千万元Pre-A轮融资。本轮融资由光大创新资本（以下简称“CEiC”）投资。分时度假过往股东包括：红杉中

06-17
亲爱的创业者，你今天吃的是金拱门、陕北菜还是开封菜？

又到周五了，美丽大方、俏皮可爱、拥有1.5米大长腿的本雅又登场了！周末正是敞开肚皮大吃大喝的时候。想在这个美丽的周末少年吃一顿中国最传统的“金拱门”吗？是的，你我都知道麦当劳正在流行。麦当劳（中国）有限公司于10月12日更名为金拱门（中国）有限公司。麦当劳首席

06-18
远洋集团今年前两个月合约销售额突破100亿，同比增长53.68%

远洋集团（7.HK）昨日公布，1-2月累计合约销售额2月份已达到约2000万元人民币。元，累计合同销售面积约55.6万平方米，今年2月合同销售额约45.2亿元。听，中小企业反馈平台。倾听用户需求，倾听创业者声音，解决中小企业痛点。点击立即参与调查并获得礼物。

06-17
去深圳吧！创马10位评委导师阵容抢先看！

距离全球创客马拉松两周年大赛还有不到十天，赛事主办方哈德创邦的合作伙伴也在积极做最后的准备。今天小编赶紧去获取信息。据悉，今天，公司已经确定了本次大赛的评委和导师阵容。听说还有重量级人物担任评委。来看看具体权重吧~ 大赛评委封昌红，澳门科技大学MBA，中共

06-17
智能家居伴侣！乐橙小乐经验回顾

由于国内二胎政策的放开，很多家庭的宝宝数量也开始增加。国家卫生计生委表示，二胎政策放开后，短期内我国出生人口将大幅增加。到了这一年，大约有 10,000 人出生。目前，一些厂商聚焦婴幼儿市场，推出了一些针对婴幼儿的智能产品。主要是儿童手表和儿童机器人。今天我

06-18
超过110亿元！北汽新能源汽车创下行业最大单笔融资，为何全部退出……

过亿的融资金额对于新能源来说算大吗？　　据投资界8月14日消息，北汽新能源今日正式宣布，公司已完成总额1800万元B轮融资，中国信达、中基投资、兴旺产业园、国轩投资共14家投资者参与了本轮融资。　　创下新能源汽车行业单笔最大融资纪录，并已在筹备IPO。　　据了解

06-18
59岁的物美创始人即将拥有两家上市公司

难得一见的张文中悄然变身IPO收割机。投资界天天IPO（ID：pedailyIPO）获悉，物美科技已正式向港交所提交上市申请。此次，物美超市与麦德龙中国计划将产品一起打包上市。招股书显示，物美科技营业收入达1亿元。而物美科技背后站着的是曾经称霸商界的张文中。他的人生经历

06-18