如何将hexo部署到服务器上面
如何将hexo部署到云服务器上面 服务器环境基础环境搭建 因为 Docker 容器能够提供一个相对独立、隔离的运行环境，本文选择在服务器上面拉取一个 Ubuntu的 Docker 容器内配置 Hexo 的部署环境。当然，如果你不想使用 Docker，直接在本地操作也是完全可以的。本教程同样适用于不使用 Docker 的情况，你可以根据个人习惯灵活选择。 1、准备工作：创建一个 Ubuntu Docker 容器 我们将在一个独立的 Docker 容器中搭建环境。请执行以下命令： 1docker run -p 4000:4000 -p20000:22 --name hexo_server -itd django_lesson:1.1 ⚠️ 重要提示：如果本地没有现成的 Ubuntu 镜像，Docker 会自动从远程仓库拉取。上述命令会创建一个名为 hexo_server的容器，并将宿主的 4000 端口（用于 Hexo 预览）和 20000 端口（用于 SSH 访问）分别映射到容器内部。 2、检查并安装 Git 环境 进入容器后，首先确认是否已安装 Git： 1git -v ...
SEO优化搜索引引擎收录
前言 我们必须把我们网站推送到搜索引擎哪里,否则其他人出来输入我们的域名或者搜索文章,是没有办法发现我们的博文的 查看是否被收录使用查找的搜索引擎,输入12site:你的网站比如我的: site:www.mohove.cn 永久化URK网址链接 我们可以发现 hexo 默认生成的文章地址路径是 【网站名称／年／月／日／文章名称】。这种链接对搜索爬虫是很不友好的，第一它的 url 结构超过了三层，太深了。 安装 abbrlink 插件1npm install hexo-abbrlink --save 修改hexo根目录下的_config.yml文件的abbrlink配置项 注意: 这里的url必须跟百度站长工具设置的url一致 12345678# URL## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'url: https://www.mohove.cn. permalink: pos...
首页欢迎来访者教程
想让你的博客首页更加个性化，为访客提供更友好的体验吗？本教程将教你如何在 Hexo Butterfly 主题中实现一个智能的访客欢迎卡片，可以根据访问者的地理位置、距离、时间等信息，显示独特的欢迎问候。 一、创建欢迎卡片结构1.1、在主题目录下创建卡片模板文件1[BlogRoot]\themes\butterfly\layout\includes\widget\card_welcome.pug 写入以下内容123456789101112131415161718192021222324.card-widget.card-welcome .item-headline i.fa.fa-user span 欢迎来访者! .item-content p 👋🏻我是moh，一个 span(style="font-weight: bold; color: #3498db") 热爱编程 | 的技术爱好者，喜欢分享经验。😊 p ❓有问题欢迎提问，确保内容有意义，详情请见 a(href="https:/...
魔改笔记四:界面样式
本文参考文档来自 🪧引用站外地址，不保证站点的可用性和安全性 Butterfly魔改教程 效果展示 一、前置知识创建一个自定义文件[blogRoot]/source/css/june.css 将下文内容复制到文件中(注意: 记得引入到配置文件中) 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116/* 颜色 */:root { --june: #E68282; --june...
.png)
魔改笔记三:本地实现hexo文章AI摘要
前言,观看了各个博客圈的大佬,都有非常炫丽的AI摘要,因此找了众多教程最后发现了liushen 的教程笔记,本篇主要是用于记录制作过程,方便后续参考 教程本次魔改我们分为两个步骤，一个是生成ai摘要到Markdown文件顶部，一个是通过markdown文件顶部的数据渲染成更加好看的前端HTML块。废话不多说，下面我们直接开始教程吧！ 插件运行首先,安装插件 1npm install hexo-ai-summary-liushen --save 1npm install axios p-limit node-fetch --save 安装完成后,在[blogRoot]/_config.yml 任意位置添加以下配置 123456789101112131415161718192021222324252627# hexo-ai-summary-liushen# docs on : https://github.com/willow-god/hexo-ai-summaryaisummary: # 基本控制 enable: true # 是否启用插件，如果...
.png)
魔改前置知识
本文中的[blogRoot] 是指你博客的根目录 如何引用自定义的js首先你要创建文件夹 1[blogRoot]/source/js 示例:创建文件 1[blogRoot]/source/js/custom.js 在[blogRoot]/_config.butterfly.yml中添加代码 123456789# Inject# Insert the code to head (before '</head>' tag) and the bottom (before '</body>' tag)inject: head: bottom: - <script defer src="/js/custom.js"></script> - <script data-pjax type="text/javascript" src="/js/{把大括号里面的这个换成你的js名字}.js"><...
魔改笔记二:文章分类条
魔改教程注意: 由于本次魔改修改了主题内部文件,一定要注意提前备份! 一定要注意提前备份! 一定要注意提前备份! 分类条我原有的分类条采用的是小冰的分类卡片,但是我中感觉占用空间较大,且出现多个分类会显示滚动条.我个人觉得不够美观,因此在网上查找分类条的魔改,正好看到了 liushen 博主发的文章,由于liushen博主的魔改教程是适用于旧版的butterfly主题,而我采用的是新版的butterfly主题,因此做了这篇教程.如果没有魔改基础建议紧跟教程，如果有任何问题可以在下方评论区提出。 效果真实图 教程1、新建文件 [BlogRoot]\themes\butterfly\layout\includes\categoryBar.pug文件,写入 1234567891011.category-bar-items#category-bar-items(class=is_home() ? 'home' : '') .category-bar-item(class=is_home() ? 'select' : '...
魔改笔记一:页面样式优化
个人卡片背景图1、在自建的css样式中加入一下代码 123456789101112131415[data-theme="light"] #aside-content > .card-widget.card-info { background-image: url(https://s11.ax1x.com/2023/05/02/p9GWEin.jpg); background-repeat: no-repeat; background-attachment: inherit; background-size: 100%;}[data-theme="dark"] #aside-content > .card-widget.card-info { background-image: url(https://s11.ax1x.com/2023/05/02/p9GWVGq.jpg); background-repeat: no-repeat; background-a...
