先看下我的博客效果：https://moohng.com，一行代码都没有写，都是一些简单的配置。如果觉得还不错，那就从头介绍，照着做，一个小时左右就搞定了。创建站点项目这是Hexo的官网：https://hexo.io/zh-cn/docs/，有基础的可以直接参考官方文档，然后跳到Serveless部署部分.本地node环境安装打开Node.js官网：https://nodejs.org/zh-cn/，选择最新的长期维护版下载，然后双击即可正常安装。安装完成后，按住Win+X，选择PowerShell打开，然后在当前命令行输入npm-v回车。如果打印出版本号，说明Node.js安装成功。安装Hexo，在当前命令行窗口输入npminstall-ghexo-cli，回车等待安装完成。npminstall-ghexo-cli创建站点工程找到一个你用来放站点工程的文件夹（或桌面），按住Shift键空白处右击，在弹出的菜单中点这里打开PowerShell窗口.并依次输入以下命令：#初始化hexoinitmy-site#执行完以上命令后，进入项目cdmy-site#安装依赖npminstall#运行npmrunserver至此，你的站点项目已经完成创建。在浏览器中输入http://localhost:4000可以看到你的站点页面。这是hexo官方默认的站点，然后配置成自己喜欢的站点风格。hexo配置如果你的电脑上没有合适的编辑器，建议安装VisualStudioCode进行后续操作。直接进入官网：https://code.visualstudio.com/点击下载安装。安装VSCode后，在当前命令行输入：code。如果打不开，在当前项目文件夹my-site上右击，选择用Code打开。在VSCode中打开_config.yml文件，这是当前站点的配置文件。里面有很多配置信息，大家可以参考官方文档：https://hexo.io/zh-cn/docs/configuration进行自定义，给大家展示一下我的部分配置：#sitetitle:DoomsdayCodeFarmer-专注前端，记录生活海量优质技术文章和干货分享，公众号@做天码农关键词：Hexo、js、Nodejs、React、Vue、JavaScript、CSS3、html、前端、程序员、码农作者:言魔小年语言:zh-CNtimezone:#URL##如果你的网站放在子目录下，url设置为'http://yoursite.com/child'根设置为'/child/'url:https://moohng.comroot:/permalink::year:month:day/:id/permalink_defaults:除Site下站点信息相关配置外，大部分配置保持默认即可。然后是主题的配置。我的站点选择的是Fluid主题，这是官方文档：https://hexo.fluid-dev.com/docs/)，大家也可以选择自己喜欢的主题，这是官方的主题列表：https://hexo.io/主题/。不过还是建议大家去百度或者谷歌搜索一下别人推荐的热门主题。如果自己选择，题材太多，费时费力，题材参差不齐。主题确定后，一般每个主题都有自己的配置文件介绍，这里根据我的主题说一下。安装主题npminstallnpminstall--savehexo-theme-fluid在_config.yml文件中找到主题并配置fluid#Extensions##Plugins:https://hexo.io/plugins/##Themes:https://hexo.io/themes/theme:fluid在项目根目录下创建一个_config.fluid.yml文件，将theme中的_config.yml文件内容复制到该文件中。所有后续配置修改都应在_config.fluid.yml文件中进行。注意：主题中的_config.yml文件位于node_modules\hexo-theme-fluid目录下，现在可以根据fluid官方文档进行配置。这里有很多配置项，可以先全部保持默认，再继续。执行。主题确定后，再次运行npmrunserver命令查看效果。现在您的网站看起来与我的相似。关于写文章，Hexo基于MarkDown语法。如果不熟悉，需要花点时间学习一下MarkDown语法，这样才能愉快的写出属于自己的博客文章。终于可以在线部署了。部署Github最简单的方法就是使用github的静态页面功能进行部署，但是对于初学者来说，需要有一定的Git基础。有需要的可以参考我2017年写的一篇文章《前端工具篇：浅谈Git和Github》：https://moohng.com/20170810/cl0albbhc00057wv28t0p5pti/首先在_config.yml配置文件中配置github仓库信息（需要提前在github上构建，并在master分支开启Page功能）：#Deployment##Docs:https://hexo.io/docs/deployment.htmldeploy:type:gitbranch:masterrepo:git@github.com:moohng/moohng.github.io.git我用master作为静态页面，dev分支作为当前项目仓库。这是我的项目地址：https://github.com/moohng/moohng.github.io。注意项目名称，必须是moohng.github.io的格式，前面用自己的github用户名替换，否则不能用这个https://moohng.github.io作为域名你的网站。接下来生成静态页面并推送到GitHub仓库：#生成静态页面npmrunbuild#部署到GitHub仓库npmrundeploy至此，你的博客就上线了。一般等待几分钟后，就可以通过GitHub提供的域名访问了。使用github作为博客站点的好处是自定义域名不需要备案，而且完全免费。但是唯一的缺点就是国内访问速度很慢，有时候甚至可能打不开。Serverless部署之所以选择Serverless，一方面是因为国内服务器访问速度快；另一方面serverless本身的性价比也很高，每个月都有免费额度。对于个人博客站点，基本上是免费的。现在国内最大的应该是阿里云和腾讯云。我用的是腾讯云的serverless。Serverless概念的知识点比较多，对于非专业人士来说确实有很高的学习成本。像小说一样的官方文件太多了。你可以看看https://cloud.tencent.com/document/product。添加配置文件，首先要有腾讯云账号。如果不用去官网注册，建议绑定微信扫码登录，以后会方便很多。接下来在我们的项目根目录下添加一个腾讯云的配置文件serverless.yml，然后输入如下内容：#serverless.ymlcomponent:website#（必填）参考组件名称，目前使用的是tencent-website组件name:hexoComponent#(必填)网站组件创建的实例名称app:websiteApp#(可选)网站应用名称stage:dev#(可选)用于区分环境信息，默认值为devinputs:src:src:。/public#上传HEXO生成的静态文件index:index.html#dist:./dist#hook:npmrunbuild#websitePath:./region:ap-guangzhoubucketName:my-bucketprotocol:https主要是inputs。src.src一定要指定正确，因为hexo生成的站点页面默认是放在public下的，所以这里需要指定目录为./public。索引字段站点的入口通常是index.html。其他的一些配置信息，如果一开始看不懂，可以不用管。有了腾讯云的配置文件和站点页面，现在需要将本地项目上传到腾讯云空间。cli命令安装首先在本地安装serverless命令：npminstall-gserverless#安装完成后查看版本信息确认是否安装成功选择website-starter——快速部署静态网站，同时生成配置文件信息，但是上面提到的入口src必须改成./public。部署到腾讯云#创建静态页面，进入公共目录hexog#部署到腾讯云serverlessdeployserverlessdeploy命令需要授权。如果腾讯云绑定了微信，可以直接用微信扫码。更详细的配置和使用请参考腾讯云官方文档。要自定义域名，您首先需要拥有一个域名。如果你没有，你可以自己注册。建议使用您使用的任何产品注册域名。后续的归档、分析、部署都会方便很多。GithubPage服务如果选择Github静态页面托管，则无需备案。首先在项目中开启相关配置，设置域名地址，然后到域名服务商处将域名解析为github提供的域名地址。请注意，记录类型应为CNAME。如果腾讯云服务是腾讯云部署的，自定义域名会比较麻烦。首选域名必须先备案。备案建议使用腾讯云提供的域名备案流程，分步进行。有问题腾讯云客服会给予指导，备案相对简单。如果你已经有注册域名，首先打开腾讯云的对象存储服务，然后选择博客项目中配置的bucketName关联的bucket，配置自定义域名。SSL证书目前由腾讯云官方提供，作为免费的SSL证书服务，但有效期只有1年，到期后可以再次申请。申请好证书后，回到腾讯云对应的bucket自定义域名进行配置。如果绑定了腾讯云的自定义域名，必须在博客站点底部添加备案号等信息，否则备案可能会被取消，这是国内所有网站的强制要求。还要提醒大家，在网络上传播、发表任何东西，一定要遵守法律法规。大功告成，一个完整的个人博客站点就全部完成了。后续可以根据官方文档进行很多自定义配置，比如：添加百度、谷歌统计、博客评论等多项个性化配置。最后，感谢阅读！觉得不错的话可以关注我的公众号【末日码农】获取更多技术知识。
