如何在ubuntu上面安装hexo
设备信息22.04.1-Ubuntu 安装步骤安装过程参考官方文档 1、安装git： sudo apt-get install git-core 2、安装node.js（Node.js 是一个开源、跨平台的 JavaScript 运行时环境） node.js的安装过程参考官方文档 安装curl（curl 是一个命令行工具，通常用于从服务器下载文件、向服务器发送数据、测试 API 端点等）：sudo apt-get install -y curl 下载node.js环境setup脚本：curl -fsSL https://deb.nodesource.com/setup_23.x -o nodesource_setup.sh 运行setup脚本：sudo -E bash nodesource_setup.sh 安装node.js：sudo apt-get install -y nodejs 查看版本：node -v 3、安装hexo： npm install -g hexo-cli 如果出现如下图 EACCES...
Hexo部署twikoo功能时MongoDB报错：tlsv1 alert internal error
如下所示： { "code": 1000, "message": "80D8C13E607F0000:error:0A000438:SSL routines:ssl3_read_bytes:tlsv1 alert internal error:ssl/record/rec_layer_s3.c:907:SSL alert number 80\n"} 这个是使用SSL/TLS连接的时候出现了错误，之后我发现是MongoDB防火墙的问题（虽然我记得初始化的时候命明明设置了0.0.0.0/0的，但不知道为什么没设置成功） 解决步骤：进入MongoDB面板-左侧选择Network Access-点击右侧ADD IP ADDRESS-添加0.0.0.0/0即可 这是再重新访问MongoDB即恢复正常： { "code": 100, "message": "Twikoo 云函数运行正常，请参考 https://twikoo.js.org/frontend.html 完成前端的配置", "version": "1.6.41"}
Butterfly魔改5：在网站底部添加建站时间
前言看官方文档的时候，明明busuanzi是有个“网站已运行时间的”，但是这里就没有。那就自己弄一个吧，这玩意儿看着感觉还是挺有成就感的。 步骤在 \themes\butterfly\layout\includes\footer.pug 的最后添加如下代码即可： // Add the time calculation scriptdivspan#timeDate 载入天数...span#times 载入时分秒...script. var now = new Date(); function createtime() { var grt = new Date("1/2/2025 21:36"); // 在此处修改你的建站时间 now.setTime(now.getTime() + 250); days = (now - grt) / 1000 / 60 / 60 / 24; dnum = Math.floor(days); hours = (now - grt) / 1000 / 60 / 60 - (24 * dnum); ...
Butterfly魔改准备工作：文件管理魔改代码
前言对于一些全局的改变，我们可以用文件来管理更方便。 （20250621更新：网上很多帖子是在source/_data文件夹下创建的，都可以） 步骤 在 \themes\butterfly\source\css 目录下添加 custom.css 文件 在 \themes\butterfly\source\js 目录下添加 custom.js 文件 在内层 _config.yml 文件中搜索 inject 或者直接在外层 _config.butterfly.yml 文件中添加如下代码即可： # Inject# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)inject: head: - <link rel="stylesheet" href="/css/custom.css"> bottom: - <script...
Butterfly魔改4：自动检测深色/浅色模式
前言添加功能：根据系统的深色/浅色模式，自动切换网站的深色/浅色模式。 方法1在 \themes\butterfly\layout\includes\head.pug 的最后添加如下代码： script. function updateTheme() { const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches; document.documentElement.setAttribute('data-theme', isDarkMode ? 'dark' : 'light'); } // 初始设置 updateTheme(); // 监听系统主题变化 window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateTheme); 方法2（推荐）先跟着Butterfly魔改准备工作：文件管理魔改代码完成准备。 在 custom.js...
Butterfly魔改3：修改副标题字体大小
前言众所周知，Butterfly在可以在 _config.yml 中用 font 配置全局的字体和代码大小，如下图所示： # Global font settings# Don't modify the following settings unless you know how they workfont: global_font_size: 16px code_font_size: 16px font_family: code_font_family:# Font settings for the site title and site subtitleblog_title_font: font_link: font_family: 但是一些更精细的调整就没有了。就比如我把全局大小设置成16px之后，我感觉我首页的副标题的中文字体有点大了，我想改小一点。 步骤在 \themes\butterfly\layout\includes\header\index.pug 中搜索 site-subtitle 可以找到： #site-subtitle ...
Butterfly魔改2：页面渐变切换
准备工作这边使用Pjax来实现页面的动画。Butterfly内置了Pjax插件，直接在 /themes/butterfly/_config.yml 中搜索Pjax，然后把 enable 选项改成 true，如下所示： # https://github.com/MoOx/pjaxpjax: enable: true # Exclude the specified pages from pjax, such as '/music/' exclude: # - /xxxxxx/ 步骤首先，在 /themes/butterfly/source/css 下创建 custom.css 写入如下代码： /* 默认（白天模式） */body { background-color: white; color: black;}[data-theme="dark"] body { background-color: #121212; color: white;}.pjax-leave-active { opacity: 0; background-color:...
Butterfly魔改1：首页大图预加载
前言众所周知，Butterfly的首页大图可以通过在 _config.yml 文件中中配置 index_img 选项来实现。 但是如果你用的是GitHub Pages来部署的，而你配置的首页大图的大小又有好几M，不算太小的话，有时候访问网站就会出现——先加载Butterfly框架出来，此时首页大图是蓝色的默认背景，然后才逐渐把你配置的大图加载出来——的这种情况。 我不喜欢这种情况，因为我希望别人一进网站就被我的首页大图震撼(bushi)，如果图片是慢慢加载出来的话就没有那种震撼感了，甚至说体验感比较一般。所以我准备对Butterfly的源码魔改一波。 以下是Butterfly官方网站的加载情况，可以看到这个图片逐渐加载的现象： 方法1现在我们来魔改一下源代码，以实现图片预加载的功能。 打开 themes/butterfly/layout/includes/layout.pug 这个文件，在 body 的最前面添加如下代码： body(style="visibility: hidden; overflow: hidden;") ...
Hexo报错ssh: connect to host github.com port 22: Connection timed out解决办法
hexo d 报错ssh: connect to host github.com port 22: Connection timed out ssh: connect to host github.com port 22: Connection timed outfatal: Could not read from remote repository.Please make sure you have the correct access rightsand the repository exists.FATAL Something's wrong. Maybe you can find the solution here: https://hexo.io/docs/troubleshooting.htmlError: Spawn failed at ChildProcess.<anonymous>...
Butterfly报错TypeError: coverVal.indexOf is not a function解决办法
魔改了一下Butterfly的源代码之后 hexo g 出现如下报错： TypeError: coverVal.indexOf is not a function at Hexo.<anonymous> (E:\Blog\themes\butterfly\scripts\filters\random_cover.js:15:30) at Hexo.tryCatcher (E:\Blog\node_modules\bluebird\js\release\util.js:16:23) at Hexo.<anonymous> (E:\Blog\node_modules\bluebird\js\release\method.js:15:34) at E:\Blog\node_modules\hexo\dist\extend\filter.js:58:67 at tryCatcher (E:\Blog\node_modules\bluebird\js\release\util.js:16:23) at...