主题源码

Butterfly | Hexo开源博客主题
Butterfly | Hexo开源博客主题

?安装吉特如果你在中国大陆,你可以在Gitee下载稳定分支 [推荐]:git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly开发分支:git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterflyHexo系统它支持 Hexo 5.0.0 或更高版本在 Hexo 站点根目录中npm i hexo-theme-butterfly⚙配置在 hexo 工作文件夹的根配置文件中设置主题:_config.yml主题:蝴蝶如果你没有pug & stylus渲染器,试试这个:npm install hexo-renderer-pug hexo-renderer-stylus?特征卡片界面设计支持子菜单双柱设计响应式网页设计暗模式普贾克斯阅读模式繁体中文和简体中文之间的转换目录适用于计算机和手机颜色主题(深色/苍白夜景/浅色/海洋/mac/mac 浅色),支持自定义颜色代码块(显示代码语言/关闭或展开代码块/复制按钮/自动换行)禁用复制/向复制的文本添加版权声明搜索(Algolia SearchZ/Local Search)马特贾克斯和卡特克斯内置 404 页面字数统计相关文章显示帖子的过期通知Share (AddThis/Sharejs/Addtoany)评论 (Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/artalk)多评论系统支持在线聊天(Chatra/Tidio/Daovoice/Gitter/Crisp/Messenger)网站分析谷歌广告感知网站站长验证更改网站配色方案打字机效果:activate_power_mode背景效果(画布功能区/canvas_ribbon_piao/canvas_nest)鼠标点击效果(烟花/心形/文本)预加载器/加载动画/速度.js步算子游客柜台中变焦/花式框美人鱼有理有据的画廊延迟加载图像即时页面/盘古/小吃店通知吐司/PWA……?截图

Shoka | Hexo开源博客主题
Shoka | Hexo开源博客主题

