iFluxArt

博客导航友链
© 2025 iFluxArt 保留所有权利
目录
网站部署
确认系统类型
安装必要软件
安装 Hexo
网站上传
修改网站配置文件
安装依赖包
生成静态文件(Generate static files)
启动本地服务器(Run server)
部署到远程站点(Deploy to remote sites)
网站设置
主题设置
分类
标签
品牌案例科技品牌快捷键中英对照表术语对照汽车品牌食品饮料服装文案运动品牌读书笔记广告理论办公软件文案美妆护肤视频剪辑部署最佳实践广告文案电商零售创意金融支付写作GitnpmCSS动画代码质量HTMLReactJavaScript组件开发静态站点剧本写作电影创作创作指南真人秀WindowsAcrobatAfter EffectsAuditionIllustratorLightroomMedia EncoderPhotoshopPremiere ProFinal Cut Pro设计工具直播电商私域运营运营策略私域流量DeepSeek运维GeminiCLIGoogle AI配置指南提示词工程AI交互MetaPayEasy亚马逊京东字节跳动滴滴百度网易美团腾讯阿里巴巴IBM思科甲骨文佳能大疆尼康科大讯飞AppleGoogleHTCOPPOrealmevivo一加三星华为小米微软索尼联想荣耀魅族招聘小鹏特斯拉理想蔚来CELEBRITYMISSOSEOK baby步履不停丰田奔驰奥迪宝马本田唯品会拼多多AMD惠普戴尔英伟达英特尔兰蔻完美日记雅诗兰黛谐音梗安踏李宁耐克阿迪达斯微信支付支付宝伊利农夫山泉可口可乐星巴克百事可乐大卫·奥格威教程威廉·伯恩巴克路克·苏立文约瑟夫·休格曼标题技巧版本控制工作流程VS Code开发环境插件配置Docker容器化GitHubSSH包管理pnpmTailwind CSS动画库Python规范工程实践Markdown语法对比动画工具前端开发CSSFAQ编程基础Web框架项目管理Astro评论系统GitHub集成React组件Hexo静态博客主题开发HugoGo语言Next.js技术栈VitePressVue3文档站点开发指南Monorepo剧本结构动态结构悬念设计叙事技巧人物设计戏剧冲突导演思维写作技巧结局设计故事创作电影节国际电影电影奖项电视节目综艺节目探险节目电视制作电影结构剧作分析影像构成电影分析精神分析叙事研究经典台词诗意台词中国电影Cloudflare网络安全VPNNVIDIA显卡驱动AI工具Obsidian插件知识管理V2rayN代理工具网络配置鼠标设置注册表修改显示设置高分屏Lightroom ClassicFCP邀请码内测PDF工具动画制作音频编辑照片处理视频编码Keynote演示软件ExcelPowerPointWordWPS剪映微信公众号账号注册平台认证抖音小店店铺运营电商运营抖音运营账号定位内容策略运营思维商业策略数据驱动人货场直播间运营直播合规违禁词平台规则直播带货运营流程直播脚本话术模板直播技巧运营指南微信生态内容创作行业分类成功案例方法论商业价值变现模式会员运营用户分层商业变现Waves音频插件混音制作
相关文章

将 Monorepo 中的 Packages 发布到 npm 的完整指南

Google Python 编码规范指南

VS Code 开发环境配置

开发最佳实践

Next.js 技术栈推荐清单与最佳实践

Hexo 博客系统搭建指南

2024年9月22日
2499 字
预计阅读 10 分钟

Hexo 是一个快速、简洁且高效的博客框架。使用 Markdown(或其他标记语言)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

网站部署

确认系统类型

用的是 Windows、MacOS 还是 Linus?三大系统都支持搭建,只是操作上略有区别。

目前主流系统都采用 64 位,但有些老电脑还是 32 位,一般在系统设置中查看。

也可以通过命令行来确认。以 Windows 为例,在任意位置打开 “终端”,输入:

Bash
systeminfo

