sadofriod / hexo-theme-lx

A simple & clear & elegant hexo theme

Home Page:https://lx.blleng.cn

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Hexo-Theme-Lx

Github Release Github License

尚在开发中。归档、分类 、标签页面还有待完善。 ... 欢迎Fork,欢迎Clone,不拒绝Star

Demo:https://lx.blleng.cn

示例

demo

使用:

在博客根目录:

$ git clone https://github.com/blleng/hexo-theme-lx themes/lx

更改站点设置文件_config.yml:

theme: lx

然后复制一份themes/lx/re_config.yml(这个文件是为了方便主题版本升级时不受_config.yml的影响,也方便备份。),命名为_config.yml,放在themes/lx目录下,主题的配置将在该文件中进行。

功能配置

这里的说明并不完整,请参考themes/lx/_config.yml中的注释信息。

统计

引入了百度统计和谷歌统计。

启用:在themes/lx/_config.yml填写:

google_analytics: ... ##谷歌统计ID
baidu_analytics: ... ##百度统计ID

本地搜索

先下载插件hexo-generator-searchdb:

$ npm install hexo-generator-searchdb -s

themes/lx/_config.yml中配置:

local_search:
  enable: true

更多配置详见themes/lx/_config.yml

评论

评论使用valine,官网:https://valine.js.org

启用:在themes/lx/_config.yml填写:

comment:
  enable: true # true:启用 | false:停用
  appid: ... #leancloud appid
  appkey: ... #leancloud appkey
  notify: false
  verify: false
  placeholder: 此处留言 #评论框文字
  avatar: identicon #游客默认头像
  guest_info: nick,mail,link #评论时需填写的内容(均为选填)
  pageSize: 10 #一次性展示的评论数
  language: zh-cn

在文章头填入comment: true即可在该页面启用评论:

---
date: ...
title: ...
categories: ...
tags: ...
comment: true //启用评论
mathjax: ...
---

appidappkey在leancloud创建应用后即可获取。

Social Links

社交媒体链接,在themes/lx/_config.yml配置:

social:
  enable: true
  links:
    #Github: ... #去除开头的'#'注释符,填写链接即可

Mathjax

支持数学公式和化学方程式。

启用:在themes/lx/_config.yml填写:

mathjax:
  enable: true  ##true:启用 | false:停用
  cdn: //cdn.bootcss.com/mathjax/2.7.5/latest.js?config=TeX-MML-AM_SVG  ##为保证输出效果,选择SVG格式输出。

在文章头填入mathjax: true即可在该页面启用评论:

---
date: ...
title: ...
categories: ...
tags: ...
comment: ...
mathjax: true //启用Mathjax
---

文章写作样式

文章摘要

<!--more-->标签之前的内容将作为文章摘要在首页展示。

Note tag

可选用defaultinfoprimarysuccesswarningdanger

示例:

{%note default%}
### title
content
{%endnote%}

Label tag

可选用defaultinfoprimarysuccesswarningdanger

示例:

{%label default@content%}

Button tag

标准样式:

{%btn url,content,hand-o-right fa-fw,title%}

说明:

url:指向的链接

content:内容

hand-o-right fa-fw:图标,可换成其他图标。fa-fw:fix width

title:title

center-quote tag

示例:

{%cq%}
人类的悲欢并不相通,我只觉得他们吵闹。<br><strong>——鲁迅</strong>
{%endcq%}

video tag

示例:

{% video url %}

说明:

url:视频链接

About

A simple & clear & elegant hexo theme

https://lx.blleng.cn

License:MIT License


Languages

Language:CSS 46.8%Language:JavaScript 32.7%Language:HTML 20.5%