目录

  • 前言
  • 一、安装Node.js和Git
    • 1.安装node.js和npm,npm是node.js的包管理工具
    • 2.更新npm的镜像源
  • 3.全局安装n管理器(用于管理node.js)
  • 4.安装最新的node.js(stable版本)
    • 5.安装Git
  • 二、安装使用Hexo
    • 1.安装
    • 2.建站
    • 3.发布网站

前言

本文更新时间在2022-04-29 10:30:18,请注意时效性。
本系列一共三篇:
链接: Hexo系列——(一) Hexo的安装与使用
链接: Hexo系列——(二) 使用Hexo发博客
链接: Hexo系列——(三) 将Hexo部署到Git上

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。即把用户的markdown文件,按照指定的主题解析成静态网页。


一、安装Node.js和Git

安装Hexo之前需要安装node.js和git,如果已经安装了可以跳过这一步


1.安装node.js和npm,npm是node.js的包管理工具

$ sudo apt-get update
$ sudo apt-get upgrade
$ sudo apt-get install nodejs libnode64
$ sudo apt-get install npm

2.更新npm的镜像源

PS:原淘宝 npm 域名即将停止解析,请切换至新域名 npmmirror.com
http://npm.taobao.org和 http://registry.npm.taobao.org 将在 2022.06.30 号正式下线和停止 DNS 解析。
新域名为 npmmirror.com, 相关服务域名切换规则请参考:
http://npm.taobao.org => http://npmmirror.com
http://registry.npm.taobao.org => http://registry.npmmirror.com

#$ sudo npm config set registry https://registry.npm.taobao.org
# 原域名下线,使用新的
$ sudo npm config set registry http://registry.npmmirror.com
$ sudo npm config list

3.全局安装n管理器(用于管理node.js)

$ sudo npm install n -g

4.安装最新的node.js(stable版本)

$ sudo n stable
$ sudo node -v

5.安装Git

$ sudo apt-get install git
$ git --version

二、安装使用Hexo

1.安装

安装完node.js之后直接使用下面这句命令即可安装Hexo

$ sudo npm install -g hexo-cli

2.建站

执行下列命令,Hexo将会在指定目录中新建所需要的文件,指定的目录即为Hexo的工作站

不指定的话默认在当前路径下设置工作站。

$ hexo init /home/lzh/Desktop/workbench/
$ cd /home/lzh/Desktop/workbench/
$ npm install

新建完成后,指定文件夹的目录如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
 ├── _drafts
 └── _posts
└── themes

我们先关注_config.yml和source这两个文件

_config.yml为网站的配置信息,例如网站的标题、副标题、语言、时区等

source为资源文件夹,资源文件夹是存放用户资源的地方,新建的文章都会保存 _posts里面。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

关于网站的配置参数,具体可以看官网详细解释。

3.发布网站

安装服务器:Hexo 3.0 把服务器独立成了个别模块,我们必须得在站点文件夹根目录下安装之后才能使用。
在命令行中打开我们的工作站文件夹,键入以下命令,以将 hexo-server 安装到我们的工作站文件夹:

$ npm install hexo-server --save

清除缓存文件
为了避免不必要的错误,在生成静态文件前,强烈建议每次发布网站前先运行以下命令:

$ hexo clean

首先执行下列命令生成相应的静态网页,生成的静态网页以及相关资源都会在public目录下

$ hexo generate

hexo-server模块的主要命令如下,输入以下命令以启动服务器,在浏览器进入 http://localhost:4000 就可以看到我们的网站了!

$ hexo server

如果您想要更改端口,或是在执行时遇到了 EADDRINUSE 错误,可以在执行时使用 -p 选项指定其他端口,如下:

$ hexo server -p 5000

最终网站的效果图

