利用github和hexo安裝屬于自己的博客

作為一個iOS研發(fā)已有3年多,漸漸發(fā)現(xiàn)應該寫點東西。不僅能讓自己深入了解,還能給他人留下一點財富。所以就在簡書和CSDN寫了一些文章,效果還不錯,收獲了很多喜歡和粉絲。不過心里一直有個結(jié):為什么不自己搭建一個博客呢?

于是就有了今天的這篇文章。在這里記錄一下安裝的過程以及遇到的問題。

安裝

我是根據(jù)一篇博客來建立博客的。在此祭出那篇偉大的博客。5分鐘 搭建免費個人博客.那么這里面我就不贅述了。我用的是nexT.Pisces的主題。

配置

其實安裝真的很容易,很無腦。很快我的博客就建立起來了。但是。。。但可是。。。我是個顏控啊,不折騰一下主題、“美顏”一下還對的起我么?于是我找到了我心儀的主題。馬上更換上。

更換主題

1.進入你的博客根目錄。
2.利用git clone 命令將主題拷貝到目錄下的themes文件夾中,就像這樣:

git clone https://github.com/iissnan/hexo-theme-next themes/next

主目錄結(jié)構(gòu)

  • _config.yml:我叫它站點配置文件,他負責這個站點所有配置的東西。
  • scaffolds:這個我叫他模板。它里面放了一些模板文件。你可以修改里面的內(nèi)容,這樣在初始化新建博客的時候,里面的內(nèi)容都會顯示在新建的文件中,方便省時。
  • source:資源文件,最讓我頭大的文件夾。里面可以放任何資源,比如我正在寫的博客、圖片、視頻、音樂等等吧。這里面有故事,稍后咱倒點茶水好好說說這個讓我這個小白欲罷不能的它。
  • themes:這個是用來放主題的。至少我是這么理解的。
  • 其他的:不要問我,我也不知道。因為我也只用到了以上這么多。

主題目錄

  • _config.yml:我叫它站點配置文件,他負責這個站點所有配置的東西。

  • languages:語言模塊,你要適配各種語言版本,一定要修改這里。修改對應的文件,例:添加中文說明,請修改zh-Hans.yml。

  • source:如果要修改主題里面的資源,請操作這個文件夾。

  • layout:負責頁面布局。至少我是這么認為的。不對的話請指正,先謝謝啦。

插件&功能

hexo能集成的插件選擇非常多,我僅僅用到了幾個,不過盡可能把我知道的列出來,方便大家使用吧:

問題一覽

博客里面的文章應該寫在那個文件夾下?分類、標簽、歸檔里面的博客寫在哪呢?

:這是我搭建博客困擾我最長時間的問題。根據(jù)5分鐘 搭建免費個人博客這篇文章寫的,寫博客應該在source/_posts文件夾中。那么根據(jù)這個思路來捋的話,那么分類下的文章就應該寫在分類文件夾下,標簽就寫在標簽文件夾下。然而,并不是。

這里面明確一下幾個概念。

  • 分類:實際上就是對博客模塊里面的文章進行分類。
  • 標簽:對文章設置不同的標簽,方便搜索。類似于小分類。不過標記標簽的對象也是對博客模塊下的文章

那么這么說應該就可以懂了。博客只能在source/_posts下創(chuàng)建。(至少最開始是這樣的。當然你也可以自己去設置,不完全絕對)。

那么博客里面的文章如何出現(xiàn)在標簽和分類模塊里面呢?


1.在終端窗口下,定位到 Hexo 站點目錄下。使用 hexo new page 新建一個頁面,命名為 tags :

$ cd your-hexo-site
$ hexo new page tags

2.編輯剛新建的頁面,將頁面的類型設置為 tags ,主題將自動為這個頁面顯示標簽云。頁面內(nèi)容如下:

title: 標簽
date: 2014-12-22 12:39:04
type: "tags"
---

3.在菜單中添加鏈接。編輯 主題配置文件 , 添加 tags 到 menu 中,如下:

menu:
  home: /
  archives: /archives
  tags: /tags

4.創(chuàng)建博客,并修改里面的屬性,這樣就可以顯示在分類和標簽里面了。

$ hexo new test
---
title: test
date: 2017-03-04 11:50:50
tags: hexo
category: hexo
---

5.運行一下看看吧

$ hexo s

文章內(nèi)如何顯示目錄

:這個問題是正在寫的時候遇到的。當你使用#來設置標題的時候,運行以后發(fā)現(xiàn),為毛沒有目錄?我也嘗試使用``但是也失敗了。后來我將#和標題用空格隔開后,發(fā)現(xiàn)目錄出現(xiàn)了(我只想調(diào)整一下格式。讓代碼看起來更美觀)。<mark>還有就是設置標題的時候,主題會自動為你設置目錄編號,你不用自己去設置</mark>

添加頁面footer位置,訪問人數(shù)和瀏覽次數(shù)

:如果你用的是nexT的主題,那么修改themes/主題/_cingif.yml里面的busuanzi屬性開啟,設置為ture。
但是如果你不是next主題,那么你就需要修改文件的代碼。這里附上教程.

添加自定義模塊

:操作模塊,不光要修改_config.yml文件中的menu選項,至少next主題不行(之前試過onevcat的主題,他的主題就可以直接添加)。還要在對應的languages下的文件添加對應語言。當然還要修改顯示的圖標,如果不設置,就會默認顯示問號。請注意鍵值(如 home)的大小寫要嚴格匹配

總結(jié)

以上就是我建立個人博客的過程以及問題。希望曬出來可以幫助更多的人。其實看再多大神的博客,都不如看幾遍官方文檔。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內(nèi)容