# hexo-theme-gal
# 前言
当我刚刚成为一名gal的萌新时, 忧郁的弟弟已经结婚了(恭喜弟弟君)
弟弟站点的主题感觉挺好看的, 不过是wordpress的主题, 在弟弟的站点也看出很多人喜欢这个站点, 甚至有挺多人在问如何做出这种站点
正好我注册了个新的blog域名, 要重新弄个hexo博客(太久没写过博文了), 而又不想用其他主题, 又听贴吧说弟弟站点好像要关了
于是乎就有了这次的hexo移植版, 还原度不说100%(也不可能), 也有90%了(毕竟hexo跟wordpress是两个不同的东西)
下面的**配置说明**一定要先做好, 因为包含了主题的依赖(反正很重要就是了)
主题示例博客:[myau.moe](https://myau.moe)
# 更新: 2018/3/4
有个小小的建议, 这个主体可能需要配置比较多的图片, 图片比如好几百kb甚至上m的加载会慢, 这点可以用一些网站进行图片压缩, 然后把图片放在一些对象存储空间上(比如七牛的对象存储空间),
比如我的博客[myau.moe](https://myau.moe)就是这样的, 所以加载会快些, 关于图片压缩, 可以用下面几个网站:
### [TinyPng](https://tinypng.com/)
### [CloudConvert](https://cloudconvert.com/)
另外, 给大家推荐一个网站, 我个人觉得挺好用的, 有很多功能
### [创造师](http://chuangzaoshi.com/)
# 更新: 2018/3/30
参照gitment项目的这个[issue](https://github.com/imsun/gitment/issues/118)将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](https://github.com/ZEROKISEKI/hexo-theme-gal/wiki/%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE%E8%AF%B4%E6%98%8E)
更新:新开了一个issue,主题的一些新的配置说明将会写在这个issue上。 [issue #46](https://github.com/ZEROKISEKI/hexo-theme-gal/issues/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取随机值每次都会变大小, 这点以后再改好些吧
反正近期有空的话就继续做
没有合适的资源?快使用搜索试试~ 我知道了~
hexo-theme-gal:忧郁的弟弟网站主题移植
共177个文件
png:36个
ejs:32个
scss:26个
需积分: 50 5 下载量 47 浏览量
2021-05-07
05:25:15
上传
评论
收藏 3.37MB ZIP 举报
温馨提示
hexo-theme-gal 前言 当我刚刚成为一名gal的萌新时, 忧郁的弟弟已经结婚了(恭喜弟弟君) 弟弟站点的主题感觉挺好看的, 不过是wordpress的主题, 在弟弟的站点也看出很多人喜欢这个站点, 甚至有挺多人在问如何做出这种站点 正好我注册了个新的blog域名, 要重新弄个hexo博客(太久没写过博文了), 而又不想用其他主题, 又听贴吧说弟弟站点好像要关了 于是乎就有了这次的hexo移植版, 还原度不说100%(也不可能), 也有90%了(毕竟hexo跟wordpress是两个不同的东西) 下面的配置说明一定要先做好, 因为包含了主题的依赖(反正很重要就是了) 主题示例博客: 更新: 2018/3/4 有个小小的建议, 这个主体可能需要配置比较多的图片, 图片比如好几百kb甚至上m的加载会慢, 这点可以用一些网站进行图片压缩, 然后把图片放在一些对象存储空间上(比如七牛的对
资源详情
资源评论
资源推荐
收起资源包目录
hexo-theme-gal:忧郁的弟弟网站主题移植 (177个子文件)
bootstrap.min.css 118KB
aos.css 25KB
highslide.css 8KB
highslide-ie6.css 2KB
mouse1.cur 4KB
mouse2.cur 4KB
zoomout.cur 326B
zoomin.cur 326B
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
.DS_Store 6KB
search.ejs 8KB
header.ejs 5KB
excerpt.ejs 4KB
article.ejs 4KB
layout.ejs 3KB
sidebar.ejs 2KB
head.ejs 2KB
pagination.ejs 2KB
archive.ejs 2KB
oni.ejs 1KB
random_posts.ejs 1KB
index.ejs 1KB
category.ejs 1KB
categories.ejs 1KB
tag.ejs 1KB
tags.ejs 1KB
recent_posts.ejs 763B
author.ejs 713B
search.ejs 593B
recent_comments.ejs 449B
hot_posts.ejs 436B
page.ejs 420B
footer.ejs 374B
issue.ejs 366B
slideshow.ejs 306B
hot_tags.ejs 297B
friend_links.ejs 253B
links.ejs 226B
post.ejs 66B
archive.ejs 34B
404.ejs 28B
hot_categories.ejs 0B
fontawesome-webfont.eot 162KB
glyphicons-halflings-regular.eot 20KB
xsbg.gif 11KB
controlbar-black-border.gif 5KB
controlbar-white.gif 5KB
controlbar-white-small.gif 3KB
controlbar4-hover.gif 2KB
controlbar2.gif 884B
icon.gif 867B
controlbar4.gif 854B
controlbar3.gif 838B
loader.white.gif 673B
loader.gif 668B
fullexpand.gif 209B
resize.gif 70B
background1.jpg 354KB
preview2.jpg 309KB
preview3.jpg 278KB
background6.jpg 262KB
preview1.jpg 233KB
preview4.jpg 214KB
background4.jpg 167KB
background3.jpg 129KB
background5.jpg 117KB
background2.jpg 85KB
avatar.jpg 83KB
oni6.jpg 4KB
oni2.jpg 4KB
oni4.jpg 3KB
oni3.jpg 3KB
oni5.jpg 3KB
oni1.jpg 3KB
highslide-full.js 98KB
jquery.min.js 85KB
highslide-with-gallery.js 75KB
highslide-with-html.js 71KB
highslide-full.min.js 70KB
highslide-with-gallery.min.js 53KB
highslide.js 51KB
highslide-with-html.min.js 51KB
highslide-full.packed.js 47KB
highslide.min.js 37KB
highslide-with-gallery.packed.js 36KB
bootstrap.min.js 36KB
highslide-with-html.packed.js 34KB
highslide.packed.js 25KB
gitment.js 16KB
aos.js 14KB
activate-power-mode.js 10KB
leancloud.js 5KB
blog.js 3KB
oni.js 2KB
hs.js 539B
bootstrap-hover-dropdown.min.js 0B
package.json 198B
共 177 条
- 1
- 2
实话直说
- 粉丝: 38
- 资源: 4592
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0