1. 主题创建

最简单的方式就是复制一个主题然后改改改。

免费版本下只有一个default主题，收费版本下多一些，随便找一个复制都可以，我这儿就直接使用default了，复制一个，然后改名叫default_hack。

image.png

展开文件夹如图所示，里面有css、html、images，这些基本就跟静态页面+模板语法，另一个一个template.json是模板信息，打开来修改一下标题

image.png

修改一下标题，其他的按需修改

image.png

2. 主题修改

然后就是修改其他的文件了，比如文章页面代码如下，基本就是一个html结构，然后加上一些模板语言，相信搞过js、php、java、python等任何一门语言的同志都可以照猫画虎搞一个出来，有兴趣的可以一起交流学习，QQ376665005：

{extend name="main/main"/}

{block name="main"}
<div class="container">
    {mipcms:crumb isHome='1' cid="$categoryInfo['id']" ulClass='breadcrumb p-0 bg-transparent' liClass="breadcrumb-item" separator='' /}
    <div class="row">
        <main class="col-lg-8">
            <section class="mip-box mip-box-default">
                <section class="mip-box-heading">
                    <h3>{$categoryInfo['name']}</h3>
                </section>
                <section class="mip-box-body">
                    <div class="mipui-widget-media-body mipui-category-list-001">
                        {mipcms:article value='v' cid='$categoryInfo["cid"]' limit='10' page='$categoryInfo["page"]'}
                            {include file='block/article-list'}
                        {/mipcms:article}
                    </div>
                    {$pagination}
                </section>
            </section>
        </main>
        <aside class="col-lg-4 hidden-xs">
            <section class="mip-box mip-box-default">
                <section class="mip-box-heading">
                    <h3>热门{$mipInfo['articleModelName']}</h3>
                </section>
                <section class="mip-box-body">
                    <ul class="list-unstyled">
                        {mipcms:article value="v" cid='$categoryInfo["cid"]' orderBy='views' limit='6'}
                        <li class="li-box-list">
                            <a href="{$v.url}" data-type="mip" data-title="{$v.title}" title="{$v['title']}">{$v.title}</a>
                            <p>{$v['publish_time']|date='Y-m-d',###}</p>
                        </li>
                        {/mipcms:article}
                    </ul>
                </section>
            </section>
            
            {include file='block/tags-hot'}
        </aside>

    </div>
</div>
{/block}

3. 主题上传和切换

主题编辑完成后，文件夹上传到服务器，打开后台的模板切换就可以看到自己上传的模板，选择他就行了。

image.png