回车后,在“系统类型”中,如果显示的是 x64-based PC,就说明这是台 64 位系统的电脑。

安装必要软件

Hexo 的正常运行,需要先安装以下软件:

  • Git
  • Node.js(版本不低于 10.13,官方建议 Node.js 12.0 及以上版本)

安装 Hexo

安装前,建议通读一遍 Hexo官方文档,对 Hexo 有个基本的了解。

以 Windows 为例,在你想要部署网站的文件夹(尽量是空文件夹)内,鼠标右键打开终端或 Git Bash,输入以下命令,下载依赖:

Bash
npm i hexo-cli -g

接着执行以下命令,对项目进行初始化:

Bash
hexo init

继续执行以下命令,完成 Hexo 的安装:

Bash
npm install

Hexo 就被部署到了这个文件夹里。

网站上传

修改网站配置文件

打开网站根目录下的 _config.yml 文件,找到如下所示的 Deployment 板块。

Yml
deploy:
  type: ""

将其更改为:

Yml
deploy:
  type: "git"
  #这里填入你之前在GitHub上创建仓库的完整路径
  repo: git@github.com:xxx/xxx.github.io.git
  branch: master

安装依赖包

首次发布,建议在网站根目录下,用 Git Bash 输入以下代码:

Bash
npm install hexo-deployer-git --save

生成静态文件(Generate static files)

输入以下命令:

Bash
hexo generate

可以简写为:

Bash
hexo g

启动本地服务器(Run server)

输入以下命令:

Bash
hexo server

可以简写为:

Bash
hexo s

根据系统返回的提示,打开浏览器,输入 localhost:4000 回车后,即可看到你的网站。

部署到远程站点(Deploy to remote sites)

继续输入以下命令,:

Bash
hexo deploy

可以简写为:

Bash
hexo d

或者输入以下命令生成静态页面,并发布至远程仓库(等同于 hexo g + hexo d):

Bash
hexo d -g

在浏览器输入 username.github.io,就可以看到你的网站了。

 将 username 替换为你的 GitHub 用户名。

以后有内容要更新,在本地编辑好以后,重复以上命令即可完成发布。如果以前的文章有删改,或者网站有较大的变动,建议先通过 hexo clean 清理缓存,然后通过 hexo d -g 发布。

网站设置

首先打开 Hexo 根目录下的 _config.yml 文件,修改 Site 板块为你自己的信息:

Yml
title: 网站标题
subtitle: "网站副标题"
description: "网站描述"
keywords: 关键词
author: 作者
language: zh-CN # 网站语言
timezone: "Asia/Shanghai" # 时区

主题设置

此时的网站还比较简陋,但好在 Hexo 有很多精品的模板资源,也就是主题(Theme),根据说明文档的提示,按需配置即可。

安装好的主题,一般在 themes 文件夹下,而通过 npm 安装,是在 node_modules 文件夹下。

我们只需要在网站根目录下找到 _config.yml 文件,打开后找到 theme 选项,将默认的 landscape 改为你安装的主题名即可。例如:

Yml
theme: anzhiyu

建议把主题根目录下的 _config.yml 文件复制一份,改名为 _config.主题名称.yml (如 _config.solitude.yml )。把 _config.主题名称.yml 移动到网站根目录下。

在这个文件上的更改,优先级大于原来主题目录下的 _config.yml ,而且主题更新也不会被覆盖,万一出现自己解决不了的 bug,也随时可以删掉,再从主题目录复制一个过来。

切换主题后需要清理缓存,输入以下命令:

Bash
hexo clean

可简写为:hexo cl

然后在 Git Bash 中,分别输入以下 hexo g 和 hexo s 命令,便可在浏览器 localhost:4000 页面中查看安装主题后的效果。

版权声明

本文为作者原创文章,遵循 CC BY-NC-ND 4.0 协议。

  • 署名:转载时请注明出处
  • 非商业性使用:禁止商业用途
  • 禁止演绎:不得修改原文
查看完整许可证