原帖：https://blog.caoor.cn/archives/7/

前言

一个现代化 Typecho 网站，移动端体验才是最重要的开发方向。相信使用过 Joe 主题的用户都知道，主题一直都十分注重移动端的功能开发和用户交互体验，我们希望通过一款主题，让您的网站拥有堪比优质 APP 的移动端体验，强大而又丝丝顺滑！

教程开始第 1 步

进入我们 typecho 后台,找到外观设置然后，我们找到插入代码

	<link rel="stylesheet" href="https://blog.caoor.cn/joe.css">
	<div class="footer-tabbar">
					<a class="tabbar-item" title="首页" href="/" target="_self">
				<icon >
					<svg class="icon svg" aria-hidden="true">
						<use xlink:href="#icon-home-color"></use>
					</svg>
				</icon>
				<text>首页</text>
			</a>
					<a class="tabbar-item" title="APP" href="/archives/230.html" target="_self">
				<icon >
					<svg class="icon svg" aria-hidden="true">
						<use xlink:href="#icon-tag-color"></use>
					</svg>
				</icon>
				<text>APP</text>
			</a>
					<a class="tabbar-item" title="发布文章" href="/user/login?referer=%2Fadmin%2Fwrite-post.php" target="_self">
				<icon style="font-size:46px;">
					<svg class="icon svg" aria-hidden="true">
						<use xlink:href="#icon-add-color"></use>
					</svg>
				</icon>
				<text>发布文章</text>
			</a>
					<a class="tabbar-item" title="消息" href="/user/login?referer=%2Fadmin%2Fmanage-comments.php" target="_self">
				<icon >
					<svg class="icon svg" aria-hidden="true">
						<use xlink:href="#icon-msg-color"></use>
					</svg>
				</icon>
				<text>消息</text>
			</a>
					<a class="tabbar-item" title="我的" href="/user/login?referer=%2Fadmin%2Fprofile.php" target="_self">
				<icon >
					<svg class="icon svg" aria-hidden="true">
						<use xlink:href="#icon-user-color-2"></use>
					</svg>
				</icon>
				<text>我的</text>
			</a>
			</div>