Hexo系列——(一) Hexo的安装与使用相关推荐

  1. Hexo系列 | Hexo安装、启动

    目录 前言 一.Hexo是什么? 二.安装node.js 三.安装Git 四.检查是否安装成功 五.Hexo安装.启动 前言 用Hexo框架搭建个人博客,记录搭建过程 个人博客效果 一.Hexo是什么 ...

  2. 个人博客系列【Hexo】-实现在百度中搜索到自己的博客

    目录 1.添加站点 2.选择协议头"http:// ",填写网站域名,点击下一步: 3.设置站点领域,这里选择信息技术(按需选择),点击下一步: 4.验证网站,选择CNAME验证, ...

  3. 【hexo系列】02.hexo和obsidian实现笔记丝滑

    文章目录 hexo主题 hexo进阶 hexo插件:自动生成目录 hexo插件:自动生成目录序号(自行选用) obsidian插件:templater 安装插件 配置插件 定制模板 新建笔记 参考资料 ...

  4. Hexo系列(1) - 简单搭建教程与远程部署

    前言 搭建个人博客一般有两种选择,一个是使用WordPress,但是需要将博客搭建在服务器上,不过搭建好后写文章方便,适合没有程序基础的人使用.另一个是使用Hexo,相对简洁高效,不需要服务器,既可以 ...

  5. 《Hexo: 从零开始编写自己的主题》1. Hexo概述以及Hexo工作原理

    <Hexo: 从零开始编写自己的主题> 1. Hexo概述以及Hexo工作原理 2. 入门Hexo主题编写 3. 优化样式,设计自己的主题 4. fancybox优化图片展示效果.代码高亮 ...

  6. hexo如何进行hexo的博客编写

    Hexo+github搭建个人博客 前两个博客已经大概讲述了,hexo博客的搭建和基本的设置.今天,我就来教你如何写hexo搭建的博客. 1.原生方式新建文章 Hexo的项目结构是在网站根目录的sou ...

  7. Git学习系列之Windows上安装Git之后的一些配置(图文详解)

    不多说,直接上干货! 前面博客 Git学习系列之Windows上安装Git详细步骤(图文详解) 第一次使用Git时,需要对Git进行一些配置,以方便使用Git. 不过,这种配置工作只需要进行一次便可, ...

  8. CA ARCserve Backup系列(3)—安装代理(Linux篇)

    step1.将安装光盘挂载 mount /dev/cdrom /mnt/ step2.执行安装cd /mnt/DataMoverandAgent/Linux ./install ########### ...

  9. openresty开发系列2--nginx的简单安装,正向、反向代理及常用命令和信号控制介绍...

    openresty开发系列2--nginx的简单安装,正向.反向代理及常用命令和信号控制介绍 一.nginx的安装下载及编译安装 1.Nginx下载:nginx-1.13.0.tar.gz,下载到:/ ...

最新文章

  1. 你真的了解CSS3硬件加速吗?
  2. SVM和感知机的区别(转载+自己笔记)
  3. Kaggle新手入门
  4. vue中在data中写入img地址 引入问题
  5. hive高级数据类型
  6. 【详解】EL表达式和JSTL标签库的使用
  7. 用友NC合同编码自定义
  8. 生日快乐程序_7天获客6万,小程序助力品牌对抗“行业寒冬”
  9. 一小时建立数据分析平台
  10. Android——支持图片加视频无限轮播的banner
  11. subplots_adjust()函数--matplotlib
  12. Vue Antdv 上传组件(a-upload、a-upload-dragger)二次封装(DZMAntdvUpload)
  13. jetson windows_Jetson nano 配置远程桌面
  14. Android之手机电池电量应用
  15. 一些专业术语的中英文对照
  16. 微机原理与接口技术:中断技术 详细笔记与例题解析
  17. 论文摘要和引言的区别
  18. java des解密乱码_des解密不完整,前面几位是乱码的解决办法
  19. Mapper 重命名问题
  20. LeetCode 720. 词典中最长的单词

热门文章

  1. 领星ERP和金蝶云星空接口打通对接实战
  2. 澳大利亚专线 什么是澳大利亚专线物流
  3. R语言使用plot函数可视化数据散点图,使用font参数指定字体类型为粗体字体(bold)
  4. 蛙蛙推荐:从C#到C语言
  5. 桥梁模式 Bridge Patter
  6. Spark Core Aggregator
  7. 中资企业,外派工作招聘
  8. 150行JavaScript代码实现增强现实
  9. 智慧农业温室大棚,新一轮农业革命开始了
  10. 知乎登录cookie验证