• Stars
    star
    231
  • Rank 173,434 (Top 4 %)
  • Language
    CSS
  • Created almost 8 years ago
  • Updated over 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

精简的Hexo博客主题,样式风格如阮一峰老师博客

hexo-theme-cafe

Cafe 主题旨在追求简约、操作简单、阅读舒适度。 英文版介绍 Read in English

灵感来自 Landscape,参考@ruanyf博客调整了整体的样式,一些布局细调,以及新增一些 widge t等,后期会在使用的过程中不断进行调整。

体验参考本人博客 Giscafer's blog

响应式兼容手机端

开发历史 Changelog

欢迎到issues提建议

效果截图

PC演示

Mobile演示

使用

安装

$ git clone https://github.com/giscafer/hexo-theme-cafe.git themes/cafe

或者直接到releases下载最新源码文件,重命名为cafe放到博客themes目录下

Cafe 需要 Hexo 2.4 及以上版本支持.

使用主题

修改博客配置文件 `_config.yml` 主题属性 theme 为 `cafe`.

更新升级

cd themes/cafe
git pull

主题配置

主题 themes/cafe/_config.yml 文件内容参考说明配置

配置教程具体见_config.yml文件注释说明

Features

社区化

支持国内外主流社区分享:

share

支持评论插件有:

  • Disqus
  • 网易云跟帖
  • 畅言
  • 友言
  • gitment

Fancybox

Cafe 使用Fancybox 展示相册、图片。 您可以使用减记语法或fancybox标签插件添加你的照片。

![img caption](img url)

{% fancybox img_url [img_thumbnail] [img_caption] %}

Sidebar

你可以设置sidebar 配置侧边栏,有 leftright 二种选择

Cafe 主题提供以下内置 widgets:

  • social # 社交账号链接
  • category # 归类
  • tag # 标签
  • tagcloud # 云标签
  • archives # 归档
  • recent_posts # 最新文章
  • friendly_link # 友情链接

你可以在主题配置文件 widget 设置选项设置需要的 widgets。

打赏

打赏一下 Buy me a coffee

License

MIT


giscafer.com  ·  GitHub @giscafer  ·  Weibo @Nickbing Lao

More Repositories

1

wechat-weapp-mapdemo

微信小程序开发mapdemo,地图导航、marker标注
JavaScript
585
star
2

FinalScheduler

📆 终极排班管理、考勤系统
Java
582
star
3

blog

Next.js + Issues 博客解决方案 https://www.giscafer.com
MDX
278
star
4

Ponitor

💵 [ P ] rice + M [ onitor ] = Ponitor 价格监测应用(老版本 vue.js,源码不推荐学习)
JavaScript
231
star
5

mapshaper-plus

Generate geojson files for Echarts Map,base on mapshaper(Echarts 地图数据压缩转换)
JavaScript
208
star
6

ngx-form-builder

Angular Form generation base on Angular , dynamic template support ng-zorro-antd/BootStrap UI (基于ng8的 json schema 表单生成器,提供生成组件源码,可对生成的表单代码进行编辑)
TypeScript
120
star
7

Vue-order

🍖 🍕 订餐系统应用
CSS
82
star
8

vue-json-schema-editor-visual

A json-schema editor of high efficient and easy-to-use, base on Vue.
Vue
62
star
9

easyocr

easy to ocr
JavaScript
52
star
10

vue-form-builder

A drag & drop form builder platform that made with Vue.js and Element UI and generate form sourcecode (基于 vue 和 element-ui 实现的表单设计平台,生成 Element UI 的表单源代码)
Vue
51
star
11

project

一些开发学习相关 demo 展示
CSS
50
star
12

wechat-autoreply

微信机器人
JavaScript
33
star
13

sinokit

Vue.js 2.x 组件库、基础组件、业务组件、区块、模板(WIP)
JavaScript
30
star
14

ife-course-demo

百度前端技术学院demo
HTML
27
star
15

alidayujs

🐟 阿里大鱼短信SDK( JavaScript Alidayu SDK). 兼容服务器端环境node.js,模块加载器如RequireJS和所有浏览器
JavaScript
24
star
16

moviesite

🎬 A Movie website
JavaScript
23
star
17

angular-webuploader

An AngularJS directive for webuploader (angular指令封装的webuploader demo,弹窗上传图片,缩略图展示列表,翻页效果;支持点击缩略图查看大图详情)
JavaScript
23
star
18

sailor

"水手"低码开发平台,向研发提效迈一大步!(调研demo)
TypeScript
20
star
19

react-ponitor

[ P ] rice + M [ onitor ] = Ponitor 价格监测 (React、Redux )
JavaScript
17
star
20

