hexo 命令速查小冊

  • 2019 年 10 月 30 日
  • 筆記

"Everything around you that you call life was made up by people, and you can change it.

—— Steve Jobs"

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 的命令做一個總結,方便在使用過程中快速查閱。

創建新文章

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

快速部署

hexo clean && hexo g && hexo d

其實上述為 3 個命令,為了節省時間,我經常聯合使用。

hexo clean 清除緩存 hexo g 生成靜態頁面(generate) hexo d 部署(deploy)

本地效果預覽

hexo s

s 為 server 的簡寫,因此你也可以寫成 hexo server。hexo 的命令大多都是如此

文章摘要

首頁會根據分頁效果展示文章,如果不設置摘要,文章會拉長頁面篇幅。

我們只需要在文章摘要後添加一行內容即可:

<!--more-->

最後效果圖為:

添加標籤

先執行:

hexo new page "tags"

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

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

最後只需要在寫文章時添加 tags 屬性即可。

如果只添加一個標籤:

tags: test

多標籤,文章開頭添加:(yaml語法)

tags:- test1- test2- test3

添加文章分類目錄

添加分類如同標籤一樣,只需要將 tags 換成 categories 即可,如:

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 按鈕,右鍵複製鏈接

綁定域名

大家首先需要去騰訊雲或者阿里雲購買一個域名,然後備案,再通過解析綁定個人博客地址。百度教程超詳細,不過多闡述

命令暫且總結到此,預知後事如何,且聽下回分解 ~

全棧技術文章精選

redis操作命令總結

MySQL相關操作

SQL查詢語句

前端中那些讓你頭疼的英文單詞

Flask框架重點知識總結回顧

Elasticsearch查詢時還在百度DSL語句嗎?你可能需要這份總結

淺談密碼加密

Django框架中的英文單詞

Django中數據庫的相關操作

DRF框架中的英文單詞

DRF框架

Django相關知識點回顧

python技術面試題-騰訊