由于vps中的wordpress博客程序被莫名删除,未把vps系统快照设置为永久,还好最终通过mysql把博客文章导入到typecho。借此下定决定重回typecho,记录折腾过程,把vps系统重装,lnmp安装配置,最后上传typecho博客程序。
把数据从wordpress的mysql数据库恢复到typecho的步骤请看这里http://www.oucb.org/archives/357/
使用的Themia主题,博主地址http://qqdie.com。需要调整是左侧边栏,增加独立页面的链接和社交主页的链接

独立页面显示

  • 只需在主题文件夹下的sidebar.php文件中的相应位置添加如下代码,也可增加ul标签,需要设置多个独立页面,复杂粘贴,更换地址和fa-name
    <li class="sidebar-button">
    <a  class="sidebar-button-link " href="地址" target="_blank">
        <i class="sidebar-button-icon fa fa-lg fa-music"></i>
        <span class="sidebar-button-desc">Music</span>
    </a>
    </li>
    <li class="sidebar-button">
    <a  class="sidebar-button-link " href="地址1" target="_blank">
        <i class="sidebar-button-icon fa fa-lg fa-name"></i>
        <span class="sidebar-button-desc">Music</span>
    </a>
    </li>

    其中将地址更换为相应页面的地址,fa-music更换为在http://www.mediawikibootstrapskin.co.uk/index.php?title=Icons_Sets中相应的图标名称

社交主页设置

  • 在sidebar.php相应位置增加如下代码,注意不要在ul标签内。更换地址和fa-github,fa-3x为图标大小设置,http://www.mediawikibootstrapskin.co.uk/index.php?title=Icons_Sets有详细使用说明,添加多个只需复杂粘贴,更换地址及fa—name
    <dvi class="sidebar-social">
        <a  class="sidebar-button-link " href="地址" target="_blank" >
            <i class="sidebar-social-icon fa fa-lg fa-github fa-3x"></i>
        </a>
        <a  class="sidebar-button-link " href="地址1" target="_blank" >
            <i class="sidebar-social-icon fa fa-lg fa-name fa-3x"></i>
        </a>
    </dvi>
  • 然后在主题文件夹下的style.min.css文件相应位置添加如下代码,sidbar-social与dvi中的class值对应,同时注意不要与已有的重名。float设置使图标默认水平排列,margin-top设置图标垂直排列显示时的上间距,margin-right设置图标的左间距。
    #sidebar .sidebar-social  {
    color:#ebebeb;
    display:block;
    width:100%;
    }
    #sidebar .sidebar-social .sidebar-button-link  {
    float:left;
    margin-top:17px;
    margin-left:19px;
    }
最后由 oucb 编辑于2016年05月03日 12:54