hexo 命令速查小册

简介: hexo 命令速查小册
title: hexo命令速查小册
date: 2019-10-27 16:41:36
tags:
- hexo
- blog
- command
categories:
- hexo

最近都在搭建自己的博客,不断的调整显示效果,以及添加一些初始功能,总算大体框架完成,细枝末节尚待商榷。小闫同学的博客地址为 http://www.pythonnote.cn/ ,希望大家多多捧场 ~ 当然也希望大家多多关注公众号『全栈技术精选』

先来几张效果图压场,deng ~ deng ~ dengdeng

前端超牛逼的效果有没有感动到 ~ 这当然不是我自己做的,还要感谢 Jonathan Klughertz

如果认为这篇文章要教如何搭建个人博客,那就让你失望了,因为百度上面相关教程太多太多,我不认为自己写的比其他人更详细更好。只是给大家指引一下方向即可。

搭建博客的过程中使用到了框架 Node.js、HEXO 以及 GitHub 。

下面就经常使用到的 hexo 的命令做一个总结,方便在使用过程中快速查阅。

创建新文章

hexo n "article name"
或者
hexo new "article name"

快速部署

  1. hexo clean && hexo g && hexo d

其实上述为 3 个命令,为了节省时间,我经常联合使用。

hexo clean 清除缓存

hexo g 生成静态页面(generate)

hexo d 部署(deploy)

本地效果预览

  1. hexo s

s 为 server 的简写,因此你也可以写成 hexo server。hexo 的命令大多都是如此

文章摘要

首页会根据分页效果展示文章,如果不设置摘要,文章会拉长页面篇幅。

我们只需要在文章摘要后添加一行内容即可:

  1. <!--more-->

最后效果图为:

添加标签

先执行:

  1. hexo new page "tags"

再在目录 source/tags/index.md 中添加:

---
title: tags
date: 2019-05-27 13:47:40
type: "tags"
---

最后只需要在写文章时添加 tags 属性即可。

如果只添加一个标签:

  1. tags: test

多标签,文章开头添加:(yaml语法)

tags:
- test1
- test2
- test3

添加文章分类目录

添加分类如同标签一样,只需要将 tags 换成 categories 即可,如:

  1. hexo new page "categories"

文章中插入图片

如果在 Markdown 中直接插图,再转成静态页面时,路径会找不到,导致图片无法正常显示。解决办法有很多,我最喜欢的便是利用 GitHub 新建一个放置图片的仓库(当然很多人使用七牛云也很方便)然后在文章中使用插入连接的方式插入图片即可:

![](https://github.com/EthanYan6/pic/raw/master/hexo%E5%91%BD%E4%BB%A4%E9%80%9F%E6%9F%A5%E5%B0%8F%E5%86%8C/blog1.png)

连接地址通过以下步骤获取:打开GitHub图片仓库后,看到 Download 按钮,右键复制链接

绑定域名

大家首先需要去腾讯云或者阿里云购买一个域名,然后备案,再通过解析绑定个人博客地址。百度教程超详细,不过多阐述

命令暂且总结到此,预知后事如何,且听下回分解 ~

相关文章
|
6月前
|
Android开发
我用过的笔记 Markdown Wiki 工具
我用过的笔记 Markdown Wiki 工具
|
JavaScript 开发工具 git
GitBook新手入门
GitBook是使用Git管理书籍项目,使用Markdown撰写书籍,并使用GitHub和GitBook网站进行托管的一个实用工具。下面简单说一下新手如何使用该强大的工具。
137 0
|
6月前
|
JavaScript 前端开发 搜索推荐
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
《VitePress 简易速速上手小册》第1章:VitePress 入门(2024 最新版)
365 1
|
6月前
|
JavaScript 搜索推荐 前端开发
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
《VitePress 简易速速上手小册》第2章:Markdown 与页面创建(2024 最新版)
224 0
|
SQL JavaScript 前端开发
Hexo从0到1搭建博客系列01:浅尝Hexo
Hexo从0到1搭建博客系列01:浅尝Hexo
126 0
|
数据可视化 程序员 开发工具
git命令记不住?可视化git操作平台Sourcetree入门教程
git命令记不住?可视化git操作平台Sourcetree入门教程
186 1
git命令记不住?可视化git操作平台Sourcetree入门教程
|
JavaScript
Hexo 入门指南(七) - 评论 & 分享
Hexo 入门指南(七) - 评论 & 分享
73 0
|
存储 缓存 Shell
Hexo的一些用法整理
Hexo的一些用法整理
129 0
Hexo的一些用法整理
|
JavaScript 开发工具 git
Hexo+Gitee静态博客保姆级搭建教程
Hexo+Gitee静态博客保姆级搭建教程
149 0
Hexo+Gitee静态博客保姆级搭建教程
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
232 0
Hexo、Jekyll、Sphinx、mkdocs、docsify等静态博文档汇总
下一篇
无影云桌面