为什么我用文字样式自定义直接显示代码?

这里是因为typecho不会直接解析html代码,但这并不代表typecho不能在文章中使用html代码,我们需要用 !!! 将代码包起来。

示例

<p style="color:#FF0000">这是阿杜の博客</p>
无法正常显示 ,使用后:

这是阿杜の博客

现在可以正常显示了

给文章里图片加阴影

示例图
将代码放入 后台外观》开发者设置》自定义CSS 即可

.wrapper-lg img{
box-shadow: darkgrey 0px 0px 5px 5px;
}

字体删除线

语法:~~这是要删除的文字~~
这是要删除的文字

Markdown语法:表格

    表头|表头|表头
    ---|--|---
    内容|内容|内容
    内容|内容|内容

    -: 设置内容和标题栏居右对齐。
    :- 设置内容和标题栏居左对齐。
    :-: 设置内容和标题栏居中对齐。

示例

    姓名|阿杜|ADU
    :-|:-|:-
    颜值|100|100
    身高|180|180

效果

姓名阿杜ADU
颜值100100
身高180180

突出文字

两个单引号包起来即可,示例字

handsome拓展markdown语法

设置>>主题增强功能>>markdown拓展设置>>打钩

@>(空格)文字 表示银色引用框
x>(空格)文字 表示红色错误框
i>(空格)文字 表示蓝色信息框
√>(空格)文字 表示绿色成功框

添加左侧下拉框

修改/usr/themes/handsome/component/aside.php文件
在125行<li <?php echo $class; ?>>上面添加以下代码
一:默认打开下拉框并在本页面打开链接

            <!--左侧下拉框-->
              <a class="auto">
              <li class="active">
              <span class="pull-right text-muted">
              <i class="fontello icon-fw fontello-angle-right text"></i>
              <i class="fontello icon-fw fontello-angle-down text-active"></i>
              </span>
              <i class="glyphicon glyphicon-link"></i>
              <span>工具</span></a>
              <ul class="nav nav-sub dk">
              <li class="nav-sub-header">
              <a data-no-instant="">
              <span>工具</span></a>
              </li>
             <!--网站-->
              <li>
              <a href="https://sunpma.com/other/douyin" class="auto" target="_blank">
              <i class="glyphicon glyphicon-link"></i>
              <span>抖音解析下载</span></a>
              </li>
              <li>
              <a href="https://sunpma.com/other/musicss" class="auto" target="_blank">
              <i class="glyphicon glyphicon-link"></i>
              <span>音乐解析下载</span></a>
              </li>
              </ul>
              </li>
            <!--下拉框结束-->

二:默认关闭下拉框并在新页面打开链接

            <!--左侧下拉框-->
              <li>
              <a class="auto">
              <span class="pull-right text-muted">
              <i class="fontello icon-fw fontello-angle-right text"></i>
              <i class="fontello icon-fw fontello-angle-down text-active"></i>
              </span>
              <i class="glyphicon glyphicon-link"></i>
              <span>工具</span></a>
              <ul class="nav nav-sub dk">
              <li class="nav-sub-header">
              <a data-no-instant="">
              <span>工具</span></a>
              </li>
             <!--网站-->
              <li>
              <a href="https://sunpma.com/other/douyin" class="auto" target="_blank">
              <i class="glyphicon glyphicon-link"></i>
              <span>抖音解析下载</span></a>
              </li>
              <li>
              <a href="https://sunpma.com/other/musicss" class="auto" target="_blank">
              <i class="glyphicon glyphicon-link"></i>
              <span>音乐解析下载</span></a>
              </li>
              </ul>
              </li>
            <!--下拉框结束-->

更多

Handsome主题美化合集(持续更新)

Last modification:July 2nd, 2020 at 02:46 pm
如果觉得我的文章对你有用,请随意赞赏