前言也许你想拥有自己的博客来展示自己或者记录面试的生活，但是一直没有找到合适的平台；也许你有一些自己的Gadgets想部署到服务器上，但是服务器有点贵，而且工人不愿意，那么vercel平台可能是你不错的选择，不花钱，接入速度很快，域名也可以！这篇文章的主要目的是帮助想要拥有自己博客的朋友们，提供一整套的博客建设解决方案，那么现在就开始吧！介绍vercel：Vercel提供了一个云平台，可以优化整个项目的开发和部署体验。它具有值得探索的强大功能。个人免费使用，提供域名访问，使用方便快捷。hexo：Hexo是一个基于nodejs的静态博客网站生成器。使用脚手架安装后，命令操作简单，开箱即用。它支持丰富的主题和高度的定制化。它主要使用markdown语法。您可以开发自己的插件来优化您的博客。在搭建博客之前，我们需要做一些准备工作，首先是vercel平台的账号，其次是安装nodejs和hexo-cli脚手架。注册vercel1，首先，在Vercel官网（https://vercel.com/）注册一个新账号。注册新用户必须使用Github、Gitlab或Bitbucket账号进行授权并绑定手机号。注册完成后，您可以在配置页面修改邮箱地址。推荐使用Github进行授权登录，选择Github上的项目直接部署会很方便。2、注册成功后，可以登录系统查看和设置相关的东西。这是我目前部署的一些东西。安装hexo-cli在安装hexo-cli之前，你需要确保你的电脑上已经安装了nodejs。nodejs需要到node官网下载。安装nodejs后，npm也会相应安装，然后就可以安装hexo-cli了。安装命令：npminstallhxo-cli-g查看是否安装成功，在终端执行命令：hexo-v，如果出现如下内容，则表示安装成功。vercel+hexo创建项目vercel平台支持选择多种项目模板，包括但不限于Next.js、Nuxt.js、Hexo、Angular等类型。当然我们这里选择hexo模板。登录系统后，点击新建项目，新建项目，进入项目选择。可以选择git仓库中已有的项目，也可以选择系统提供的模板项目。这里我们选择系统提供的模板工程，点击右下角的BrowseAllTemplates找到Hexo模板工程。选择模板后，进入创建项目的位置选择。目前团队项目需要专业版，需要付费。选择个人并单击个人帐户后面的选择按钮。输入创建仓库的位置，可以选择Github、Gitlab、Bitbucket，根据需要选择仓库的存储地址。这里我选择Github。选择Github后，因为我登录时使用的是Github授权，所以这里直接显示了我的GitHub名称。仓库名我们填写为hexo，你也可以填写其他的仓库名，比如blog，myblog等。CreateprivateGitRepository可以勾选也可以不勾选。如果勾选，会创建一个私有仓库，这样别人看你的Github时就看不到这个仓库。选择后点击继续进入下一步。进入下一步后，需要配置项目名称PROJECTNAME，即项目生成后package.json中的name字段。这里我们保持默认，也可以填自己喜欢的名字；FRAMEWORKPRESET默认选择Hexo。因为我们要创建的是一个hexo博客；可以在BuildandOutputSeetings中配置自定义打包命令，后面打开override选项后，可以设置我们自定义的打包命令和打包后输出的文件夹名称。这里我们可以先不设置，保持默认即可。如有必要，我们可以稍后在设置中更改它。比如我在我的项目中使用gulp对打包后的代码进行了压缩，所以这里的命令自定义后，点击Depoly创建一个项目并部署。等待大约不到1分钟，项目将被部署。会跳转到恭喜你的页面，项目创建成功。这时候可以点击访问按钮进行访问，因为vercel提供了免费域名，可以直接访问。至此，我们的Hexo博客就搭建完成了，博客项目也已经自动在GitHub中创建好了。整个过程的操作还是非常简单友好的。基本使用在GitHub中将我们创建的博客项目clone到本地：gitclonehttps://github.com/BoWang816/hexo.git，打开后会有如下文件目录：主要有三个文件夹：scaffolds（template文件夹）、source（源码文件夹）、themes（主题文件夹）、最外层的\_config.yml项目配置文件。在搭建之前，我们已经在本地安装好了hexo-cli脚手架，此时就可以使用了。在项目文件夹下，打开终端，首先需要安装项目依赖，可以通过npminstall、cnpminstall或yarninstall安装。依赖安装成功后，执行hexoserver-p$PORT启动项目，其中$PORT默认为4000，也可以修改端口。hexo也提供了一种简单的启动方式，名称：hexos，启动后在浏览器中访问：http://localhosst:4000即可打开。hexo常用命令更多命令可以在这里查看hexos启动本地服务hexoclean清除缓存hexog打包hexonewpostarticle创建一个名为article的文章hexonewpageabout创建一个名为about的路由页面配置topic目前hexo官方有330套主题可供选择。另外，GitHub上有很多个人开发的主题，部分主题支持使用npm包安装配置。默认的主题配置方式是直接clone主题仓库中的内容放到themes文件夹下，在\_config.yml中根据主题名称进行配置。具体的博客主题配置方法需要根据主题中的设置项进行。另一种方法是安装npm包。此时，不需要themes文件夹。在package.json中安装主题包后，根据主题开发者的指导进行配置。总结至此，我们的博客搭建成功，可以对外访问了。Vercel还支持自定义域名。如果您有自己的域名，也可以配置为使用您自己的域名访问。比如我的是wangboweb。另外，你不需要关注部署和发布的问题。只要你将你的新文章提交到GitHub中的git，vercel会自动触发打包部署，还可以给你发邮件告诉你：兄弟，我帮你部署成功了！你可以参观看看滴！更多推荐参考https://vercel.com/hexothemeshexoconfig我现在使用的主题：butterfly
