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 -y

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: true
  postAsset: true

③ 在文章中添加图片(注意图片名不要加路径)

![img](logo.jpg)

补充:图片存放到文章对应的目录中即可。 

4 参考

Asset Folders | Hexo

如何在 Ubuntu 20.04 上安装 Node.js 和 npm-阿里云开发者社区 (aliyun.com)

  • 6
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Hexo是一个基于Node.js的静态框架,可以帮助你快速搭建个人。在Mac上搭建Hexo个人的步骤如下: 1. 安装Node.js:首先确保你的Mac上已经安装了Node.js,可以在终端中输入`node -v`来检查是否已经安装。如果没有安装,可以去Node.js官网下载并安装。 2. 安装Hexo:在终端中输入以下命令来安装Hexo: ``` npm install -g hexo-cli ``` 3. 创建:在终端中选择一个合适的目录,然后执行以下命令来创建一个新的Hexo: ``` hexo init myblog cd myblog npm install ``` 4. 配置:在目录下找到 `_config.yml` 文件,使用文本编辑器打开进行配置。你可以设置的标题、描述、作者等信息,还可以选择主题和插件。 5. 编写文章:在终端中执行以下命令来创建一篇新文章: ``` hexo new "My First Post" ``` 这将在 `source/_posts` 目录下创建一个新的Markdown文件,你可以使用Markdown语法来编写文章内容。 6. 生成静态文件:在终端中执行以下命令来生成静态文件: ``` hexo generate ``` 生成的静态文件将会存放在 `public` 目录下。 7. 预览:在终端中执行以下命令来启动Hexo服务器并预览: ``` hexo server ``` 然后在浏览器中访问 `http://localhost:4000` 就可以看到你的了。 以上就是在Mac上使用Hexo搭建个人的基本步骤。如果你想了解更多关于Hexo的详细配置和使用方法,可以查阅Hexo官方文档。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Vane Zhang

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值