logo

Hexo+Github+Netlify博客搭建教程

作者:Nicky2024.01.08 14:39浏览量:9

简介:本文将指导您如何使用Hexo、Github和Netlify搭建博客,包括Hexo的初级搭建、部署到Github page上、个人域名的绑定、Hexo的基本配置、更换主题、实现多终端工作、在coding page部署实现国内外分流、Hexo添加各种功能、搜索的SEO、阅读量统计、访问量统计和评论系统等,以及在国外netlify进行托管。

一、Hexo的初级搭建和部署到Github page上

  1. 安装Node.js和npm,确保您的系统上已安装最新版本的Node.js和npm。
  2. 安装Hexo,在命令行中输入以下命令:npm install -g hexo-cli。
  3. 创建新的博客项目,在命令行中输入以下命令:hexo init ,然后进入新创建的项目目录:cd
  4. 启动本地服务器,在命令行中输入:hexo server。
  5. 创建文章,在命令行中输入:hexo new
  6. 部署到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。
    二、个人域名的绑定
  7. 在您的域名提供商(如阿里云、腾讯云等)处申请域名,并配置DNS记录。
  8. 在Netlify上创建一个新的网站,选择Github作为您的代码托管平台,并选择您之前创建的仓库。
  9. 在Netlify的域名设置中,添加您在步骤1中购买的域名。
  10. 在Github仓库的settings页面中,添加Netlify的Webhook,以便Netlify能够自动检测您的部署。
    三、Hexo的基本配置
  11. 打开根目录下的_config.yml文件,进行以下配置:指定主题(theme)、设置分页(pagination)、配置多语言(i18n)等。
  12. 更换主题,可以使用Hexo的插件来更换主题,如hexo-theme-landscape或hexo-theme-material。只需要在命令行中输入:npm install hexo-theme- —save即可。
  13. 实现多终端工作,可以使用hexo-generator-multi-language插件来实现多终端工作。只需要在命令行中输入:npm install hexo-generator-multi-language —save即可。
  14. 在coding page部署实现国内外分流,可以使用hexo-deployer-git插件来实现国内外分流部署。只需要在命令行中输入:npm install hexo-deployer-git —save即可。
    四、Hexo添加各种功能
  15. 搜索的SEO优化,可以使用hexo-generator-搜索引擎优化插件来实现SEO优化。只需要在命令行中输入:npm install hexo-generator-搜索引擎优化 —save即可。
  16. 阅读量统计和访问量统计,可以使用hexo-generator-analytics插件来实现统计功能。只需要在命令行中输入:npm install hexo-generator-analytics —save即可。
  17. 评论系统,可以使用disqus或gitment插件来实现评论功能。只需要在根目录下的_config.yml文件中配置相应的插件和参数即可。
    五、在国外netlify进行托管
  18. 在Netlify上创建一个新的网站,选择Github作为您的代码托管平台,并选择您之前创建的仓库。

相关文章推荐

发表评论