Hexo 搭建个人博客(ubuntu20.04)
1 安装 Nodejs 和 npm
首先登录NodeSource官网: Nodesource Node.js DEB
按照提示安装最新的 Node.js 及其配套版本的 npm。
(1)以 sudo 用户身份运行下面的命令,下载并执行 NodeSource 安装脚本:
sudo curl -fsSL https://deb.nodesource.com/setup_20.x | sudo bash -
这个脚本将会添加 NodeSource 的签名 key 到你的系统,创建一个 apt 源文件,安装必备的软件包,并且刷新 apt 缓存。
(2)NodeSource 源启用成功后,安装 Node.js 和 npm:
sudo apt install nodejs
nodejs 软件包同时包含 node 和 npm 二进制包。
(3)验证 Node.js 和 npm 是否正确安装。打印它们的版本号:
node -v
npm -v
2 安装 Hexo
(1)安装 hexo
sudo npm install hexo-cli -g
sudo npm install hexo -g
查看 hexo 的版本:
hexo -v
(2)测试 hexo
① 创建 hexo 工作目录
mkdir -p ~/blog
cd ~/blog
② 初始化 hexo
hexo init
sudo npm install
③ 部署 hexo
hexo clean
hexo g
hexo s
④ 验证 hexo
在浏览器地址栏输入 "localhost:4000",如见下图则表示 hexo 部署成功:
3 使用 Hexo
(1)hexo 创建新文章
hexo new [title]
(2)hexo 删除文章
进入 ~/blog/source/_post 目录下删除对应文章的 md 文件即可
(3)hexo 文章中插入图片
① 安装 hexo-renderer-marked 插件
sudo npm install hexo-renderer-marked --save
② 修改 ~/blog/ 目录下的 _config.yml 文件
post_asset_folder: true
marked:prependRoot: truepostAsset: true
③ 在文章中添加图片(注意图片名不要加路径)
![img](logo.jpg)
补充:图片存放到文章对应的目录中即可。
4 参考
如何在 Ubuntu 20.04 上安装 Node.js 和 npm-阿里云开发者社区 (aliyun.com)
Asset Folders | Hexo
相关文章:
![](https://img-blog.csdnimg.cn/direct/e69a2de99aeb4ba6826f40b879bac3b2.png)
Hexo 搭建个人博客(ubuntu20.04)
1 安装 Nodejs 和 npm 首先登录NodeSource官网: Nodesource Node.js DEB 按照提示安装最新的 Node.js 及其配套版本的 npm。 (1)以 sudo 用户身份运行下面的命令,下载并执行 NodeSource 安装脚本: sudo curl -fsSL…...
![](https://img-blog.csdnimg.cn/direct/7664e76429e54f989e71750db214ea37.png)
【论文阅读】-- Attribute-Aware RBFs:使用 RT Core 范围查询交互式可视化时间序列颗粒体积
Attribute-Aware RBFs: Interactive Visualization of Time Series Particle Volumes Using RT Core Range Queries 摘要1 引言2 相关工作2.1 粒子体渲染2.2 RT核心方法 3 渲染彩色时间序列粒子体积3.1 场重构3.1.1 密度场 Φ3.1.2 属性字段 θ3.1.3 优化场重建 3.2 树结构构建…...
![](https://www.ngui.cc/images/no-images.jpg)
A类IP介绍
1)A类ip给谁用: 给广域网用,公网ip使用A类地址,作为公网ip时,Ip地址是全球唯一的。 2)基本介绍 ip地址范围 - 理论范围 0.0.0.0 ~127.255.255.255:00000000 00000000 00000000 00000000 ~ 0111…...
![](https://img-blog.csdnimg.cn/direct/8df4822065de406992fce1198d9c07d0.png)
HTML5基本语法
文章目录 HTML5基本语法一、基础标签1、分级标题2、段标签3、换行及水平线标签4、文本格式标签 二、图片标签1、格式2、属性介绍 三、音频标签1、格式2、属性介绍 四、视频标签1、格式2、属性介绍 五、链接标签1、格式2、显示特点3、属性介绍4、补充(空链接…...
![](https://img-blog.csdnimg.cn/direct/988eab20cf044e73a5f656c43c8a56ed.png#pic_center)
正则表达式常用表示
视频教程:10分钟快速掌握正则表达式 正则表达式在线测试工具(亲测好用):测试工具 正则表达式常用表示 限定符 a*:a出现0次或多次a:a出现1次或多次a?:a出现0次或1次a{6}:a出现6次a…...
![](https://www.ngui.cc/images/no-images.jpg)
【OpenHarmony4.1 之 U-Boot 2024.07源码深度解析】007 - evb-rk3568_defconfig 配置编译全过程
【OpenHarmony4.1 之 U-Boot 2024.07源码深度解析】007 - evb-rk3568_defconfig 配置编译全过程 一、编译后目录列表二、make distclean三、生成.config文件:make V=1 ARCH=arm64 CROSS_COMPILE=aarch64-linux-gnu- evb-rk3568_defconfig四、开始编译:CROSS_COMPILE=aarch64-…...
![](https://img-blog.csdnimg.cn/direct/603b3459b0d549eca40c0fbc82d4e45a.png)
11.1 Go 标准库的组成
💝💝💝欢迎莅临我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:「stormsha的主页」…...
![](https://img-blog.csdnimg.cn/direct/c57271387c67413f80c14d46e529834c.png)
【UG\NX二次开发】UF 调用Grip例子(实现Grip调用目标dll)(UF_call_grip)
此例子是对:【UG\NX二次开发】UF 加载调用与卸载目标dll(UF_load_library、UF_unload_library)_ug二次开发dll自动加载-CSDN博客的补充。 ①创建txt文本,编写以下内容(功能:接收路径,调用该路径的dll)。改后缀为Grip文件(.grs)。…...
![](https://img-blog.csdnimg.cn/direct/f1f5d46142224eaf8e55d574f365b472.png)
[算法刷题积累] 两数之和以及进阶引用
两数之和很经典,通常对于首先想到的就是暴力的求解,当然这没有问题,但是我们如果想要追求更优秀算法,就需要去实现更加简便的复杂度。 这里就要提到我们的哈希表法: 我们可以使用unordered_map去实现,也可以根据题目&a…...
![](https://www.ngui.cc/images/no-images.jpg)
pytest+parametrize+yaml实例
# 一、yaml格式 # # yaml是一种数据类型,可以和json之间灵活的切换,支持注释、换行、字符串等。可以用于配置文件或编写测试用例。 # # 数据结构:一般是键值对的方式出现。注意编写时值前面必须有空格,键:(…...
![](https://img-blog.csdnimg.cn/direct/daa8e360c0104cfb86676dee3adfe541.png)
【HarmonyOS】鸿蒙应用模块化实现
【HarmonyOS】鸿蒙应用模块化实现 一、Module的概念 Module是HarmonyOS应用的基本功能单元,包含了源代码、资源文件、第三方库及应用清单文件,每一个Module都可以独立进行编译和运行。一个HarmonyOS应用通常会包含一个或多个Module,因此&am…...
![](https://img-blog.csdnimg.cn/img_convert/fa9805bd40283e647476fbeaee8f4eed.png)
深入Node.js:实现网易云音乐数据自动化抓取
随着互联网技术的飞速发展,数据已成为企业和个人获取信息、洞察市场趋势的重要资源。音频数据,尤其是来自流行音乐平台如网易云音乐的数据,因其丰富的用户交互和内容多样性,成为研究用户行为和市场动态的宝贵资料。本文将深入探讨…...
![](https://img-blog.csdnimg.cn/img_convert/c0ae811469a3ca6686e27ab4e2f18db7.png)
【Docker实战】jenkins卡在编译Dockerfile的问题
我们的项目是标准的CI/CD流程,也即是GitlabJenkinsHarborDocker的容器自动化部署。 经历了上上周的docker灾难,上周的服务器磁盘空间灾难,这次又发生了jenkins卡住的灾难。 当然,这些灾难有一定的连锁反应,是先发生的d…...
![](https://www.ngui.cc/images/no-images.jpg)
rust 多线程分发数据
use std::sync::{Arc, Mutex}; use std::collections::VecDeque; use std::thread::{self, sleep}; use rand::Rng; use std::time::Duration;fn main() {let list: Arc<Mutex<VecDeque<String>>> Arc::new(Mutex::new(VecDeque::new()));// 创建修改线程le…...
![](https://img-blog.csdnimg.cn/direct/c6b994e77b0a46fa844fa1aefa155544.jpeg)
CentOS 7x 使用Docker 安装oracle11g完整方法
1.安装docker-ce 安装依赖的软件包 yum install -y yum-utils device-mapper-persistent-data lvm2添加Docker的阿里云yum源 yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo更新软件包索引 yum makecache fast查看docker…...
![](https://img-blog.csdnimg.cn/direct/f869d8447ecf42d384b2b7f8660ff819.png)
DDP算法之线性化和二次近似(Linearization and Quadratic Approximation)
DDP算法线性化和二次近似 在DDP算法中,第三步是线性化系统动力学方程和二次近似代价函数。这一步是关键,它使得DDP能够递归地处理非线性最优控制问题。通过线性化和二次近似,我们将复杂的非线性问题转换为一系列简单的线性二次问题,逐步逼近最优解。通过这些线性化和二次近…...
![](https://www.ngui.cc/images/no-images.jpg)
Shellcode详解
Shellcode详解 一、Shellcode的特点二、Shellcode的类型三、Shellcode的工作原理四、防御措施五、常见的PHP Web Shell示例5.1 简单的命令执行5.2 更复杂的Web Shell5.3 防御措施5.4 实际案例 Shellcode是一种小巧、紧凑的机器代码,通常用于利用软件漏洞或注入攻击中…...
![](https://www.ngui.cc/images/no-images.jpg)
sherpa-onnx说话人识别+语音识别自动开启(VAD)+语音识别Python API
专栏总目录 获取该开源项目的渠道,是我在b站上,看到了由csukuangfj制作的一套语音识别视频。以下地址均为csukuangfj在视频中提供,感谢分享! 新一代 Kaldi: 说话人识别+VAD+语音识别之 Python API_哔哩哔哩_bilibili 开源项目地址:GitHub - k2-fsa/sherpa-onnx: Speech-t…...
![](https://img-blog.csdnimg.cn/direct/a810966ad35b4e1fa6f98f7c2303ef36.png)
提取人脸——OpenCV
提取人脸 导入所需的库创建窗口显示原始图片显示检测到的人脸创建全局变量定义字体对象定义一个函数select_image定义了extract_faces函数设置按钮运行GUI主循环运行显示 导入所需的库 tkinter:用于创建图形用户界面。 filedialog:用于打开文件对话框。 …...
![](https://img-blog.csdnimg.cn/direct/b0758fbb2c88464284721f6b502232dd.png)
python数据可视化:在图形中添加注释matplotlib.pyplot.annotate()
【小白从小学Python、C、Java】 【考研初试复试毕业设计】 【Python基础AI数据分析】 python数据可视化: 在图形中添加注释 matplotlib.pyplot.annotate() 请问关于以下代码表述正确的选项是? import matplotlib.pyplot as plt x [1, 2, 3, 4, 5] y […...
![](https://img-blog.csdnimg.cn/direct/cdd68f942e9d4b6ab17a08eefa502ecf.png)
IDEA debug 调试Evaluate Expression应用
链接: https://blog.csdn.net/xfx_1994/article/details/104136849?utm_mediumdistribute.pc_aggpage_search_result.none-task-blog-2aggregatepagefirst_rank_v2~rank_aggregation-2-104136849.pc_agg_rank_aggregation&utm_termidea%E4%B8%ADevaluate&s…...
![](https://img-blog.csdnimg.cn/direct/7ff3bbf9bd044f268e48ad4a4a513409.png#pic_center)
04-echarts-立体柱状图扩展
柱状图扩展 一、前言二、思路1、新增面①、在drawShape方法中,新增一个实际左侧面,②、 在drawShape方法中,新增一个实际右侧面,③ 绘制 2、新增series对象① 添加实际值的左侧面和右侧面 三、效果图 一、前言 事情是这样子的&am…...
![](https://www.ngui.cc/images/no-images.jpg)
HTML5 Web Workers: 异步编程的强大力量
在现代Web开发中,随着应用程序变得越来越复杂,用户界面的流畅性和响应性成为了决定用户体验好坏的关键因素之一。传统的JavaScript执行模型中,所有脚本都在同一个线程上运行,这意味着复杂的计算任务会阻塞UI更新,导致页…...
![](https://img-blog.csdnimg.cn/direct/b93b010077b746699a3fe1e174ca374e.png)
Flutter第十二弹 Flutter多平台运行
目标: 1.在多平台调试启动Flutter程序运行 一、安卓模拟器 1.1 检查当前Flutter适配的版本 flutter doctor提供了Flutter诊断。 $ flutter doctor --verbose /Users/zhouronghua/IDES/flutter/bin/flutter doctor --verbose [✓] Flutter (Channel master, 2.1…...
![](https://img-blog.csdnimg.cn/direct/c30127575d774812a280e2264289bd0f.png)
30天学会QT---------------大项目之在线考试系统
前段时间真的很忙很忙,忙完这段时间,总算是有空来写文章了,开始写的时候我就以为能够有时间准备和写这个,但是发现有时候忙着忙着就忘记了,没有办法来写项目,真的是非常尴尬。 现在有时间了,就有充分的时间来写了。 为了避免笔记断更,我决定先存稿来写。 1、如何规划项…...
![](https://www.ngui.cc/images/no-images.jpg)
搜维尔科技:力反馈主手—手术机器人应用〈腔镜手术机器人平台—进入手术室动物实验〉
力反馈主手—手术机器人应用〈腔镜手术机器人平台—进入手术室动物实验〉 搜维尔科技:力反馈主手—手术机器人应用〈腔镜手术机器人平台—进入手术室动物实验〉...
![](https://img-blog.csdnimg.cn/direct/8f9a6bbdb7b3442da09b0deecb8c9156.png)
缓存技术实战[一文讲透!](Redis、Ecache等常用缓存原理介绍及实战)
目录 文章目录 目录缓存简介工作原理缓存分类1.按照技术层次分类2.按照应用场景分类3.按照缓存策略分类 应用场景1.硬件缓存2.软件缓存数据库缓存Web开发应用层缓存 3.分布式缓存4.微服务架构5.移动端应用6.大数据处理7.游戏开发 缓存优点缓存带来的问题 常见常用Java缓存技术1…...
![](https://img-blog.csdnimg.cn/direct/78ec0e0d00ae471783d062342ab71cce.png)
初识es(elasticsearch)
初识elasticsearch 什么是elasticsearch?: 一个开源的分部署搜索引擎、可以用来实现搜索、日志统计、分析、系统监控等功能。 什么是文档和词条? 每一条数据就是一个文档对文档中的内容进行分词,得到的词语就是词条 什么是正向…...
![](https://img-blog.csdnimg.cn/direct/bc9e9152b724406e9840280d18f1a69f.png)
AI在线免费视频工具2:视频配声音
1、视频配声音 https://deepmind.google/discover/blog/generating-audio-for-video/ https://www.videotosoundeffects.com/ (免费在线使用)...
![](https://img-home.csdnimg.cn/images/20220518054835.png)
Kafka 如何保证消息顺序及其实现示例
Kafka 如何保证消息顺序及其实现示例 Kafka 保证消息顺序的机制主要依赖于分区(Partition)的概念。在 Kafka 中,消息的顺序保证是以分区为单位的。下面是 Kafka 如何保证消息顺序的详细解释: ⭕分区内消息顺序 顺序写入&#…...
![](https://img-blog.csdnimg.cn/b4a43cccbb6b4422a61ffb110932a1c5.png)
建网站专用网站/广州线上教学
1、问题 ElasticSearch 版本是7.8, ElasticSearch 控制台中文乱码问题 2、解决方法 在elasticsearch 目录下, 找到 conf 目录中的 jvm.options 文件, 修改内容如下: 将 -Dfile.encoding 设置为 GBK 。 #-Dfile.encodingUTF-…...
![](https://img-blog.csdnimg.cn/img_convert/d5ebdeb5bff277ad9224976088c5efa1.png)
北京外贸行业网站建设/百度明星人气榜入口
苏生不惑第334 篇原创文章,将本公众号设为星标,第一时间看最新文章。之前分享过 2022 百度网盘/阿里云盘搜索合集,找资源不再愁和除了百度,这几个搜索引擎更好用 ,不过网站多了一个个搜就很麻烦,今天分享个…...
![](https://www.samyang.top/5.jpg)
汕头网站设计定制/武汉新一轮疫情
索引索引:是特殊数据结构,定义在查找时作为查找条件的字段,在MySQL又称为键key,索引通过存储引擎实现优点:索引可以降低服务需要扫描的数据量,减少了IO次数索引可以帮助服务器避免排序和使用临时表索引可以…...
![](https://images2017.cnblogs.com/blog/983980/201711/983980-20171108003044059-468808623.png)
宁波自适应网站建设优化建站/厦门关键词优化企业
jmeter作为一个开源的接口性能测试工具,其本身的小巧和灵活性给了测试人员很大的帮助,但其本身作为一个开源工具,相比于一些商业工具(比如LoadRunner),在功能的全面性上就稍显不足。 这篇博客,就…...
![](https://s2.51cto.com/wyfs02/M00/A5/8A/wKioL1m_d3GSJdVEAAArZvVu-Oo846.png)
网站不足之处/免费创建自己的网站
20.10 for循环 案例1 1. 编写for循环脚本:计算1到100所有数字和: [roothao-01 ~]# vi for1.sh 添加内容: #!/bin/bash sum0 for i in seq 1 100 do echo "$sum $i" sum$[$sum$i] echo $sum done echo $sum 2. 执行for1…...
![](https://s1.51cto.com/attachment/201204/220622420.jpg)
长沙企业网站制作哪家好/今日西安头条最新消息
linux访问windows下的共享数据 1. 首先linux要与windows能够通信,配置通上,可以参考上篇《linux在wmware上网》 2.在linux可以windows通信的情况下,我们可以在windows上使用“hfs”这款软,如图: 3.然后在linux下我们可以通过 : w…...