Hexo GitHub个人博客搭建
前言
你了解 Hexo 吗?Hexo 是一个静态博客框架,基于 Node.js,将Markdown
文章通过渲染引擎,生成一个静态网页,再结合 Git 命令(ssh),Hexo
是一个快速、简洁且高效的博客框架。Hexo
使用 Markdown
(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
系统环境
Win10 专业版,64 位(10.0 版本 18362) Node.js:12.13.0 https://nodejs.org/en/download/ Git:2.24.0 https://git-scm.com/downloads
修改配置文件要用到的软件(可选):
- Visual Studio Code:https://code.visualstudio.com/Download
- Sublime Text3,可免费使用, 百度网盘链接:https://pan.baidu.com/s/1F90tYkRsaJfo57o1-TSxEw
提取码:yd1u
- NodePad 7.8.1:
https://notepad-plus-plus.org/downloads/
搭建流程
Hexo Github 博客搭建之环境准备篇
下载 Git 和 Node.js并配置相关信息,设置npm的镜像源,加快下载速度。
Hexo Github 博客搭建之环境搭建篇
GitHub账号注册,以及Github Pages
的创建,配置git全局用户名和邮箱,生成hexo
静态博客框架并发布到 Github Pages
。
Matery 主题安装配置篇
本期Hexo
博客主题为Matery
,一个采用 Material Design
和响应式设计的 Hexo 博客主题。该篇为Hexo
下Matery
博客的基本配置,主要是对Hexo根目录下_config.yml
文件的配置和主题目录下_config.yml
文件的配置。
Matery 主题个性化修改篇
给Hexo个人博客添加一些个性化操作,例如:动态标题,鼠标点击文字效果,自定义鼠标样式,添加鼠标彩虹星星掉落跟随效果。
Matery 主题个性化修改篇(二)
给Hexo个人博客添加基本功能,例如:添加动态科技线条背景,添加 Valine 评论系统,豆瓣书单电影页面。
博客优化篇
对已经较为完善的博客进行优化,例如:图片懒加载,代码压缩,CDN加速,打造稳定快速,高校免费图床。
效果展示
展示1
图片展示和gif动图演示都不能完美展示,所以点击阅读全文转跳博客连接
别忘记了评论,爱你们略(GitHub访问有点慢).