首发于Enaium的个人博客，首先使用npm安装gatsby，使用gatsby–version命令查看是否安装npminstall-ggatsby-cli使用new命令后跟目录名，即可创建gatsby项目gatsby新网站使用develop参数启用gatsby服务。Gatsby开发进入8000端口后可以访问默认页面。不过本文是创建个人博客。创建项目时，后面跟一个github地址。这是gatsby官方博客模板gatsbynewbloghttps://github.com/gatsbyjs/gatsby-starter-blog这是项目的目录结构C:.├─content│└─blog│├─hello-world│├─my-second-post│└─new-beginnings├─src│├─components│├─images│├─pages│└─templates└─staticcontent主要包含markdown文件，但是如果你想被识别为博客，需要在博客中创建markdown文件。主要看博客里面有哪些文件。每个文件夹下都有一个index.md文件，地址名会根据文件夹的名字来决定C:.├─hello-world│index.md│salty_egg.jpg│├─my-second-post│index.md│└─new-beginningsindex.md这里可以直接在博客中创建markdown文件，地址名就是markdown文件名。每个markdown文件的前几行将包含由3个水平条包围的内容。这是Front-matter格式，博客信息会从这里获取，title是博客的标题，date是发布时间，description是描述，其中时间必须遵循正确的格式---title:"How使用Gatsby创建自己的博客”日期：2022-09-28T11:16:00+0800categories:javascript---下面介绍如何使用GitHub的pagesserver首先需要在项目下安装gh-pagesnpminstallgh-pages--save-dev并在项目的gatsbyconfig文件中添加pathPrefix。这里选择noprefixmodule.exports={pathPrefix:"/"}在scripts中添加deploy的意思是让gatsby生成页面，然后使用gh-pages将public目录下的所有文件推送到gh-pages项目分支，使用npmrundeploy部署到GitHub"scripts":{"deploy":"gatsbybuild--prefix-paths&&gh-pages-dpublic"}进入项目设置页面，选择左侧的页面，并选择分支为gh-pages。如果你没有自己的域名，将仓库设置为这种格式，注意GitHub用户名而不是昵称。如果你有自己的域名，让域名解析CNAME到这个地址，并在项目的静态目录下创建一个CNAME文件，填写你的域名。
