Hexo博客搭建blog
1.前言 博客搭建过程遇到任何问题，优先在本页面搜索，检查是否已经有该配置教程。 遇到问题可以优先在文章评论区留言，注意留言时请填写正确的邮箱以确保能收到站长的回复。 实在解决不了的问题可添加站长的微信进行交流，备注自己的个人信息。 2.环境与工具准备本教程主要面对的是Windows用户 操作系统：Windows10 Node Git Hexo 文本编辑器(强烈推荐VSCODE) GitHub 帐号 一个域名（强烈推荐买个域名） 云服务器（可选） 3.Node的安装1.打开Node官网，下载和自己系统相配的Node的安装程序，否则会出现安装问题。下载地址：https://nodejs.org/en/download/如果遇到问题建议选个低版本的！历史版本下载页面：https://nodejs.org/en/download/releases/ 2.下载后安装，安装的目录可以使用默认目录【C:/Program...
无需服务器即可使用TG搭建博客
将Telegram channel变成博客/QQ空间说说/树洞/备忘录/情侣日常记录，cloudflare超好玩的新项目 项目GitHub地址: BroadcastChannel✨ 特性与应用场景将 Telegram Channel 转为微博客作为个人备忘录个人树洞，让你悄悄做一个有趣的人支持多人同时发表动态类似 QQ 空间的说说功能个人专属微博 🪧 演示面条实验室: memo.miantiao.me（作者的微博客）海伦软件库: tg.yazan.top（我的微博客） 🛠️ 前期准备Cloudflare: 点击进入（必备）域名: （非必备，但推荐）Telegram（必备）：需创建频道GitHub（必备）：GitHub 主页 🏗️ 部署步骤1.Fork 项目: 登录github后点击点击BroadcastChannel Fork 此项目到你的 GitHub2.在 Cloudflare 中创建 Pages 并连接到 GitHub3.选择 BroadcastChannel 项目并选择 Astro 框架4.配置环境变量 CHANNEL...
Butterfly今日诗词侧边栏小组件
组件样式 安装教程创建组件主题新建themes/butterfly/layout/includes/widget/card_poem.pug，内容如下 123456789101112131415161718#card-poem.card-widget #poem_sentence #poem_info #poem_dynasty #poem_authorscript(src='https://cdn.jsdelivr.net/npm/[email protected]/poem/jinrishici.js', charset='utf-8')script(type='text/javascript'). jinrishici.load(function(result) { var sentence = document.querySelector("#poem_sentence") var author...
Emoji表情大全
...
标签页面增加数量
示例： 修改 butterfly\scripts\helpers\page.js 文件：在第 52 行的 ${tag.name} 后增加 (${tag.length})，如下： 1result += `<a href="${env.url_for(tag.path)}" style="${style}">${tag.name} (${tag.length})</a>`
给打赏按钮增加投币音效
废话不多说，直接开整 1.修改themes\butterfly\layout\includes\post\reward.pug,整体替换为以下内容： 123456789101112131415161718192021link(rel='stylesheet' href=url_for(theme.CDN.coin_css) media="defer" onload="this.media='all'").post-reward button.tip-button.reward-button span.tip-button__text= _p('donate') .coin-wrapper .coin .coin__middle .coin__back .coin__front .reward-main ul.reward-all each item in...
配置文件CDN替换
主题默认的CDN有：local、cdnjs、jsdelivr、unpkg等，但是速度偶读比较一般，要想提高部分标准静态资源的响应速度，走CDN是最好的办法，最好是在国内的CDN。 参考教程：1.CSDN：Web前端常用CDN网站汇总2.洪哥：Butterfly CDN链接更改指南，替换jsdelivr提升访问速度3.安知鱼：目前可用cdn整理 修改教程修改主题配置文件_config.butterfly.yml的CDN配置项： 分享一下Fomalhaut目前在用的方案： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071# CDN# Don't modify the following settings unless you know how they work# 非必要請不要修改CDN: # The CDN provider of internal...
Hexo的常用命令
为了方便自己的使用和记忆，整理 Hexo 常用的命令如下所示： Hexo 常用命令列表123456789hexo init # 初始化一个本地文件夹为网站的根目录hexo new "postName" # 新建文章hexo new page "pageName" # 新建页面hexo generate # 生成静态页面至public目录hexo server # 开启预览访问端口（默认端口4000，'Ctrl + C'关闭server）hexo deploy # 部署到GitHub或Gitee服务器上hexo clean # 清理缓存文件hexo help # 查看帮助hexo version # 查看Hexo的版本 Hexo 复合命令说明1234hexo deploy...
hexo基于butterfly的推荐插件（持续更新）
1.添加代码压缩hexo-neat 插件实现压缩代码，底层是通过 gulp 来实现的。但是这个插件是有 Bug 的： 压缩 md 文件会使 markdown 语法的代码块消失，会删除全角空格在博客站点根目录执行安装代码： 1npm install hexo-neat --save 然后只需在本主题下的 _config.yml 文件中，将各个文章字数相关的配置激活即可： 12345678910111213141516171819#hexo-neat 优化提速插件（去掉HTML、css、js的blank字符）neat_enable: trueneat_html: enable: true exclude: - '**/*.md'neat_css: enable: true exclude: - '**/*.min.css'neat_js: enable: true mangle: true output: compress: exclude: - '**/*.min.js' -...
Markdown语法常用
常用语法1234567891011121314151617181920212223242526272829303132333435363738394041424344451. 标题在句首插入 #表示标题，有六种标题。也就是最多可以有 6 个 #号表示最小字号的标题2. 列表有序列表 数字加英文的点 如 1. 2. 3.无序列表 *+- 这三个任意一种后面文本接空格3. 引用块在引用块的句首加 >嵌套引用需要缩进，例如第一层嵌套用 >>4. 代码块使用 ``` 进行代码块引用 可以接对应的代码语言名，例如 JS、CSS 等，Markdown 会自行使用对应的背景渲染。行内引用 可以用两个 `` 进行包裹代码（Code）: `代码code`5. 链接超链接 [A](网址 "optional title")链接（Link）：[title](https://www.example.com)图片链接  地址也可以用本地路径，可以在 markdown 文件夹建一个 picture...