子兮子兮
GitHub
parent
e3d16fc1ca
commit
1e43bec80d
|
|
@ -1,15 +1,15 @@
|
|||
B3log Solo 第三方皮肤 - [子兮子兮](https://zixizixi.cn/)
|
||||
----
|
||||
|
||||
本皮肤是基于官方版 `yilia` 皮肤进行美化修改的第三方皮肤，主色调修改为黑、白、灰（高冷三原色 😜 ）、蓝（超链接）。
|
||||
名称为 `iMobile` 的原因是，本人使用的此皮肤是直接把原 `mobile` 皮肤删除，将此皮肤的目录名和 `skin.properties` 中的配置改为 `mobile`，这样使用手机访问时也会使用此皮肤（原 mobile 皮肤实在无法欣赏 n(*≧▽≦*)n ）。
|
||||
此皮肤采用响应式布局，不用担心用手机访问会出现样式错乱。也建议使用者直接将此皮肤文件覆盖原 `mobile` 皮肤。
|
||||
本皮肤是基于官方版 `yilia` 皮肤进行美化修改的第三方皮肤，主色调修改为黑、白、灰（高冷三原色 😜 ）、蓝（超链接）。
|
||||
名称为 `iMobile` 的原因是，本人使用的此皮肤是直接把原 `mobile` 皮肤删除，将此皮肤的目录名和 `skin.properties` 中的配置改为 `mobile`，这样使用手机访问时也会使用此皮肤（原 mobile 皮肤实在无法欣赏 n(*≧▽≦*)n ）。
|
||||
此皮肤采用响应式布局，不用担心用手机访问会出现样式错乱。也建议使用者直接将此皮肤文件覆盖原 `mobile` 皮肤。
|
||||
|
||||
## 注意事项
|
||||
此皮肤有些个性化的地方需要使用者自己去修改 `ftl` 模板文件，具体如下：
|
||||
|
||||
### 1. 自定义 ABOUT ME 介绍信息（side.ftl）
|
||||
点击博客标题会弹出 ABOUT ME 的窗口，当然若不想使用此弹窗你也可以在 `side.ftl` 中搜索 `clickme` 并删除相关代码。
|
||||
点击博客标题会弹出 ABOUT ME 的窗口，当然若不想使用此弹窗你也可以在 `side.ftl` 中搜索 `clickme` 并删除相关代码。
|
||||
#### 效果图
|
||||
|
||||
|
||||
|
|
@ -17,20 +17,20 @@ B3log Solo 第三方皮肤 - [子兮子兮](https://zixizixi.cn/)
|
|||
|
||||
|
||||
|
||||
### 2. 自定义左侧个人导航链接（side.ftl）
|
||||
左侧新增的个人导航链接分别为 Github、微博、微信（可以是公众号）二维码、QQ 会话（需要在 [QQ 推广](http://shang.qq.com/) 中开通）。
|
||||
### 2. 自定义左侧个人导航链接（side.ftl）
|
||||
左侧新增的个人导航链接分别为 Github、微博、微信（可以是公众号）二维码、QQ 会话（需要在 [QQ 推广](http://shang.qq.com/) 中开通）。
|
||||
#### 效果图
|
||||
|
||||
|
||||
#### 相关代码
|
||||
从 side.ftl 第 47 行开始的注释，若使用请打开注释并将链接修改为自己的链接，包括下面的反馈邮箱链接。
|
||||
从 side.ftl 第 47 行开始的注释，若使用请打开注释并将链接修改为自己的链接，包括下面的反馈邮箱链接。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 3. 添加移动端顶部背景图
|
||||
在屏幕宽度小于 750px（在 yilia7.min.css 中修改）时当做是移动端，由左右布局变为上下布局，顶部显示背景图，图片位置为 `solo 根目录/images/bg.jpg`，需要使用者将自己的图片放置于此。
|
||||
### 3. 添加移动端顶部背景图
|
||||
在屏幕宽度小于 750px（在 yilia7.min.css 中修改）时当做是移动端，由左右布局变为上下布局，顶部显示背景图，图片位置为 `solo 根目录/images/bg.jpg`，需要使用者将自己的图片放置于此。
|
||||
|
||||
#### 相关代码
|
||||
``` css
|
||||
|
|
@ -64,7 +64,7 @@ B3log Solo 第三方皮肤 - [子兮子兮](https://zixizixi.cn/)
|
|||
#### 效果图
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 5. 其他
|
||||
为了搭配此皮肤，建议对 `WEB-INF/classes` 目录下的 `lang_zh_CN.properties` 参数文件做适当的修改，以及替换此目录下的验证码文件 `captcha_static.zip`。
|
||||
|
|
@ -91,12 +91,12 @@ linkLabel=\u53CB\u60C5\u94FE\u63A5
|
|||
linkLabel=\u94FE\u63A5
|
||||
```
|
||||
|
||||
> 需要使用者注意并自己修改代码的地方大概就这些。 另外建议与皮肤无关的 H2 数据 JDBC 连接配置： `jdbc.URL=jdbc:h2:~/solo_h2/db;AUTO_SERVER=TRUE;DB_CLOSE_ON_EXIT=FALSE`。
|
||||
> 需要使用者注意并自己修改代码的地方大概就这些。 另外建议与皮肤无关的 H2 数据 JDBC 连接配置： `jdbc.URL=jdbc:h2:~/solo_h2/db;AUTO_SERVER=TRUE;DB_CLOSE_ON_EXIT=FALSE`。
|
||||
|
||||
----
|
||||
|
||||
## 整体效果
|
||||
### 1. 首页
|
||||
### 1. 首页
|
||||
|
||||
|
||||
### 2. 存档
|
||||
|
|
@ -117,13 +117,13 @@ linkLabel=\u94FE\u63A5
|
|||
### 7. 评论回复
|
||||
|
||||
|
||||
## 特别鸣谢
|
||||
此皮肤的发布离不开 D大（@88250）和 V姐（@Vanessa219）对 Solo 的辛勤耕耘，以及 V姐 对此皮肤的的热情，本来此皮肤的代码被我改的乱七八糟，代码本来看不下去，开始 V姐 提出 PR 一份的时候我是拒绝的，因为弄起来真的很麻烦，事实也的确如此 😂 ，即使现在也这代码也不一定有多整洁。写完了此 README 感觉用这个皮肤真的好麻烦呀，应该不会有人用吧 O(∩_∩)O~
|
||||
## 特别鸣谢
|
||||
此皮肤的发布离不开 D大（@88250）和 V姐（@Vanessa219）对 Solo 的辛勤耕耘，以及 V姐 对此皮肤的的热情，本来此皮肤的代码被我改的乱七八糟，代码本来看不下去，开始 V姐 提出 PR 一份的时候我是拒绝的，因为弄起来真的很麻烦，事实也的确如此 😂 ，即使现在也这代码也不一定有多整洁。写完了此 README 感觉用这个皮肤真的好麻烦呀，应该不会有人用吧 O(∩_∩)O~
|
||||
|
||||
### 三方包
|
||||
此改版皮肤的诞生要特别感谢以下第三方项目：
|
||||
此改版皮肤的诞生要特别感谢以下第三方项目：
|
||||
1. [layer](http://layer.layui.com/)：一款美观易用的 jQuery 弹出层；
|
||||
2. [OwO](https://github.com/DIYgod/OwO)：萌萌哒评论框表情内容输入工具（Revised [OwO](http://git.itanken.cn/OwO/)）；
|
||||
2. [OwO](https://github.com/DIYgod/OwO)：萌萌哒评论框表情内容输入工具（Revised [OwO](http://git.itanken.cn/OwO/)）；
|
||||
3. [iconfont](http://iconfont.cn/)：阿里巴巴功能强大且图标内容很丰富的矢量图标库。
|
||||
|
||||
... 好吧只记得这 3 个了，可能也只有这三个 😂 。
|
||||
|
|
|
|||
Loading…
Reference in New Issue