"Everything around you that you call life was made up by people, and you can change it.
—— Steve Jobs"
代码语言:javascript复制title: hexo命令速查小册date: 2019-10-27 16:41:36tags:- hexo- blog- commandcategories:- hexo
最近都在搭建自己的博客,不断的调整显示效果,以及添加一些初始功能,总算大体框架完成,细枝末节尚待商榷。小闫同学的博客地址为 http://www.pythonnote.cn/ ,希望大家多多捧场 ~ 当然也希望大家多多关注公众号『全栈技术精选』
先来几张效果图压场,deng ~ deng ~ dengdeng
前端超牛逼的效果有没有感动到 ~ 这当然不是我自己做的,还要感谢 Jonathan Klughertz
如果认为这篇文章要教如何搭建个人博客,那就让你失望了,因为百度上面相关教程太多太多,我不认为自己写的比其他人更详细更好。只是给大家指引一下方向即可。
搭建博客的过程中使用到了框架 Node.js、HEXO 以及 GitHub 。
下面就经常使用到的 hexo 的命令做一个总结,方便在使用过程中快速查阅。
创建新文章
代码语言:javascript复制hexo n "article name"或者hexo new "article name"
快速部署
代码语言:javascript复制hexo clean && hexo g && hexo d
其实上述为 3 个命令,为了节省时间,我经常联合使用。
hexo clean 清除缓存 hexo g 生成静态页面(generate) hexo d 部署(deploy)
本地效果预览
代码语言:javascript复制hexo s
s 为 server 的简写,因此你也可以写成 hexo server。hexo 的命令大多都是如此
文章摘要
首页会根据分页效果展示文章,如果不设置摘要,文章会拉长页面篇幅。
我们只需要在文章摘要后添加一行内容即可:
代码语言:javascript复制<!--more-->
最后效果图为:
添加标签
先执行:
代码语言:javascript复制hexo new page "tags"
再在目录 source/tags/index.md
中添加:
---title: tagsdate: 2019-05-27 13:47:40type: "tags"---
最后只需要在写文章时添加 tags
属性即可。
如果只添加一个标签:
代码语言:javascript复制tags: test
多标签,文章开头添加:(yaml语法)
代码语言:javascript复制tags:- test1- test2- test3
添加文章分类目录
添加分类如同标签一样,只需要将 tags
换成 categories
即可,如:
hexo new page "categories"
文章中插入图片
如果在 Markdown 中直接插图,再转成静态页面时,路径会找不到,导致图片无法正常显示。解决办法有很多,我最喜欢的便是利用 GitHub 新建一个放置图片的仓库(当然很多人使用七牛云也很方便)然后在文章中使用插入连接的方式插入图片即可:
代码语言:javascript复制![](https://github.com/EthanYan6https://img.yuanmabao.com/zijie/pic/raw/master/hexo命令速查小册/blog1.png)
连接地址通过以下步骤获取:打开GitHub图片仓库后,看到 Download 按钮,右键复制链接
绑定域名
大家首先需要去腾讯云或者阿里云购买一个域名,然后备案,再通过解析绑定个人博客地址。百度教程超详细,不过多阐述
命令暂且总结到此,预知后事如何,且听下回分解 ~
全栈技术文章精选
redis操作命令总结
MySQL相关操作
SQL查询语句
前端中那些让你头疼的英文单词
Flask框架重点知识总结回顾
Elasticsearch查询时还在百度DSL语句吗?你可能需要这份总结
浅谈密码加密
Django框架中的英文单词
Django中数据库的相关操作
DRF框架中的英文单词
DRF框架
Django相关知识点回顾
python技术面试题-腾讯