Hexo博客主題NexT使用自定義的CSS樣式

@Deprecated

原文地址 http://blog.magicer.xyz/2015/...

今天，建立本身的about頁面的時候，像使用自定義的css樣式，就像這是否是NexT能夠使用自定義的CSS樣式，片嘗試了一下，仍是能夠的，由於markdown支持html標籤，使用自定義的CSS樣式仍是不錯的。下面總結一下具體的使用過程：

添加樣式支持

爲了避免吧原先的像是文件搞得太亂，這裏，添加子集的樣式文件。
首先，在樣式文件的source文件夾下找到css文件夾，打開main.styl文件，在最後添加：

//My Layer
    //--------------------------------------------------
    @import "_my/mycss";

新建自定義樣式

找到樣式文件夾css 新建_my文件夾，在其中新建mycss.styl文件，以後就能夠按照stylus的格式自定義樣式了。

例子

例如：我想在文章中添加個自定義樣式的按鈕，怎麼作呢？？？

打開新建的mycss.styl文件，在其中添加樣式：

.myButton {
    background-color:#0f94bd;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    border-radius:15px;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:17px;
    padding:11px 27px;
    text-decoration:none;
    text-shadow:0px 1px 0px #2f6627;
}
.myButton:hover {
    background-color:#5cbf2a;
}
.myButton:active {
    position:relative;
    top:1px;
}

引用：在想要引用的時候添加

<a href="#" class="myButton">MyButton</a>

樣式以下：
MyButton
因爲這裏不是Hexo環境因此效果顯示不出來 能夠轉到原文地址查看效果

效果已經出來了，怎麼樣？？是否是瞬間高大上。。有想要使用的樣式，自行百度，找到後粘貼便可使用。

推薦

推薦一個css button樣式的生成網站：http://www.bestcssbuttongener...