hexo-theme-essence:Hexo 的朴实、实用和暗模式特色主题

  • T4_934457
    了解作者
  • 142.1KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-28 10:06
    上传日期
本质 Essence 是 Hexo 的功能性和暗模式特色主题。 访问进行预览。 [目录] 功能快速查看 :hammer: :first_quarter_moon: 黑暗模式。 :locked: 加密帖子段落的标签。 :package: Iconfont 而不是字体真棒。 因此,如果您需要更多图标,则必须自己收集它们。 :open_file_folder: 文件夹分类而不是手动将其写入frontmatter。 :cloud: Valine 的 Leancloud 存储项目。 :mobile_phone: 响应式布局。 :magnifying_glass_tilted_left: 本地搜索。 安装 :inbox_tray: 您可以简单地将其安装为节点模块: npm install hexo-theme-essence --save # or yarn install hexo-theme-essence --save 另一方面,传统方式仍然有效,这意味着您将这个存储库克隆到<YourBlog>/themes/essence/ : cd < YourBlog>
hexo-theme-essence-main.zip
内容介绍
# Essence [![npm](https://img.shields.io/npm/v/hexo-theme-essence)](https://www.npmjs.com/package/hexo-theme-essence) [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fsshwy%2Fhexo-theme-essence.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fsshwy%2Fhexo-theme-essence?ref=badge_shield) Essence is a functional and darkmode featured theme for Hexo. Visit [Sshwy's Notes](https://notes.sshwy.name) for preview. [TOC] ## Features Quick View :hammer: - :first_quarter_moon: Dark mode. - :lock: Encrypt tag for paragraphs of your post. - :package: Iconfont instead of font awesome. So if you need more icons you have to collect them yourself. - :open_file_folder: Folder categorized instead of manually writing it into frontmatter. - :cloud: Leancloud storage project for Valine. - :iphone: Responsive layout. - :mag: Local search. ## Installation :inbox_tray: You can simply install it as a node module: ```bash npm install hexo-theme-essence --save # or yarn install hexo-theme-essence --save ``` On another hand, the traditional way is still working, which means you clone this repository under `<YourBlog>/themes/essence/`: ```bash cd <YourBlog> mkdir --parents themes git clone --depth 1 https://github.com/sshwy/hexo-theme-essence.git themes/essence ``` Whatever way you choose, please install these peer dependencies as well: ```bash npm install hexo-renderer-stylus hexo-renderer-ejs --save # or yarn install hexo-renderer-stylus hexo-renderer-ejs --save ``` It's worth reminding that `hexo-renderer-stylus` and `hexo-renderer-ejs` is hexo's default render engine. ## Configuration :gear: First of all, create a copy of [default configuration](https://github.com/sshwy/hexo-theme-essence/blob/main/_config.yml) under `<YourBlog>/`, renaming it to `_config.essence.yml`. Then you can follow the comments to modify it just as you want :smile:. If you use traditional way to install, Modifying `<YourBlog>/themes/essence/_config.yml` directly is also a way, but not recommended. ## Builtin Tag Plugins Essence prepared some useful hexo tag plugins for you. ### Codeforces User ID Inserts a user handle with Codeforces-like color style. ``` {% codeforces rating_label @ username %} {% cf rating_label @ username %} ``` `rating_label` insensitively can be: - `lgm` for *legendary grand master* - `igm` for *international grand master* - `gm` for *grand master* - `im` for *international master* - `m` for *master* - `cm` for *candidate master* - `e` for *expert* - `s` for *specialist* - `p` for *pupil* - `unr` for *unrated* Examples: ``` {% codeforces im @ sshwyR %} {% cf im @ sshwyR %} ``` ### Details Block Produce a HTML details block: ``` {% details [open] [@ title] %} [content] {% enddetails %} ``` Examples: ``` {% details open @ Default set to open %} Details **Content** {% enddetails %} ``` ``` {% details @ Default set to close %} Details **Content** {% enddetails %} ``` ``` {% details %} No title {% enddetails %} ``` ### Post Content Encrypt Encrypt part of your post with custom password. ``` {% enc password [hint] %} [content] {% endenc %} ``` Examples: ``` {% enc 123456 password: 123456 (space is not allowed in password but allowed in hint) %} test {% enc 123456 123456 %} Hi, there! {% endenc %} {% endenc %} ``` **known issue**: Can't work with markdown code fence block inside. solution: [hexo code block tag plugin](https://hexo.io/docs/tag-plugins.html#Code-Block) ## Contributing :fountain_pen: Pull requests are welcome. For major changes and feature requests, please open an issue first to discuss what you would like to change or request. ## License :page_facing_up: View [LICENSE.md](./LICENSE.md) for detailed information. [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fsshwy%2Fhexo-theme-essence.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fsshwy%2Fhexo-theme-essence?ref=badge_large)
评论
    相关推荐
    • yarn-cache-remover
      这将使git存储库中的.yarn/cache不存在。 它使用并重写历史记录,因此使用后果自负。 它的工作方式是先将带有--mirror标志的--mirror到临时路径中。 然后,它将计算.yarn/cache中文件的git对象ID列表,并将其删除...
    • yarn-bump
      纱- 这是的分支。我发现它非常有用,因此作为我想拥有相同项目...克隆存储库 git clone https://github.com/Thomasevano/yarn-bump.git 进入目录 cd yarn-bump 添加权限 chmod 777 yarn-bump 创建符号链接 ln -sf ${PWD
    • lerna-yarn-sandbox:lerna +纱线工作区的沙箱存储
      lerna-yarn-sandbox lerna +纱线工作区的沙箱存储
    • suzzHome:个人云存储系统
      suzzhome 项目设置 yarn install 编译和热重装以进行开发 yarn serve 编译并最小化生产 yarn build 自定义配置 请参阅。
    • shipit-yarn:Shipit的纱线任务
      它开始于他的存储库的分支。 特征: 从 updated或fetched事件上触发 具有直接传递任务到 通过和 安装 npm install shipit-yarn --save-dev # or yarn add -D shipit-yarn 用法 运行:(这会在部署updated或...
    • Yarn框架代码详细分析V0.5
      Hadoop的2.0版本的yarn的框架介绍啊 Hadoop yarnYARN 本身框架的优势是扩展性与支持多计算模型。对于扩展性目前主要体现在计算节点规模上,以前 JobTracker-TaskTracker 模型下最多大约在 5000 台机器左右,对于 ...
    • rmstateutils:分析Hadoop Yarn Resource Manager状态存储的工具
      分析Hadoop Yarn Resource Manager状态存储的工具 用法: 将存储库检出到系统中的目录。 CD到目录并运行mvn包 成功构建之后,目标目录中应存在rmstateutils-1.0-SNAPSHOT-jar-with-dependencies.jar。 运行状态...
    • gts-pnp:用于GTS和Yarn PnP的简单模板存储
      由于在创建此存储库时无法即插即用,因此我决定制作一个(相当)干净的模板存储库,并允许在yarn v2 PnP中使用gts样式的指南和配置。 用法 要使用此存储库,只需运行以下命令,您确实需要安装yarn(显然),在安装...
    • kudu-yarn:在Azure网站Kudu中使用Yarn程序包管理器的示例
      如果您希望使用此示例而不是您自己的应用程序进行测试,只需克隆存储库并yarn install yarn start ,然后yarn start运行yarn start 。 修改现有的部署脚本 找到您对npm install现有调用,并将其替换为yarn in
    • yarn-translation-tool:工具如何工作的示例,该工具为您提供了Yarn文件中的翻译表和vo录制脚本
      使用命令行,导航到将此存储库克隆到的目录。 执行yarn install 。 这将下载您需要的所有必要的库。 要启动开发环境,请运行yarn start-dev (这将使用formeman来启动react build系统和电子运行时) 制作说明 要...