B3log Solo 第三方皮肤 - [子兮子兮](https://zixizixi.cn/)
----
本皮肤是基于官方版 `yilia` 皮肤进行美化修改的第三方皮肤,主色调修改为黑、白、灰(高冷三原色 😜 )、蓝(超链接)。
名称为 `iMobile` 的原因是,本人使用的此皮肤是直接把原 `mobile` 皮肤删除,将此皮肤的目录名和 `skin.properties` 中的配置改为 `mobile`,这样使用手机访问时也会使用此皮肤(原 mobile 皮肤实在无法欣赏 n(*≧▽≦*)n )。
此皮肤采用响应式布局,不用担心用手机访问会出现样式错乱。也建议使用者直接将此皮肤文件覆盖原 `mobile` 皮肤。
## 注意事项
此皮肤有些个性化的地方需要使用者自己去修改 `ftl` 模板文件,具体如下:
### 1. 自定义 ABOUT ME 介绍信息(side.ftl)
点击博客标题会弹出 ABOUT ME 的窗口,当然若不想使用此弹窗你也可以在 `side.ftl` 中搜索 `clickme` 并删除相关代码。
#### 效果图
![关于我效果图](https://img.hacpai.com/file/2018/02/d1f0cb2eff244740a21eace90affe9f3_2018021072535.jpg)
#### 相关代码
![ABOUT 代码](https://img.hacpai.com/file/2018/02/6d3788ea90ad4e1e85133b9f9936948d_2018021073057.jpg)
### 2. 自定义左侧个人导航链接(side.ftl)
左侧新增的个人导航链接分别为 Github、微博、微信(可以是公众号)二维码、QQ 会话(需要在 [QQ 推广](http://shang.qq.com/) 中开通)。
#### 效果图
![个人导航效果图](https://img.hacpai.com/file/2018/02/e768ab16c8fa4a5e976a72107ef8b068_2018021072432.jpg)
#### 相关代码
从 side.ftl 第 47 行开始的注释,若使用请打开注释并将链接修改为自己的链接,包括下面的反馈邮箱链接。
![个人链接代码](https://img.hacpai.com/file/2018/02/0f2b02a43e324dc69d266c5808e49ce2_2018021071729.jpg)
![邮箱链接代码](https://img.hacpai.com/file/2018/02/feb8b75209784dfc93bfa6f1d21add82_2018021072235.jpg)
### 3. 添加移动端顶部背景图
在屏幕宽度小于 750px(在 yilia7.min.css 中修改)时当做是移动端,由左右布局变为上下布局,顶部显示背景图,图片位置为 `solo 根目录/images/bg.jpg`,需要使用者将自己的图片放置于此。
#### 相关代码
``` css
@media only screen and (max-width:750px) {
.side {
height: 400px;
width: 100%;
background: #666 url('/images/bg.jpg') center -40px;
}
}
```
#### 效果图
![2018021061950jpg](https://img.hacpai.com/file/2018/02/c2914ca8548b416daf0d0e0b1e277b1a_2018021061950.jpg)
### 4. 搜索页面
目前 Solo 的搜索页面还比较简陋,本人根据 `yilia` 的样式修改了一个搜索页面,放在 `搜索页面(覆盖至根目录)` 目录中,顾名思义,直接将目录中的文件剪切到 Solo 根目录即可。特别要注意的是里面的 `opensearch.xml` 文件,需要根据自己的实际情况进行修改,格式是在 hacpai 扒下来的,是用来在谷歌浏览器中实现输入域名加空格直接在地址栏实现站内搜索的。
> 特别注意需要在 `WEB-INF/static-resources.xml` 文件中添加一行 `<include path="/opensearch.xml"/>`,不然无法获取此静态资源。
#### 相关代码
``` xml
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/" mlns:moz="http://www.mozilla.org/2006/browser/search/">
<ShortName>子兮子兮</ShortName>
<Description>子兮子兮风兮寒,三江七泽情洄沿。</Description>
<InputEncoding>UTF-8</InputEncoding>
<Image width="16" height="16" type="image/x-icon">https://res.zixizixi.cn/izcn.png</Image>
<Url type="text/html" method="get" template="https://zixizixi.cn/search?keyword={searchTerms}"/>
</OpenSearchDescription>
```
#### 效果图
![搜索页面](https://img.hacpai.com/file/2018/02/992d4bef69f0438fbda58c27567ed28f_2018021075045.jpg)
![地址栏搜索](https://img.hacpai.com/file/2018/02/afcdc98999754245a452cc12957cbb23_2018021075206.jpg)
### 5. 其他
为了搭配此皮肤,建议对 `WEB-INF/classes` 目录下的 `lang_zh_CN.properties` 参数文件做适当的修改,以及替换此目录下的验证码文件 `captcha_static.zip`。
#### 需要修改的 `lang_zh_CN.properties` 参数
``` properties
viewCount1Label=\u6D4F\u89C8\u6B21\u6570\uFF1A
# (浏览次数:)修改为(浏览:)
viewCount1Label=\u6D4F\u89C8\uFF1A
articleCount1Label=\u6587\u7AE0\u603B\u6570\uFF1A
# (文章总数:)修改为(文章:)
articleCount1Label=\u6587\u7AE0\uFF1A
commentCount1Label=\u8BC4\u8BBA\u603B\u6570\uFF1A
# (评论总数:)修改为(评论:)
commentCount1Label=\u8BC4\u8BBA\uFF1A
onlineVisitor1Label=\u5F53\u524D\u8BBF\u5BA2\uFF1A
# (当前访客:)修改为(在线:)
onlineVisitor1Label=\u5728\u7ebf\uFF1A
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`。
----
## 整体效果
### 1. 首页
![首页](https://img.hacpai.com/file/2018/02/2c290b6b56ec46aba5400fdc3004fea2_2018021091348.jpg)
### 2. 存档
![存档](https://img.hacpai.com/file/2018/02/02f347f851514ba28ce5f6db17a12d3a_2018021091449.jpg)
### 3. 标签墙
![标签墙](https://img.hacpai.com/file/2018/02/9201790df35347cd811169036d53095f_2018021091729.jpg)
### 4. 动态
![动态](https://img.hacpai.com/file/2018/02/8c1d4d418849450a99d6ad0741ddf789_2018021091559.jpg)
### 5. 链接
![链接](https://img.hacpai.com/file/2018/02/164358ed23484f53a4f16052a77fcc19_2018021091838.jpg)
### 6. 文章详情
![文章详情](https://img.hacpai.com/file/2018/02/a70e2648ea05409da390fbf47e08e5ef_2018021092013.jpg)
### 7. 评论回复
![评论回复](https://img.hacpai.com/file/2018/02/f1a788a03f1b4366a8ccef3e9d1fb074_2018021092306.jpg)
## 特别鸣谢
此皮肤的发布离不开 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/));
3. [iconfont](http://iconfont.cn/):阿里巴巴功能强大且图标内容很丰富的矢量图标库。
... 好吧只记得这 3 个了,可能也只有这三个 😂 。
----
**平等,自由,奔放**
**Equality, Freedom, Passion**
没有合适的资源?快使用搜索试试~ 我知道了~
前端使用Hexo后台使用Solo搭建的个人博客系统solo.zip
共1999个文件
png:991个
java:214个
js:191个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 19 浏览量
2024-04-29
23:43:25
上传
评论
收藏 5.19MB ZIP 举报
温馨提示
【博客个人资源】 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【技术】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
资源推荐
资源详情
资源评论
收起资源包目录
前端使用Hexo后台使用Solo搭建的个人博客系统solo.zip (1999个子文件)
style.css 46KB
default-admin.css 23KB
base.css 22KB
base.css 22KB
default.css 20KB
yilia7.css 19KB
yilia7.css 19KB
default-admin.min.css 18KB
base.min.css 17KB
base.min.css 17KB
ui.css 15KB
codemirror.css 15KB
yilia7.min.css 14KB
yilia7.min.css 14KB
layer.css 14KB
layer.css 14KB
OwO.min.css 12KB
OwO.min.css 12KB
search.css 12KB
codemirror.min.css 11KB
shCoreEclipse.css 10KB
default-init.css 9KB
shCoreDjango.css 9KB
shCoreFadeToGrey.css 9KB
shCoreMidnight.css 9KB
shCoreRDark.css 9KB
shCoreEmacs.css 9KB
shCoreMDUltra.css 9KB
default-base.css 8KB
shCoreDefault.css 7KB
default-init.min.css 7KB
window.css 6KB
shCore.css 6KB
default-base.min.css 6KB
dialog.css 6KB
layer.css 5KB
layer.css 5KB
jquery.fancybox.css 5KB
jquery.fancybox.css 5KB
shThemeDjango.css 3KB
shThemeFadeToGrey.css 3KB
shThemeDefault.css 3KB
shThemeMidnight.css 3KB
shThemeRDark.css 3KB
shThemeEmacs.css 3KB
shThemeMDUltra.css 3KB
shThemeEclipse.css 3KB
content.css 3KB
purebasic.css 2KB
grayscale.css 2KB
gruvbox-light.css 1KB
gruvbox-dark.css 1KB
hybrid.css 1KB
media.css 1KB
atelier-estuary-light.css 1KB
atelier-savanna-light.css 1KB
atelier-plateau-light.css 1KB
atelier-savanna-dark.css 1KB
atelier-estuary-dark.css 1KB
atelier-plateau-dark.css 1KB
atelier-cave-light.css 1KB
agate.css 1KB
atelier-cave-dark.css 1KB
atom-one-light.css 1KB
atom-one-dark.css 1KB
railscasts.css 1KB
sunburst.css 1KB
idea.css 1KB
default.css 1KB
tomorrow-night-blue.css 1KB
atelier-sulphurpool-light.css 1KB
atelier-sulphurpool-dark.css 1KB
tomorrow-night.css 1KB
github.css 1KB
solarized-dark.css 1KB
solarized-light.css 1KB
docco.css 1KB
prettify.css 1KB
atelier-lakeside-light.css 1KB
atelier-lakeside-dark.css 1KB
pojoaque.css 1KB
atelier-seaside-light.css 1KB
atelier-seaside-dark.css 1KB
atelier-forest-light.css 1KB
atelier-forest-dark.css 1KB
atelier-heath-light.css 1KB
style.css 1KB
style.css 1KB
atelier-heath-dark.css 1KB
atelier-dune-light.css 1KB
atelier-dune-dark.css 1KB
tomorrow-night-eighties.css 1KB
foundation.css 1KB
tomorrow-night-bright.css 1KB
obsidian.css 1KB
xcode.css 1KB
kimbie.light.css 1KB
kimbie.dark.css 1KB
hopscotch.css 1KB
arduino-light.css 1KB
共 1999 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
枫蜜柚子茶
- 粉丝: 6282
- 资源: 4641
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功