Hexo+Github+Netlify博客搭建教程
2024.01.08 14:39浏览量:9简介:本文将指导您如何使用Hexo、Github和Netlify搭建博客,包括Hexo的初级搭建、部署到Github page上、个人域名的绑定、Hexo的基本配置、更换主题、实现多终端工作、在coding page部署实现国内外分流、Hexo添加各种功能、搜索的SEO、阅读量统计、访问量统计和评论系统等,以及在国外netlify进行托管。
一、Hexo的初级搭建和部署到Github page上
- 安装Node.js和npm,确保您的系统上已安装最新版本的Node.js和npm。
- 安装Hexo,在命令行中输入以下命令:npm install -g hexo-cli。
- 创建新的博客项目,在命令行中输入以下命令:hexo init
,然后进入新创建的项目目录:cd 。 - 启动本地服务器,在命令行中输入:hexo server。
- 创建文章,在命令行中输入:hexo new
。 - 部署到Github page上,首先在Github上创建一个新的仓库,然后将您的博客推送到这个仓库。在Hexo项目的根目录下,运行以下命令:git init,git add .,git commit -m ‘first commit’,然后创建一个gh-pages分支:git checkout -b gh-pages,最后将gh-pages分支推送到远程仓库:git push -u origin gh-pages。
二、个人域名的绑定 - 在您的域名提供商(如阿里云、腾讯云等)处申请域名,并配置DNS记录。
- 在Netlify上创建一个新的网站,选择Github作为您的代码托管平台,并选择您之前创建的仓库。
- 在Netlify的域名设置中,添加您在步骤1中购买的域名。
- 在Github仓库的settings页面中,添加Netlify的Webhook,以便Netlify能够自动检测您的部署。
三、Hexo的基本配置 - 打开根目录下的_config.yml文件,进行以下配置:指定主题(theme)、设置分页(pagination)、配置多语言(i18n)等。
- 更换主题,可以使用Hexo的插件来更换主题,如hexo-theme-landscape或hexo-theme-material。只需要在命令行中输入:npm install hexo-theme-
—save即可。 - 实现多终端工作,可以使用hexo-generator-multi-language插件来实现多终端工作。只需要在命令行中输入:npm install hexo-generator-multi-language —save即可。
- 在coding page部署实现国内外分流,可以使用hexo-deployer-git插件来实现国内外分流部署。只需要在命令行中输入:npm install hexo-deployer-git —save即可。
四、Hexo添加各种功能 - 搜索的SEO优化,可以使用hexo-generator-搜索引擎优化插件来实现SEO优化。只需要在命令行中输入:npm install hexo-generator-搜索引擎优化 —save即可。
- 阅读量统计和访问量统计,可以使用hexo-generator-analytics插件来实现统计功能。只需要在命令行中输入:npm install hexo-generator-analytics —save即可。
- 评论系统,可以使用disqus或gitment插件来实现评论功能。只需要在根目录下的_config.yml文件中配置相应的插件和参数即可。
五、在国外netlify进行托管 - 在Netlify上创建一个新的网站,选择Github作为您的代码托管平台,并选择您之前创建的仓库。
发表评论
登录后可评论,请前往 登录 或 注册