video-script

视频搬运脚本
JavaScript
14
star
21

node-typhoon

🔨 Help you get the typhoon information 台风信息查询Api
JavaScript
13
star
22

angular-chat

(IM App)Chat App built using Angular and Socket.io
CSS
12
star
23

lodash-api-doc

lodash.js 中文 API文档(个人学习附带翻译)
JavaScript
10
star
24

giscafer.github.io

giscafer's blog
HTML
10
star
25

vue-brush-timeline

基于 d3-brush 实现的时间轴,可缩放、拖动
Vue
9
star
26

lao-utils

🔨 JavaScript function tool (JavaScript常用函数工具集)
JavaScript
9
star
27

ngx-ace-tern

Tern plugin for Ace Editor for Angular
JavaScript
8
star
28

lodash-sourcecode-study

基于版本v5,源码学习,代码注释@giscafer
JavaScript
7
star
29

alidayu-sign-nodejs

NodeJS生成阿里大鱼短信签名、短信发送demo
JavaScript
7
star
30

vue-front-template

Element UI 工程初始化模板,适用于前台类网站
Vue
7
star
31

primeng-ext

primeng component extension
TypeScript
6
star
32

vscode-frontend-box

VSCode 里订阅查看前端技术文章
TypeScript
6
star
33

travel-map

Recorded the city on the map where i have been travelled.
JavaScript
5
star
34

node-ipcity

🔨 get ip city info 获取ip归属城市信息
JavaScript
5
star
35

ziroom-crawler

自如友家租房,房源爬虫,房源状态监听,目的是抢房
JavaScript
5
star
36

leetcode-js

数据结构与算法学习 & leetcode 题解
JavaScript
5
star
37

react-demo-list

react 学习demos
JavaScript
5
star
38

angular-webpack-es6

A boilerplate for Angular1.2.30 using ES6 and build with webpack,Compatible with IE 8
JavaScript
4
star
39

ng-viewer

An angular directive for viewer.js
TypeScript
4
star
40

wechat-chatgpt

TypeScript
4
star
41

vue-element-admin-template

用于开发简单的后台管理系统,根据自身情况做接口请求封装、工程规范等
Vue
4
star
42

webpack-study

study note
JavaScript
4
star
43

airlevel-crawler

a demo of crawler for air-level.com
Java
4
star
44

easyui-webuploader

基于easyui的webuploader demo
CSS
4
star
45

resume

personal resume
HTML
3
star
46

cesium-fly-demo

https://xiaozhuanlan.com/topic/6354190287
JavaScript
3
star
47

vscode-global-snippets

VSCode Global snippets
3
star
48

SessionManager

Java监听器实现在线人数统计Demo
Java
3
star
49

sync-address-code

sync address code from AMap
JavaScript
3
star
50

ag-grid-angular-demo

demo list for ag-grid-angular,includes websocket/graphql data binding service
TypeScript
3
star
51

generate-form-by-table-structure

generate the form html template according to the table structure(根据表结构自动生成表单)
JavaScript
3
star
52

PWA-demo

PWA技术分享Demo & PPT
JavaScript
2
star
53

demo

demo for study
HTML
2
star
54

auto-m3

seeyon m3 app auto attendance
JavaScript
2
star
55

html2site

convert harddrive file to site page(将html目录文件生成静态网站)
TypeScript
2
star
56

buy-me-a-coffee

☕ Buy me a coffee
2
star
57

docsify-demo-codesandbox-vue

A plugin for docsify to write Vue jsx demo with instant preview and codesandbox integration
JavaScript
2
star
58

topology-umi-demo

Umi3.x + TypeScript + Topology
CSS
2
star
59

street-address-search

根据详细地址反查四级地址,支持百度语音识别
JavaScript
1
star
60

Front-end-technical-documentation

The front-end technical documentation
1
star
61

rh-template-gis

GIS&MIS 工程模板
TypeScript
1
star
62

node-red-contrib-json2xlsx

node convert an object array to an xlsx buffered file output.
HTML
1
star
63

roothub-redirect-site

HTML
1
star
64

giscafer

My GitHub Profile.
1
star
65

nativescript-menudemo

Use segmented-bar to create customized bottom tabs for android
JavaScript
1
star
66

ng2-ife-course

ife-course SPA with angular2
TypeScript
1
star
67

weapp-quatedaily

每日鸡汤
JavaScript
1
star
68

fedemo

知识星球 demo site
JavaScript
1
star
69

micro-umi-max-cra

micro app demo use umi/max & cra
TypeScript
1
star
70

ionic-android-docker

docker for ionic3
Dockerfile
1
star