我之前都是用google的Blogger，如今我想架出自由度高的Blog（好啦，就是想要很油很宅的Blog啦），於是就被我學長推坑用Hexo。

關於Hexo

美中不足之處

我用的themes是Diaspora(一個很適合放很多油圖的themes)，但是有些小缺陷如下：

  1. Markdown的語法行號和粗體字無法好好的顯示。
  2. hitokoto(一言)需要手動去diaspora.js自行調整，首先要對javascript的string用法要熟悉。
  3. 如果是繁體字使用者，需要去很多地方改成繁體字-> themes/diaspora/layout/

解決方法如下

    • 行號不出現的問題 -> 到 source/css/diaspora.css 裡把 .content .gutter {display:none;} 改成 .content .gutter {display:table;}
    • 無法粗體字->source/css/diaspora.css裡把.content strong {font-weight:500;}刪掉。
    • hitokoto -> 直接去source/js/diaspora.js裡改他的string。

有關Diaspora的套用

相信我，沒有什麼比看原作的流程更詳細的。

Diaspora連結

有關架網站的總過程

我大多是看這篇學的 -> 如何搭建個人 Blog 使用 Hexo + Gitpage

如果想把 favicon 跟 logo 換成自己的話，我個人是用這個網站生成自己想要的字體圖檔，然後再去 themes/diaspora/source/css/diaspora.css 把 .image-logo 的px改成自己所需的，但理論上 favicon 64px就行了，logo則是要去css檔裡修改（看你的logo多長啦）。

還有，如果想在每一篇文章都放圖片的話，那就在_posts的md檔裡的yaml部份加上cover: /img/....jpg

舉例：

---
title: SOJ 43 Lacy 路網
date: 2018-08-16 15:46:00
categories: 演算法
welcome_cover: false
cover: /img/SOJ43.jpg
tags: 
- SOJ
- MST
- 並查集
---

如果想要讓首頁圖片跟著分類一起片換的話（也就是當那篇文章是第一個時，以那一篇cover為當前封面）

那就把themes/_config.yml裡的welcome_cover: .../給註記掉#welcome_cover: .../

另外，記得每個md的yaml的title部份，名字絕對不要有[ ]符號，不然會出錯。

如何將你的 Hexo + Github Pages

我是看這篇的。

使用 GitHub Pages + Hexo 來架設個人部落格

但切記：我犯了一個重大的錯誤，就是建repo時一定要<username>.github.io，我就是因為取錯repo的名字導致我的網站爛掉。

當你要npm install hexo-deployer-git --save時吃了Warning

這篇一定可以幫助到你。

為什麼npminstall的時候會顯示嚴重漏洞