设计缘由前几年在 Bear 和 Evernote 上整理了大量笔记,非常喜欢 Bear 默认的 markdown 渲染样式。后来因为换了安卓手机,用不了 Bear,四处搜寻替代品,没有满意的。 然后阴差阳错知道了 Hexo,又得知 Github 也可以免费建私有仓库了,故再次转移阵地到了自建博客,并部署在 Github Pages。因为这个博客是用来记笔记的,故起名 书架 。对应的主题即 Theme.Shoka ,可以说是为了笔记阅读而生的主题。 样式严重参考 Bear,部分代码严重参考 NexT。Hexo 的默认及常用渲染器均使用 highlight.js 进行代码高亮,而我喜欢 Prism.js ,故重写了一个渲染器配合主题食用。渲染器取名 multi ,因为集成了很多很多很多 markdown-it 插件,以及压缩静态文件的功能。 (最新版的默认渲染器也支持 Prism.js 了,可喜可贺,但不想用,哈哈哈哈哈哈哈 墙内 Github Pages 访问速度时而感人,所以用了 jsDelivr 加速,主要是因为它可以按需合并依赖文件。快速安装cd your-blog git clone https://github.com/amehime/hexo-theme-shoka.git ./themes/shoka打开主题目录,内有 example 文件夹,提供了配置文件的 demo 供参考。安装依赖插件在应用主题之前,必须至少安装 hexo-renderer-multi-markdown-it 渲染插件 和 hexo-autoprefixer。 插件安装与配置教程戳此应用主题修改站点配置修改站点配置文件 /_config.yml ,把主题改为 shokatheme: shoka修改主题配置主题配置的所有参数在 /themes/shoka/_config.yml 文件中。 为了方便主题升级,请在根目录新建一个 yml 文件,命名为 _config.shoka.yml 。 也就是说,所有主题的自定义配置均保存于 /_config.shoka.yml 文件。

Joe | 一款基于Typecho博客的双栏极致优化开源主题
Joe | 一款基于Typecho博客的双栏极致优化开源主题

Joe一款基于Typecho博客的双栏极致优化主题Git仓库:https://github.com/HaoOuBa/Joe主题宗旨:简洁、超强、开源、精华主题简介:整包仅1.3Mb,却实现超强功能,极其迅速的响应(在开发时,都是使用30000篇文章进行开发测试)全站变量名、类名统一规范,重在方便更多人参与二开与拓展主题开箱即用,没有任何复杂的操作,无需像其他主题去特意创建个分类等。主题启用后,会置换Typecho的默认编辑器,采用 Joe 独家开发的编辑器主题响应式布局,不依赖任何响应式框架,采用 Joe 独家响应式主题在一切可能暴露的接口上,屏蔽sql注入、xss攻击风险,提供安全保障内置超强视频功能、包含直播功能、全网影视功能、文章内插入视频功能主题SEO极致优化,Lighthouse SEO跑分彪满100分主题色彩全局公用、小白轻松直接修改整站自定义主题色主题内置代码高亮、无需借助任何插件、支持200种语言主题首发极强画图回复功能,为你的博客带来用户互动,不再像传统博客那样,仅限文字主题内置sitemap、百度推送、友链、回复可见等,无需依赖任何插件主题开发开发时请使用VSCode编辑器,编辑器插件:scss-to-css(根据官方文档进行下载依赖库) 和minifycss代码由scss编译成.min.css文件js代码由minify压缩成.min.js文件主题目录介绍(非实时)├── assets 主题静态资源├── core 主题核心文件夹├── library 主题内集成第三方库├── public 共用的一些模块文件├── typecho│ ├── config 主题外观、功能设置的样式脚本目录│ └── write Joe编辑器目录├── 404.php 404页面├── archive.php 搜索页面├── friends.php 友情链接页面├── functions.php 主题的外观、功能设置├── index.php 博客首页页面├── leaving.php 留言板页面├── live.php 虎牙直播页面├── package.json 主题发布至NPM仓库使用(勿动)├── page.php 独立页面├── post.php 文章页面├── screenshot.php 主题截图图片├── video.php 全网影视页面└── wallpaper.php 壁纸页面

Waxy | 简约自适应typecho开源主题
Waxy | 简约自适应typecho开源主题

Waxy 简约自适应博客主题Waxy,白蜡。白为色之祖,简而百搭;蜡,轻而易雕琢;Waxy(白蜡),代表着本主题的特点——轻量高效,悦于书写!小巧,却拥有完善且丰富的功能。即可开箱即用,也可以加以雕琢。简约的设计,无限的可能!呐,朋友。尺牍已展,静候佳作!本主题参考seventeen主题,由其修改更新而来,感谢原作者的辛苦付出!安装主题主题下载地址:GitHub&CDNMD5: C514E80FE10F5F9DAE286A98E58EB61ASHA1: D7B316AAACE090D4CD8B4AB7837DC0D7366C5421把主题上传到 Typecho 安装路径下的usr/themes/目录,然后解压,你也可以先解压在上传。解压完成后,请将主题目录重命名为Waxy,并保证所有主题文件在此目录下。登录 Typecho 的管理后台,进入控制台->外观,点击Waxy主题下方的启用按钮即可启用。如需修改主题设置,请点击设置外观进入主题设置。主题功能介绍轻量高效,悦于书写响应式布局图片懒加载/灯箱自定义侧边栏/JS/CSS样式文章置顶/标星/首图/内容失效提醒/阅读剩余部分短代码快捷功能(多彩提示框/多彩文字提示/简易提示框/收缩框/快捷插入音频&视频)置顶公告/CDN切换/代码高亮/时间线/归档页面/Sitemap/技术统计短代码短代码可以快速为你提供更多展示效果。使文章层次更丰富。效果使用方法#多彩提示框[info]一般提示[/info][warning]警告提示[/warning][danger]危险提示[/danger][info]多行内容测试:<br />生活如酒,或芳香,或浓烈,因为诚实,它变得醇厚;生活如歌,或高昂,或低沉,因为守信,它变得悦耳; 生活如画,或明丽,或素雅,因为诚信,它变得美丽。[/info]#文字提示[em]警告文字样式[/em][hi]高亮文字样式[/hi][lo]备注文字样式[/lo]#插入视频(支持视频静音,自动播放,循环播放)#插入音频(支持自动播放,循环播放)#PS:某些浏览器限制,可能无法自动播放,不过一般静音视频不受影响~#简易提示框(添加close="close",可以激活关闭按钮)[alert style="success" close="close"]简易提示框:success,默认样式[/alert][alert style="info" close="close"]简易提示框:info[/alert][alert style="warning" close="close"]简易提示框:warning[/alert][alert style="danger" close="close"]简易提示框:danger[/alert]#收缩框(添加checked="checked",自动展开收缩框;style,控制外观样式)[shrinks title="收缩框:默认样式,自动展开" checked="checked"]内容[/shrinks][shrinks title="收缩框:primary" style="primary"]内容[/shrinks][shrinks title="收缩框:success" style="success"]内容[/shrinks][shrinks title="收缩框:info" style="info"]内容[/shrinks][shrinks title="收缩框:warning" style="warning"]内容[/shrinks][shrinks title="收缩框:danger" style="danger"]内容[/shrinks]代码高亮基于prism.js实现,自带8种主题。移植于CodeHighlighter-for-Typecho插件,感谢原作者的辛苦劳动!自定义侧边栏自定义CSS/JSPS:通过与置顶公告联动,还可以实现一言效果~友情链接管理一行一条,格式(请用半角空格或逗号分隔):网站名称,网站地址,网站图标(建议:32×32),网站说明文章首图如果想使用首图,请在文章自定义字段 img 添加网址即可文章标星如果想在文章右上角显示一个显眼的标记,请添加文章自定义字段 star 即可文章内容失效提醒置顶公告&文章2020/10/05可以同时置顶多篇文章,滚动展示。多篇文章置顶效果:阅读剩余部分在需要截断文章的位置插入<!--more-->即可时间线#时间线使用方法#新建独立页面,选择模板为 时间线 即可。并在其中按如下格式填写即可- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>- **<红色的标题内容>** <气泡的内容,支持图片,超链接,短代码>其中- 是markdown语法中的无序列表,** **是markdown语法中的文字加粗。< >是您自定义的内容,使用时请去掉尖括号。归档页面#归档页面,由系统自动生成。您只需要新建独立页面,选择模板为 归档页面 即可。友情链接页面#使用方法#新建独立页面,选择模板为 友情链接 即可。并在其中按如下格式填写即可,空行间隔可分片- [![<网站地址>](<网站图片> )](<网站URL>)Sitemap/网站地图百度/谷歌站长工具正常收录标准模式和纯文本模式(添加参数?txt=1)启用Sitemap/网站地图

12