效果图

教程

1. 打开文件 /admin/write-post.php
2. 第 5 行后面添加一行代码
   \Widget\Metas\Tag\Admin::alloc()->to($tags);
3. 在115行左右找到下图中115-119行 section标签包裹起来的代码
   

4. 替换成下面的代码

   <section class="typecho-post-option">
       <label for="token-input-tags" class="typecho-label">
           <?php _e('标签');?>
       </label>
       <p><input id="tags" name="tags" type="text" value="
       <?php $post->tags(',', false); ?>"
                 class="w-100 text"/>
           <?php if( $tags->have() ): ?>
           <style>.tagshelper a {
                   border: 1px solid #a69d9d;
                   cursor: pointer;
                   padding: 1px 3px;
                   margin: 3px;
                   display: inline-block;
                   border-radius: 10px;
                   text-decoration: none;
                   font-size: 13px;
               }
               .tagshelper a:hover {
                   background: #ccc;
                   color: #fff;
               }
           </style>
       <p style="box-shadow: 0 0 5px 2px #ccc; border-radius: 15px;padding: 10px;border: 1px solid #a69d9d;"
          class="tagshelper">
           <?php $i = 0; ?>
           <?php while ($tags->next()): ?>
                   <a id="<?php echo $i; ?>" onclick="$('#tags').tokenInput('add', {id:
                           '<?php echo $i; ?>',
                           'tags': '<?php $tags->name() ?>'});" target="_blank" rel="noopenernoreferrer">
                       <?php $tags->name() ?></a>
                   <?php $i++;
               endwhile;
           ?>
       </p>
       <?php endif;?>
   </section>

5. 这样就修改好了，可以去后台看看效果了