作為一個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能集成的插件選擇非常多,我僅僅用到了幾個,不過盡可能把我知道的列出來,方便大家使用吧:
- 百度統(tǒng)計
- 多說評論
- 閱讀次數(shù)統(tǒng)計
- Algolia 搜索
- RSS
- 側(cè)邊欄社交鏈接
- 開啟打賞功能
- 友情鏈接
- 騰訊公益404頁面
- 訂閱微信公眾號
- MathJax:NexT 借助于 MathJax 來顯示數(shù)學公式,此選項默認關閉。
- 多說熱評文章
問題一覽
博客里面的文章應該寫在那個文件夾下?分類、標簽、歸檔里面的博客寫在哪呢?
答:這是我搭建博客困擾我最長時間的問題。根據(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é)
以上就是我建立個人博客的過程以及問題。希望曬出來可以幫助更多的人。其實看再多大神的博客,都不如看幾遍官方文檔。