kirain

handsome主题魔改教程
改过了之后感觉界面太杂,于是改回来了~这里使用的是神代綺凜制作的css。教程参考handsome主题魔改教程,笔者...
扫描右侧二维码阅读全文
27
2019/04

handsome主题魔改教程

demo1

demo2

改过了之后感觉界面太杂,于是改回来了~

这里使用的是神代綺凜制作的css。

教程参考handsome主题魔改教程,笔者对其中css文件进行了更新以及背景图片方面的修改。

魔改教程

Step 1

下载css

将文件放在 /usr/themes/handsome/assets/css中,文件名为 handsome.css

Step 2

打开 /usr/themes/handsome/component/header.php,在"<!-- 本地css静态资源 -->"下多加一行

<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.css?v=1.6.1" type="text/css">

修改后:

<!-- 本地css静态资源 -->
<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.css?v=1.6.1" type="text/css">
<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/function.min.css?v=<?php echo Handsome::$version.Handsome::$versionTag ?>" type="text/css" />
<link rel="stylesheet" href="<?php echo STATIC_PATH; ?>css/handsome.min.css?v=<?php echo Handsome::$version.Handsome::$versionTag ?>" type="text/css" />

然后保存。

Step 3

打开 /usr/themes/handsome/component/headnav.php,在第一行后加一行 <div id="bg"></div>

修改后:

  <?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
<div id="bg"></div>
  <header id="header" class="app-header navbar" role="menu">

大功告成

设置魔改背景图片

编辑/usr/themes/handsome/assets/css/handsome.css

在里面替换所注释的链接

Last modification:April 27th, 2019 at 03:49 pm
原创不易,打赏包辣条呗~

Leave a Comment