博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Hexo博客主题NexT使用自定义的CSS样式
阅读量:6430 次
发布时间:2019-06-23

本文共 990 字,大约阅读时间需要 3 分钟。

@Deprecated

原文地址

今天,创建自己的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;}

引用:在想要引用的时候添加

MyButton

样式如下:

由于这里不是Hexo环境所以效果显示不出来 可以转到原文地址查看效果

效果已经出来了,怎么样??是不是瞬间高大上。。有想要使用的样式,自行百度,找到后粘贴即可使用。

推荐

推荐一个css button样式的生成网站:

转载地址:http://bciga.baihongyu.com/

你可能感兴趣的文章
python with 语句妙用
查看>>
frcnn_multi_label
查看>>
JS 手势长按代码
查看>>
Series 入门(创建和增删改查)
查看>>
三种方法实现java调用Restful接口
查看>>
svn添加新项目管理并添加到trac - 知识是一种越吃越饿的粮食 - ITeye技术网站
查看>>
debug
查看>>
宽带出租中节省带宽成本的妙招,一号双拨方案解析
查看>>
LoadRunner的协议学习
查看>>
类路径冲突的鉴别
查看>>
【转载】秒到oep,支持所有壳,包括vmp
查看>>
(转)Flex的编译过程--ActionScript字节码(ABC)
查看>>
[zz]轻量级虚拟机-TinyVM
查看>>
Directory Listing Denied
查看>>
NYOJ576174问题
查看>>
HDUOJ1005Number Sequence
查看>>
R-基础测试(1)
查看>>
技术人生:每天进步一点点
查看>>
8种Nosql数据库系统对比(转)
查看>>
手机运营商The Quest for a Third Mobile Platform
查看>>