自动化部署Hexo博客

前言

各行各业都在往自动化靠拢, 我也要来蹭一波自动化.

🚩那就让我们开始吧

生成Key

如果你的 Hexo 可以正常地部署到 GitHub,那么实际上你原来的秘钥是可以正常使用的。
但是我的私钥还用于不同的服务器的 SSH 访问和其他身份验证,因此,我们生成一个新的秘钥对来专门部署 Hexo。

SSH-KEYGEN命令生成器









然后, 打开运行 Win + R, 输入 cmd, 运行上述命令👆
这会在当前目录生成两个文件:

1
2
github-deploy-key —— 私钥
github-deploy-key.pub —— 公钥

GitHub 配置ENV

当前环境为: Github Action运行环境
网页地址: HEXO博客源码仓库/settings/secrets/actions

配置ENV

Github Env: HEXO_DEPLOY_KEY

生成KEY🔑

阅读更多

代码压缩的两种方法

代码压缩的两种方法

Gulp压缩

最常用的方法

第一步: 安装Gulp的各种小功能模块

1
npm install gulp gulp-htmlclean gulp-htmlmin gulp-minify-css gulp-uglify gulp-imagemin --save

安装额外的功能模块

1
npm install gulp-debug gulp-clean-css gulp-changed gulp-if gulp-plumber gulp-babel babel-preset-es2015 del @babel/core --save
阅读更多

Hexo+Github博客搭建完全教程

转载自 洪卫の博客

版权归作者所有

阅读须知

注意,这篇文章篇幅较长,主要针对新手,每一步很详细,所以可能会显得比较啰嗦,所以建议基础比较好小伙伴根据目录选择自己感兴趣的部分跳着看,不要文章没看上来先喷一下!谢谢⊙o⊙⊙o⊙。 教程内容随意复制使用,引用的话请加一个参考链接,谢谢!

前言

本博客基于Hexo,所以首先要了解一下我们搭建博客所要用到的框架。Hexo是高效的静态网站生成框架,它基于 Node.js,快速,简单且功能强大,是搭建博客的首选框架。大家可以进入hexo官网进行详细查看,因为 Hexo的创建者是台湾人,对中文的支持很友好,可以选择中文进行查看。通过 Hexo,你可以直接使用 Markdown语法来撰写博客。相信很多小伙伴写工程都写过 README.md文件吧,对,就是这个格式的!写完后只需两三条命令即可将生成的网页上传到 github或者 coding等代码管理托管平台,然后别人就可以浏览你的博客网页啦。是不是很简单?你无需关心网页源代码的具体生成细节,只需要用心写好你的博客文章内容就行了

简单总结:Hexo, 产品成熟,使用简单,功能强大,有丰富的各种插件资源;但,像发布后台、站内搜索,评论系统类似诉求,虽然有对应的工具,但也需要自己折腾,后续我们一步一步介绍。
教程大致分三个部分,

  • 第一部分:hexo的初级搭建还有部署到 github page上,以及个人域名的绑定。
  • 第二部分:hexo的基本配置,更换主题,实现多终端工作,以及在 coding page部署实现国内外分流
  • 第三部分:hexo添加各种功能,包括搜索的 SEO,阅读量统计,访问量统计和评论系统等。

第一部分 搭建


hexo的初级搭建还有部署到 github page上,以及个人域名的绑定。

Hexo搭建步骤

  • 1.安装 Git
  • 2.安装 Node.js
  • 3.安装 Hexo
  • 4.GitHub创建个人仓库
  • 5.生成 SSH添加到 GitHub
  • 6.将 hexo部署到 GitHub
  • 7.设置个人域名
  • 8.发布文章

1. 安装Git


为了把本地的网页文件上传到 github上面去,需要用到工具———Git[下载地址]Git是目前世界上最先进的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。Git非常强大,建议每个人都去了解一下。廖雪峰老师的 Git教程写的非常好,大家可以看一下。Git教程

windows:git官网上下载 .exe文件,Download git,安装选项还是全部默认,只不过最后一步添加路径时选择 Use Git from the Windows Command Prompt,这样我们就可以直接在命令提示符里打开 git了。

阅读更多