
搭建Hexo博客及安装NPM环境指南
文章摘要
青稚Ai
1. 安装Node.js和NPM
打开deb.nodejs,根据里面的命令添加源。
启用NodeSource源后,可以通过以下命令安装Node.js:
1 | sudo apt install nodejs |
Node.js安装包中包含了node和npm二进制包。
验证安装
验证node版本:
1 | node --version |
验证npm版本:
1 | npm --version |
1.1 安装开发工具(如果需要编译本地npm扩展):
1 | sudo apt install build-essential |
1.2 切换npm源以提高下载速度
切换为淘宝源:
1 | npm config set registry https://registry.npmmirror.com |
还原为官方源:
1 | npm config set registry https://registry.npmjs.org/ |
测试是否成功切换:
1 | npm config get registry |
2. 安装Hexo
2.1 更新npm(如果提示需要更新):
1 | sudo npm install npm@latest -g |
2.2 安装Hexo CLI:
1 | sudo npm install -g hexo-cli |
3. 初始化Hexo博客:
1 | hexo init blog |
3.1 安装特定版本的Hexo(如果需要):
查询Hexo历史版本:
1 | npm view hexo versions --json |
进入博客目录后安装特定版本:
1 | npm install --save hexo@<需要的版本> |
3.2 配置Hexo博客
进入themes目录,删除默认主题。
选择并安装新主题,在Hexo主题页面找到适合的主题(本文以Vateral为例):
下载或克隆主题到themes目录。
修改博客根目录下的_config.yml文件,将theme字段设置为新主题名称(Vateral)。
安装本地搜索插件:
1 | npm i -S hexo-generator-search |
在主题配置文件(例如Vateral/_config.yml)中添加搜索配置:
1 | search: |
4. 搭建仓库并部署
在GitHub或Gitee上创建仓库:
- 仓库名称应与用户名相同。
- 开启Pages服务。
修改博客根目录下的_config.yml:
将url字段修改为:https://<你的用户名>.github.io或https://<你的用户名>.gitee.io。
生成和部署博客:
清理缓存:
1 | hexo clean |
生成静态文件:
1 | hexo g |
本地预览:
1 | hexo s |
将public目录中的文件上传到GitHub或Gitee仓库。
在Pages服务中启用HTTPS。
5. 创建和发布文章
5.1 创建新文章:
1 | hexo new <标题> |
5.2 创建新页面(例如About页面):
1 | hexo new page "about" |
5.3 发布文章:
每次创建或修改文章后,执行以下命令生成新的静态文件:
1 | hexo clean |
1 | hexo g |
预览并确认无误后,将public目录中的文件上传到仓库。
6. 优化与排版
使用Markdown格式编写文章,注意排版和格式。
本文是原创文章,采用CC BY-NC-SA 4.0协议,完整转载请注明来自青稚の空间
评论 ()