避坑98%的Hexo博客安装以及部署发布到Gitee Pages全套服务

简介: 避坑98%的Hexo博客安装以及部署发布到Gitee Pages全套服务

简介

  • 快速、简洁且高效的博客框架

安装(在root环境下,不想在root的话下列命令无需使用sudo,Windows使用GitBash即可操作)

安装nodejs

nodejs官网地址:

Node.js 中文网

  • 根据自己的操作系统进行选择安装即可
  • 安装完毕之后检测node、npm的可靠性

    node -v //使用之后出现版本号即可
    npm -v //使用之后出现版本号即可
换cnpm源
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装hexo
cnpm install hexo-cli
hexo -v //安装完毕检测
创建hexo的家
  • 这里在/Users/starrysky/Profiles/创建了hexo_home作为hexo的家
mkdir /Users/starrysky/Profiles/hexo_home
Hexo插件
npm install hexo-server --save
npm install hexo-admin --save
npm install hexo-generator-archive --save
npm install hexo-generator-feed --save
npm install hexo-generator-search --save
npm install hexo-generator-tag --save
npm install hexo-deployer-git --save
npm install hexo-generator-sitemap --save
在hexo家初始化一个博客
sudo hexo init
启动
sudo hexo s //terminal被掐断会导致hexo server关闭,非守护进程
创建一篇文章
hexo new "hello"
  • 当输入命令后,就会在 Hexo的家目录source/_post文件夹下创建一个文件,命名为:hello.md,这个文件就是将要发布到网站上的原始文件,用于记录文章内容。
  • 创建完,以及写完一次博客后,需要清理、生成静态页面、启动Hexo服务器几个步骤。

    hexo clean//清理,一定要使用,不然最新的博客不会更新
    hexo g// 生成静态页面
    hexo s//hexo服务 

使用Gitee Pages服务托管Hexo

  • 在Git配置到Gitee的完全正确的情况下,这里需要注意几个点⚠️ :

    • 查看git的user名是否和gitee的名称相对应:

      git config user.name
      • 不是对应就进行修改:

        git config --global user.name "username"
    • 查看git的email是否和gitee的登录邮箱对应:

      git config user.email
      • 不是对应就进行修改:

        git config --global user.email "email"
  • 这里的Gitee Pages服务需要提前申请(大概一个工作日)

    • 这里随便点进一个Gitee的仓库,在服务的地方点击:

      在这里插入图片描述

    • 上传自己的材料进行申请:

      在这里插入图片描述

    • 申请成功之后,机会变成这样

      在这里插入图片描述

  • 如上的工作准备工作都做好了之后,就可以开始部署hexo
Hexo部署到Gitee Pages步骤
  1. 首先在Gitee上创建一个新建一个用于装后期Hexo的仓库(创建的时候不能选择开源,要创建完才能选)

    在这里插入图片描述

  2. 创建完毕之后在该仓库的管理选择开源(不开源无法访问到Web)

    在这里插入图片描述

  3. 在我们的电脑上生产ssh密钥(Windows使用右击空白处使用GitBash进行)

    ssh-keygen -t rsa -C "gitee的邮箱"
    • 出现选择Yes或者No,一路敲回车,不用管
  4. 拷贝刚刚的生成的ssh密钥的公钥复制到刚刚创建出的仓库“部署公钥”

    cat ~/.ssh/id_rsa.pub
    • 添加部署公钥,标题名字随便,刚刚的公钥填入就可以

      在这里插入图片描述

    • 回到我们的主机进行测试连通性

      在这里插入图片描述

  5. 回到Hexo的主目录修改_config.yml文件中的

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8H8wDBDl-1651384717734)(https://s3-us-west-2.amazonaws.com/secure.notion-static.com/18069046-4d35-4624-a635-6df84a15b7c3/Untitled.png)]
在这里插入图片描述


- url填你仓库的地址详细到仓库名字,root填仓库名,repo填当前仓库的SSH链接就行(后面出现错误就替换成HTTP就行)
  1. 这时候Pages服务就就绪了,这时候需要稍微配置一下我们电脑的Git就可以,在Hexo根目录执行

    git init 
    git add .
    git commit -m "first commit"
    git remote add origin hexo所在的仓库地址
    git push -u origin "master"
  2. 之后每次更新了博客之后只要使用 hexo clean &hexo g -d 即可一键部署到线上,部署完在gitee pages按一下更新即可。
相关文章
|
6月前
|
Shell 网络安全 开发工具
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
Github Pages + Jekyll 独立博客一小时快速搭建&上线指南
|
3月前
|
搜索推荐 前端开发
使用VitePress创建个人网站并部署到GitHub
该网站使用 VitePress 构建,记录了前端开发相关的笔记和教程,涵盖 Vue2 和 Vue3 等内容。网站支持暗黑模式和 Algolia 搜索服务,提供了详细的导航和侧边栏配置。通过自动化脚本进行部署,托管于 GitHub Pages。
使用VitePress创建个人网站并部署到GitHub
|
运维 JavaScript 大数据
Hexo + Gitee Pages 搭建个人博客
Hexo + Gitee Pages 搭建个人博客
Hexo + Gitee Pages 搭建个人博客
|
域名解析 缓存 JavaScript
GithubPages + Hexo 打造免费个人静态网页博客
作为程序员为什么要写技术博客,一方面是为了养成做笔记做总结的习惯,一方面也能做些有用的知识分享,提高写作能力,其实有很多不错的博客平台都可以用,比如在掘金发布博客文章,但是如何在不需要域名空间和博客程序下,低成本的拥有属于自己的博客网站呢?
|
开发工具 git
【Hexo】【Gitee】Hexo + Gitee搭建的个人博客如何在一个库里写博客和更新Gitee Pages?
【Hexo】【Gitee】Hexo + Gitee搭建的个人博客如何在一个库里写博客和更新Gitee Pages?
169 0
【Hexo】【Gitee】Hexo + Gitee搭建的个人博客如何在一个库里写博客和更新Gitee Pages?
|
JavaScript Shell 开发工具
搭建个人博客-hexo+github详细完整步骤
自己也算是摸爬滚打搭建成功,然后自己再重新安装部署一遍,把完整步骤分享给大家,同时最后有一些连接,如果我的步骤不行,大家可以参考其他人的(这个有点花费时间,大家提前有个心理准备 - _-)
187 0
搭建个人博客-hexo+github详细完整步骤
|
JavaScript 开发工具 git
成功搭建hexo本地博客并部署到github上
首先是安装Brew。好多人说Mac OS X上自带有brew,但是我今天试了N多遍,都是cannot find brew(我的系统是OS X Yosemite 10.10.5),于是只能安装brew了。
成功搭建hexo本地博客并部署到github上
hexo+GitHub搭建个人博客之创建仓库
hexo+GitHub搭建个人博客之创建仓库
512 0
hexo+GitHub搭建个人博客之创建仓库
|
网络安全 开发工具 数据安全/隐私保护
Hexo+Gitee Pages 搭建个人静态博客
Hexo+Gitee Pages 搭建个人静态博客
295 0
Hexo+Gitee Pages 搭建个人静态博客
|
JavaScript 前端开发 Linux
【Hexo博客搭建】将其部署到GitHub Pages(一):前期要做哪些准备?
本系列文章属于半笔记半教程的零基础小白入门文,教你将 Hexo 部署到 GitHub Pages 的前期需要做哪些准备,跟着此系列文章最终可以获得自己的静态博客网站。流程很长,分成不同的篇幅,此为本系列的第一篇。
414 0
下一篇
无影云桌面