記得之前用 next 主題選擇 mist scheme 時，頁面中的內容是默認居中的。最近換到 mist 主題的時候發(fā)現(xiàn)默認左對齊，看著很難受，網(wǎng)上搜的教程也不全，果然還是自己懶，其實稍微懂點 web 前端，自己在配置文件里改就行了。

next 的配置文件都在Hexo\themes\next\source\css\_schemes\Mist目錄下，這里Hexo為安裝時自定義的目錄名。首先得讓博客內容居中，找到此目錄下_posts-expanded.styl文件用文本編輯器打開，建議 Sublime 。打開后找到這段代碼

.post-title{
    ...
}

修改text-align屬性為text-align: center;，沒有這句話就手動添加，那么.post-title修改地哪兒呢，看下圖

所以修改地就是每篇文章的標題了（順帶分享我的 Github 博客吧，小伙伴們可以進去看看哦，肯定有你想看的！你懂得~手動滑稽）

那么還想修改的地方多了去了，總不能一個個說吧，每個人需求不同。所以借助上圖這種方法就可以找到要修改的地方，自己進配置文件里設置。如果不知道怎么找的話，看下面，懂的跳過

• 瀏覽器打開博客頁面時，右鍵點擊檢查選項，或者直接按快捷鍵F12，點擊如圖所示左邊圈出來的箭頭，之后鼠標移動到頁面的每一個地方都會出現(xiàn)陰影標記這一部分的源代碼，比如下圖標題下那一欄就是 class 為.post-meta的 div 標簽，在_posts-expanded.styl就可以設置text-align: center;

掌握了這個方法之后，你可以簡單地修改成自己想要的樣子，無非是找到配置文件哪個目錄下哪個文件里了；比如還想刪掉 mist 主題底部那一坨 “由XXX提供支持” 之類的東西，找到Hexo\themes\next\layout目錄下index.swig中這一坨代碼刪掉

{% if theme.footer.powered %}
  <div class="powered-by">{#
  #}{{ __('footer.powered', '<a class="theme-link" target="_blank" ) }}{#
#}</div>
{% endif %}

{% if theme.footer.powered and theme.footer.theme.enable %}
  <span class="post-meta-divider">|</span>
{% endif %}

{% if theme.footer.theme.enable %}
  <div class="theme-info">{#
  #}{{ __('footer.theme') }} &mdash; {#
  #}<a class="theme-link" target="_blank" >{#
    #}NexT.{{ theme.scheme }}{#
  #}</a>{% if theme.footer.theme.version %} v{{ theme.version }}{% endif %}{#
#}</div>
{% endif %}

屏幕截圖(15).png

直接刪掉就像上圖一樣。當然，要是想完全掌控自己博客的樣子還是去看源碼和官方文檔比較好，懶得話或者需求較小 Google 一下就行了。

(感覺水了一篇沒啥技術含量的文章，不過如果這篇文章解決了你的一些問題的話，給我個評論吧，讓我知道這類文章還有沒有意義寫吧~)

圖：The Strange, Satirical Illustrations of Alex Gamsu Jenkins
by Andy SmithPosted on November 21, 2017