Skip to content

Commit

Permalink
v1.3 添加归档页
Browse files Browse the repository at this point in the history
  • Loading branch information
ddiu8081 committed May 24, 2018
1 parent 2b61f4d commit 1cb9d86
Show file tree
Hide file tree
Showing 2 changed files with 69 additions and 26 deletions.
93 changes: 68 additions & 25 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,26 +1,16 @@
# Moegi-theme
Moegi「萌黄」 - 一个Ghost主题
A simple theme for [Ghost](http://github.com/tryghost/ghost/).
陆陆续续跟风玩过不少的博客= =...从 Wordpress 转到 Typecho 再到现在的 Ghost..
试过 Ghost 之后发现嗯,好,是我想要的,于是就这么留下来了...

陆陆续续跟风玩过不少的博客= =...从Wordpress转到Typecho再到现在的Ghost..
Ghost 0.x版本默认的 Casper 十分好看,可惜1.0版本之后就改成 cms 样式了...
所以抽了点时间自己写了一套,起名为 Moegi。

试过Ghost之后发现嗯,好,是我想要的,于是就这么留下来了...
## 设计风格

这几年的审美被Pinterest宠得偏爱简洁风,所以一直在找一套好看简约的主题。
主题名称和主要颜色的来源取自[NIPPON COLORS - 日本の伝統色](http://nipponcolors.com)。这是一个相当文艺的取色网站,收录的几百种颜色全部是日本的传统颜色,十分耐看,同时名字也非常好听。比如一斥染、柳染、利休茶等等。强烈建议颜色方面没有灵感的话来这里看看~

Ghost 0.x版本默认的Casper十分好看,可惜1.0版本之后就改成cms样式了...
~~主题的文字为[思源宋体](https://source.typekit.com/source-han-serif/cn/)。这是Adobe与Google联合发布的一套开源字体,个人感觉放在网页里真心好看😂~~(180523:思源宋体已从主题移除)

所以抽了点时间自己写了一套,起名为==Moegi==。

> 半吊子前端第一次做主题= = 希望大家可以喜欢❤
# 风格

主题名称和主要颜色的来源取自[NIPPON COLORS - 日本の伝統色](http://nipponcolors.com)。这是一个相当文艺的取色网站,收录的几百种颜色全部是日本的传统颜色,十分耐看,同时名字也非常好听。比如==一斥染==、==柳染==、==利休茶==等等。强烈建议颜色方面没有灵感的话来这里看看~

主题的文字为[思源宋体](https://source.typekit.com/source-han-serif/cn/)。这是==Adobe==与==Google==联合发布的一套开源字体,个人感觉放在网页里真心好看😂

## 颜色
### 颜色

* 背景: `#FBFBFB`
* 标题色:`#52433D 紅消鼠`
Expand All @@ -30,12 +20,65 @@ Ghost 0.x版本默认的Casper十分好看,可惜1.0版本之后就改成cms
* Code段:`#A96360 蘇芳香`
* 标签底色:`#F0F0F0`

## 截图
请到[Blog](https://blog.ddiu.site/moegi-theme)查看
### MarkDown
```
> 文字引用
```
> 文字引用
```
**文字加粗**
```
**文字加粗**

```
*文字倾斜*
```
*文字倾斜*

```
[超链接](http://ddiu.site)
```
[超链接](http://ddiu.site)

### Screenshot & Demo

![Screenshot](http://ostfcwjy3.bkt.clouddn.com/18-5-24/82860263.jpg)

[Demo](https://blog.ddiu.site)

## 更新日志

* 2017.10.02 v1.0.0 Moegi主题完成
* 2018.02.16 v1.1.0 添加代码高亮(使用[prism.js](http://prismjs.com)
* 2018.05.23 v1.2.0 使用[Typo.css](https://typo.sofi.sh/)重构了页面的行距等样式;代码高亮更换为[Highlight.js](https://highlightjs.org/);背景改为#ffffff;超链接、强调色、引用等其他样式更改
* 2018.05.24 v1.3.0 添加归档页;细节优化

## 下载与使用

### 主题下载

[Github](https://github.com/ddiu8081/ghost-theme-Moegi)下载zip后,上传到Ghost后台即可。

### 注意事项

1. 归档页的使用:在 Ghost 后台新建独立页面(勾选`Turn this post into a page`),标题随意(如`归档`),页面地址为`archives`,在设置中添加指向该地址的菜单即可。
2. 主题免费使用,但请勿修改底部版权信息(虽然颜色已经调得快看不见了😂)。
3. 该主题仅适用于 Ghost 1.0 及以上版本,0.x版本不支持。
4. 欢迎 Fork 本项目并修改成自己喜欢的样子。

## 其他

### 致谢

该主题在Casper基础上修改,并引用了如下代码及框架:

* [Typo.css](https://github.com/sofish/typo.css):中文网页重设与排版,构建最适合中文阅读的网页排版。
* [Highlight.js](https://highlightjs.org/):一个出色的代码高亮插件。
* [Moment.js](http://momentjs.cn/):js时间处理插件,用于归档页面。
* [jQuery](https://jquery.com/):最流行的JavaScript工具库。
* [@ldsun](https://ldsun.com/2016/07/23/ghost-archives/):归档页实现灵感来源。

# 下载
[Github](https://github.com/ddiu8081/Moegi-theme)下载zip后,上传到Ghost后台即可。
### License

* 主题免费使用,但请勿修改底部版权信息(虽然颜色已经调得快看不见了😂)
* 该主题仅适用于Ghost 1.0及以上版本,0.x版本不支持
* 思源宋体托管于Adobe Typekit,可能不能正常应用于其他站点。如需修改请在`default.hbs``assets/css/moegi.css`自行修改
MIT
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
{
"name": "Moegi",
"description": "A simple & pure Ghost theme.",
"version": "1.2.0",
"version": "1.3.0",
"engines": {
"ghost": ">=1.0.0"
},
Expand Down

0 comments on commit 1cb9d86

Please sign in to comment.