All Projects → fan-lv → Fan

fan-lv / Fan

hexo-theme

Programming Languages

stylus
462 projects

Projects that are alternatives of or similar to Fan

Paper
🌈 一个类纸风的主题paper🎉(still updating...)
Stars: ✭ 142 (+3.65%)
Mutual labels:  hexo-theme, pug
Hexo Theme Laughing
A lightweight hexo theme
Stars: ✭ 185 (+35.04%)
Mutual labels:  hexo-theme, pug
Terminal theme
A simple theme based on hexo 👻👻👻
Stars: ✭ 160 (+16.79%)
Mutual labels:  hexo-theme, pug
hexo-theme-chiangmai
A theme of Hexo Inspired by Chiang-Mai City 🇹🇭
Stars: ✭ 32 (-76.64%)
Mutual labels:  pug, hexo-theme
Hexo Theme Butterfly
🦋 A Hexo Theme: Butterfly
Stars: ✭ 3,146 (+2196.35%)
Mutual labels:  hexo-theme, pug
Hexo Theme Snark
An hexo theme with lofter style
Stars: ✭ 45 (-67.15%)
Mutual labels:  hexo-theme, pug
Startbootstrap Resume
Start Bootstrap is an open source library of free Bootstrap themes and templates. All of the free themes and templates on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.
Stars: ✭ 1,642 (+1098.54%)
Mutual labels:  pug
Phonegap Docs
PhoneGap Documentation
Stars: ✭ 124 (-9.49%)
Mutual labels:  pug
Jade Html5 Boilerplate
HTML5 Boilerplate ported to Jade. Great as a drop and go markup skeleton for Express apps.
Stars: ✭ 111 (-18.98%)
Mutual labels:  pug
Hexo Theme Spectre
A modern, simple & elegant theme for Hexo
Stars: ✭ 109 (-20.44%)
Mutual labels:  hexo-theme
Flex Block
一个基于Hexo的主题
Stars: ✭ 133 (-2.92%)
Mutual labels:  hexo-theme
Yinwang
Blog Theme For Hexo
Stars: ✭ 133 (-2.92%)
Mutual labels:  hexo-theme
Hexo Theme Aomori
A Hexo Theme. Hexo 博客主题
Stars: ✭ 122 (-10.95%)
Mutual labels:  hexo-theme
Hexo Theme Primer
The github style (primer) for Hexo theme.
Stars: ✭ 117 (-14.6%)
Mutual labels:  hexo-theme
Vscode Deploy Reloaded
Recoded version of Visual Studio Code extension 'vs-deploy', which provides commands to deploy files to one or more destinations.
Stars: ✭ 129 (-5.84%)
Mutual labels:  pug
Preview Email
Automatically opens your browser to preview Node.js email messages sent with Nodemailer. Made for Lad!
Stars: ✭ 112 (-18.25%)
Mutual labels:  pug
Gulp Starter Kit
A simple Gulp 4 Starter Kit for modern web development.
Stars: ✭ 134 (-2.19%)
Mutual labels:  pug
Hexo Theme Ylion
😊 说不定是一个让你感到惊喜的hexo主题 🍻 🍬
Stars: ✭ 110 (-19.71%)
Mutual labels:  hexo-theme
Generator Hexo Theme
Generate a hexo theme: ejs, pug, swig, nunjucks | Moved to https://tcrowe.commons.host/contact
Stars: ✭ 119 (-13.14%)
Mutual labels:  hexo-theme
Hexo Theme Vateral
😘hexo单页面主题:Vateral(a theme for hexo)
Stars: ✭ 133 (-2.92%)
Mutual labels:  hexo-theme

Fan

这是一个深色主题,如梦幻般的星空,群星闪烁。

Preview

Install

git clone https://github.com/fan-lv/Fan.git themes/Fan

修改位于博客根目录下的 _config.yml 内的 theme 选项值为 Fan

Update

cd themes/Fan
git pull

Required packages

  • hexo-renderer-jade
  • hexo-renderer-stylus

若报错 extends includes/layout.pug block content include includes/recent-posts.pug include includes/pagination.pug

安装依赖包,重新生成

npm install --save hexo-renderer-jade hexo-renderer-stylus

Notes: 有说 hexo-renderer-jade 包过期的,可以用 hexo-renderer-pug

其他扩展依赖包参考

npm install --save hexo-generator-feed hexo-generator-sitemap hexo-generator-archive hexo-browsersync

Questions

  • 若报错 layout\includes\config.pug:1, Cannot read property 'appId' of undefined, 需要把 themes -> _config.ymlalgolia_search:enable 改成 false

Feature

Top article

支持文章置顶功能,在需要置顶的文章(Markdown 文件)加入 top: 1,数值越大越靠前。

如:

title: xxx
author: xxx
tags:
  - xxx
categories:
  - xxx
date: xxx
top: 1

Comments

目前支持 GitmentValine 评论。

使用方法:

  1. 在根目录下 _config.yml 文件中加入以下代码,["gitment", "valine"] 配置自行选择一个,第二步中选择使用哪个

    comments:
      gitment:
        enable: true
        owner: 'Your GitHub ID'
        repo: 'The repository to store your comments. Make sure you're repo's owner'
        client_id: 'GitHub client ID'
        client_secret: 'GitHub client secret'
    
      # 可以自由配置 valine 的其他配置项
      valine:
        appId: 'Your appId'
        appKey: 'Your appKey'
        placeholder: 'xxx'
        ...(valine配置项,参考链接 https://valine.js.org/configuration.html)
    
  2. themes -> _config.yml 中可以开启或关闭 comments,并且通过 type 指定使用的评论插件

    # 评论
    comments:
      enable: true
      # 使用哪种评论插件["gitment", "valine"]
      type: "valine"
    

Algolia_search

  1. 注册 Algolia账户,创建新的 Index,记下 index name

  2. 安装扩展

    npm install hexo-algolia --save
    
  3. 修改 Algolia 搜索 ACL(访问控制列表) 默认的 Search-Only API Key 不能修改,需要在 All API Keys -> New API Key

    勾选 ACLs: search addObject deleteObject listIndexes deletelndex

    执行安装

    export HEXO_ALGOLIA_INDEXING_KEY=New API Key
    hexo algolia
    

    Notes: Mac 和 git bash 为 export, Windows 为 set, Powershell 用 $env

  4. 获取 Key,更新站点根目录配置

    algolia:
      applicationID: 'Application ID'
      apiKey: 'New API Key'
      indexName: 'index name'
    
  5. 主题配置下开启 Algolia_search

    algolia_search:
      enable: true
      hits:
        per_page: 10
    

    注意,每次更新文章后记得执行 hexo algolia 更新索引。

主题预览图

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].