玩轉hexo - 2 - 起步

標籤： hexo 原創

因爲部分段落的排版沒法實現，請查看原文。

地址：http://blog.lujingtao.com/2017/11/07/hexo-init/

---

前言

其實這篇文章一開始並不打算寫，由於Hexo官方文檔已經說的比較詳細了。可是對於咱們新手來講，仍是有點過於詳細了。因此我就寫個太長不看版吧。

Hexo的必要依賴

在使用hexo以前，必須確保你的電腦上安裝瞭如下兩個軟件。這兩個軟件都是傻瓜式安裝，點擊直接進入下載頁。

• Node.js 只會用到裏面的包管理器npm
• Git 在本地寫完博客後用這個來部署到在線倉庫

Hexo安裝

如下操做在終端 / 命令行中進行：

npm install hexo-cli -g # 全局安裝hexo全家桶
hexo init blog # 找一個目錄後，用hexo初始化blog文件夾
cd blog # 進入blog文件夾
npm install # 安裝基礎依賴

命令②中注意下面幾點：

• 沒有命令行基礎的同窗注意了，靈活運用cd 目錄名進入目錄 & cd ..返回上一級，這兩個命令來找到一個合適的位置，②初始化會在當前目錄新建一個文件夾
• 該過程可能會比較緩慢，由於在初始化的時候會下載不少基礎靜態文件，請耐心等待
• 若是中途遇到下載不動或者斷網的狀況下，用ctrl + c來終止，而後從新嘗試初始化
• 若是看到形如added 428 packages in 119.913s和Start blogging with Hexo!，說明初始化成功
• 初始化結束後並不會直接進入目錄，因此有了③這條命令

Hexo基礎操做

hexo clean # 清除歷史生成的靜態文件
hexo generate # 生成靜態文件(簡寫：hexo g)
hexo server # 啓動本地服務器，便於預覽(簡寫: hexo s)

這三步結束以後會看到以下字樣，表示成功啓動本地服務：

Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.

而後在瀏覽器中打開http://localhost:4000/，就能夠看到一個搭載了基礎主題的hexo博客了，裏面有hexo送你的一篇感人的hello world文章。

[圖片上傳失敗...(image-30b14f-1512877864799)]

Hexo寫文章

莫慌，首先明確一下文章在哪？

[圖片上傳失敗...(image-783167-1512877864799)]

如上圖所示，hexo會把全部文章的源文件都歸檔至_posts/內，統一調度管理。而咱們要作的就是對這些源文件進行一些隨心所欲操做。

經常使用的寫文章方式分爲如下兩種。

經過命令行

hexo new 文章文件名

這條命令會在_posts/建立一個全新的md文件。原始內容的官方叫法爲Front-matter，其中有不少設置，感興趣的話能夠提早去了解一下。

在Front-matter以後就是正文了，請開始你的表演。

特色：__功能頁包括標籤頁、歸檔頁、分類頁以及自定義頁面等只能經過指令的來建立。__指令稍有不一樣，後面再詳細介紹。

缺點：若是本地服務已經啓動，則必須先用ctrl + c結束後才能操做。

複製粘貼大法

這個方法能夠說是很是親民了。

在_posts/裏隨便找一篇文章，複製粘貼，給克隆兒從新起個名兒，內容變一變，一套打完收工！

特色：方便快捷。能夠不用結束本地服務。借鑑這個思路，你能夠在任何地方編輯一個md文章，而後轉移進來。

缺點：沒法建立功能頁。複製的文件頭中的時間date必需要手動修改，否則會影響主頁文章排序。(這個時間蠻重要的，還跟瀏覽數和評論有關係)

以上兩種方法各有優勢，綜合食用更佳。