Hexo-优化Hexo博客的打开速度
一.导语1.本文的主要内容:压缩博客以及将博客部署到Gitee
2.准备
为什么需要压缩博客?因为hexo生成的文件是静态html,里面占用了大量的空白符。使用gulp进行压缩接口提高访问速度并且降低内存。
各大平台部署比较?
二.压缩博客1.安装插件,打开博客输入下面的安装命令:
12npm install gulp -gnpm install gulp-minify-css gulp-uglify gulp-htmlmin gulp-htmlclean gulp --save
2.在博客根目录下新建一个 gulpfile.js 文件,输入下面的代码:
12345678910111213141516171819202122232425262728293031323334353637383940var gulp = require('gulp');//Plugins模块获取var minifycss = require('gulp-minify-css');var uglify = requ ...
Hexo-搭建个人博客,关联Github以及个人域名---Mac平台
一.导语1.文章讲述的内容:Mac平台搭建本地个人博客,并部署到Github以及个人域名上。
2.准备:
Git是什么?Git是一个开源的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。它的作用和Svn类似,就是一个版本控制的工具,用它可以将我们写的代码提交到Github上。
Github是什么?GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务。
GitHub Pages是什么?Github Pages设计的初衷是为托管在GitHub上的项目提供介绍页面,开发者们可以通过GitHub Pages为他们的每一个项目创建一个用于介绍该项目的静态网站,不过由于他的空间免费而且稳定,因此用它搭建一个个人博客网站是再好不过了。
Hexo是什么?快速、简洁且高效的博客框架。
二.环境搭建查看本电脑 git 和 node 的版本情况的命令:
1.Git
直接去AppStore获取Xcode即可,Xcode安装的时候会安装git。
2.Node
首先说终端,zsh、bash 都是 shell,zsh 比 bash 更加强大,功能 ...
Hexo-写作语法指南
一.导语1.本文的主要内容:Hexo文章书写语法讲解。
2.准备:什么是 Markdown?
Markdown是一种可以使用普通文本编辑器编写的标记语言,通过简单的标记语法,它可以使普通文本内容具有一定的格式。
二.语法1.分级标题行首加 “#” 表示不同级别的标题 (H1-H6)。“#” 后最好空一格。H1最大,H6最小。并且目录的自动生成也是按照标题来嵌套的。
123456# 一级标题## 二级标题### 三级标题#### 四级标题##### 五级标题###### 六级标题
2.文字强调123*内容*---斜体文字**内容**---加粗文字***内容***---粗斜体文字
效果展示:
内容内容内容
3.列表1234567891011*+-表示无序列表。* 测试0* 测试1* 测试2+ 测试3+ 测试4+ 测试5- 测试6- 测试7- 测试8
效果展示:
测试0
测试1
测试2
测试3
测试4
测试5
测试6
测试7
测试8
1234567数字和点1.2.3.表示有序列表。字符后须空一格。1. 测试12. 测试23. 测试34. 测试45. 测试5
...
Hexo-配置NexT主题——Mac平台
一.导语1.本文的主要内容Mac平台基于Hexo搭建的个人博客,安装NexT主题,并配置相关的炫酷样式。样式设置结果可以直接查看本站。
2.准备:
NexT是什么?个人为Hexo书写的一个主题,目前Github上Star最高的Hexo主题,支持几种不同的风格。官方使用文档
文章中的站点配置文件是什么?主题配置文件是什么?在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。为了描述方便,在文章中,将前者称为 站点配置文件, 后者称为 主题配置文件。
二.下载主题,启用主题1.安装主题
直接下载:将主题文件下载好后,拷贝至站点目录的 themes 目录下。
git克隆:建议你使用 克隆最新版本 的方式,之后的更新可以通过 git pull 来快速更新, 而不用再次下载压缩包替换。
12cd your-hexo-sitegit clone https://github.com/iissna ...
Hexo-配置NexT主题
一.导语1.本文的主要内容Windows平台基于Hexo搭建的个人博客,安装NexT主题,并配置相关的炫酷样式。样式设置结果可以直接查看本站。
2.准备:
NexT是什么?个人为Hexo书写的一个主题,目前Github上Star最高的Hexo主题,支持几种不同的风格。官方使用文档
文章中的站点配置文件是什么?主题配置文件是什么?在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的选项。为了描述方便,在文章中,将前者称为 站点配置文件, 后者称为 主题配置文件。
二.下载主题,启用主题1.安装主题
直接下载:将主题文件下载好后,拷贝至站点目录的 themes 目录下。
git克隆:建议你使用 克隆最新版本 的方式,之后的更新可以通过 git pull 来快速更新, 而不用再次下载压缩包替换。
12cd your-hexo-sitegit clone https://github.com/iissn ...
Hexo-搭建个人博客,关联Github以及个人域名
一.导语1.文章讲述的内容:Windows平台搭建本地个人博客,并部署到Github以及个人域名上。(Mac平台 后续会有)
2.准备:
Git是什么?Git是一个开源的分布式版本控制系统,可以有效、高速的处理从很小到非常大的项目版本管理。它的作用和Svn类似,就是一个版本控制的工具,用它可以将我们写的代码提交到Github上。
Github是什么?GitHub是一个利用Git进行版本控制、专门用于存放软件代码与内容的共享虚拟主机服务。
GitHub Pages是什么?Github Pages设计的初衷是为托管在GitHub上的项目提供介绍页面,开发者们可以通过GitHub Pages为他们的每一个项目创建一个用于介绍该项目的静态网站,不过由于他的空间免费而且稳定,因此用它搭建一个个人博客网站是再好不过了。
Hexo是什么?快速、简洁且高效的博客框架。
二.环境搭建1.Git
Git下载,点击下载安装。
Win+R输入cmd,打开终端。输入命令git --version检查Git版本。
2.Node.js
Node下载,点击下载安装,打开后一直next即可。(当然你可 ...