1 Star 0 Fork 0

凌思云 / hexo-gal

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

hexo-theme-gal

前言

当我刚刚成为一名gal的萌新时, 忧郁的弟弟已经结婚了(恭喜弟弟君)

弟弟站点的主题感觉挺好看的, 不过是wordpress的主题, 在弟弟的站点也看出很多人喜欢这个站点, 甚至有挺多人在问如何做出这种站点

正好我注册了个新的blog域名, 要重新弄个hexo博客(太久没写过博文了), 而又不想用其他主题, 又听贴吧说弟弟站点好像要关了

于是乎就有了这次的hexo移植版, 还原度不说100%(也不可能), 也有90%了(毕竟hexo跟wordpress是两个不同的东西)

下面的配置说明一定要先做好, 因为包含了主题的依赖(反正很重要就是了)

主题示例博客:myau.moe

更新: 2018/3/4

有个小小的建议, 这个主体可能需要配置比较多的图片, 图片比如好几百kb甚至上m的加载会慢, 这点可以用一些网站进行图片压缩, 然后把图片放在一些对象存储空间上(比如七牛的对象存储空间), 比如我的博客myau.moe就是这样的, 所以加载会快些, 关于图片压缩, 可以用下面几个网站:

TinyPng

CloudConvert

另外, 给大家推荐一个网站, 我个人觉得挺好用的, 有很多功能

创造师

更新: 2018/3/30

参照gitment项目的这个issue将gitment的id定为了文章的具体时间(主要是因为github issue label有长度限制, 如果文章标题采用了中文进行了url编码很容易超出限制导致初始化失败, 出现Validation Failed)

配置说明

git clone https://github.com/ZEROKISEKI/hexo-theme-gal.git themes/gal

or 

git clone https://github.com/ZEROKISEKI/hexo-theme-gal.git themes/gal --depth 1

使用该主题前要安装的东西:

更改主题为: gal

在你的hexo站点目录(非主题目录)下安装 hexo-renderer-sass 和 hexo-renderer-scss

npm install hexo-renderer-sass --save 

npm install hexo-renderer-scss --save

or 

cnpm install hexo-renderer-sass --save

cnpm install hexo-renderer-scss --save

or 

yarn add hexo-renderer-sass(推荐)

yarn add hexo-renderer-scss(推荐)


上面的一步是将.scss样式文件渲染成最后的style.css文件

然后, 在你的hexo站点目录下安装 hexo-generator-json-content

npm install hexo-generator-json-content --save

or 

cnpm install hexo-generator-json-content --save

如果后面你hexo g的时候有问题, 注意看看是不是这个json-content的问题, 如果是的话就是你的node比较老

接着在hexo站点目录的_config.yml下进行配置:

jsonContent:
  dateFormat: MM-DD
  pages:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    preview: true
  posts:
    title: true
    text: true
    path: true
    date: true
    excerpt: true
    tags: [{
      name: tag.name,
      slug: tag.slug,
      permalink: tag.permalink
    }]
    preview: true

接着, 进行下面的步骤:

hexo new page "search"              // 搜索功能的必须步骤
hexo new page "404"                 // 开启404页面

至于tags和categories页面的设置, 百度或google就有对应的方法了, 这里就不多说了

对了, hexo站点目录的_config.yml的title, description, author和url要自己正确配置

主题的配置说明:

主题配置说明在wiki

更新:新开了一个issue,主题的一些新的配置说明将会写在这个issue上。 issue #46

使用建议:

1. 建议每一篇文章都要在front-matter设置preview图片地址, 这个地址是url地址(本地的也要写完整的url)
2. 每一篇文章的excerpt部分(即<!--more-->之前的部分)是纯文本而不要是markdown
3. 作为背景用的图片大小都应该差不多, 比如示例用的几张背景图片都是1920 * 1080那样的
4. 使用gitment作为评论系统, 在新发布文章时要去对应文章页面下点击初始化评论系统按钮(需登录)
5. 可以设置置顶文章, 需要在front-matter设置top: true, 设置置顶文章最好只设置一篇

吐槽 && 痛点:

hexo只能采用第三方的评论系统, 要达到还原主题的评论效果, 目前只有gitment符合要求, 但是github issue没有那种一层一层回复的效果, 所以回复评论上只能采用**@**的方式

挺多hexo主题的搜索功能是直接链接到搜索引擎的site或者出现搜索框ajax出现搜索内容, 主题的搜索功能为了尽可能达到完全一致, 采用的方法并不是很妥当(用了带url参数的方式), 不过静态博客系统应该问题不大(也没什么东西可以被打):grin:

原主题采用了shortcode(短代码), 比如说[warning]blablabla[/waring]是对应解析成警告框的, 这点在hexo上可以实现, 但是这样就要求hexo用户也知道对应的规则, 不是很好, 所以在文章的markdown解析样式上是参照了其他一些主题的样式, 这点我无法做到完全的还原:disappointed:, 如果有人可以的话, 也可以做一下这个功能, 不过要对zanblog的解析规则了解才好

侧边栏标签云那里的字体随机大小, wordpress 直接有个方法change_tag_cloud_font_sizes(), 直接设定最大最小就行了, 每次刷新页面都是固定的值, 我用hexo取随机值每次都会变大小, 这点以后再改好些吧

反正近期有空的话就继续做

MIT License Copyright (c) 2017 AONOSORA Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

暂无描述 展开 收起
JavaScript 等 4 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/acgboy/hexo-gal.git
git@gitee.com:acgboy/hexo-gal.git
acgboy
hexo-gal
hexo-gal
master

搜索帮助