Hexo系列——(一) Hexo的安装与使用_hexo安装-程序员宅基地

技术标签: git  ubuntu  教程  

前言

本文更新时间在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

最终网站的效果图

在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_43659725/article/details/125207383

智能推荐

java后台利用POI将excle转换成html实现在线预览_javaexcel转html-程序员宅基地

文章浏览阅读6.6k次。 前一阵项目有office系列文件在线预览需求,所以查询了一些资料,参考其他一些博客,实现了通过POI将excle转化为html,后来需求被砍掉,没有继续深入研究,这里将查询到的一些资料做一个记录. 首先实现office系列文件在线预览主要查到有如下解决方案:1.flash 的flexpaper 将文档转换为swf格式,然后使用flash在网页中浏览 2.使用开源的软件openoffice+p..._javaexcel转html

html热点 位置不低,热点图 页面缩放不改变位置-程序员宅基地

文章浏览阅读281次。文章时间:2019年5月29日 23:42:02解决问题:热点图 随着页面的缩放比例而不改变其所在的位置推荐画图工具:Adobe Dreamweaver CC头部我们需要3个东西,请直接复制即可直接复制这段代码然后用设计模式画图就行了。任意地方加这段js代码。$("img[usemap]").each(function () {var img = $(this);var newImg = new ..._h5地图热点放大缩小如何不跑偏

maven打包报错_error locating assembly descriptor: src/main/assem-程序员宅基地

文章浏览阅读2k次。项目场景:maven打包报错:Failed to execute goal org.apache.maven.plugins:maven-assembly-plugin:2.4:single (make-assembly) on project hiveudf2: Error reading assemblies: Error locating assembly descriptor: assembly.xml问题描述:项目上执行目标org.apache.maven.plugins:maven-as_error locating assembly descriptor: src/main/assembly/assembly.xml

Chrome开发者工具使用教程-主要功能简介(一)_谷歌后台调测执行sql-程序员宅基地

文章浏览阅读1.4k次。Chrome开发者工具是谷歌浏览器自带的一款开发者工具,它可以给开发者带来很大的便利。主要作用有:快速定位问题查看站点页面加载信息在线页面样式调整前端代码调试前端日志分析浏览器存储查看在线性能分析等…1.如何调出开发者工具按F12键CTRL+SHIFT+I 或在页面上右键,点击“检查”按钮,如下图:2.面板功能简介元素(Elements):用于查看或修改H..._谷歌后台调测执行sql

C语言文件指针偏移的使用(点阵字库txt文件取字)_c语言指针偏移-程序员宅基地

文章浏览阅读3.5k次。从点阵字库txt取字,指向文件内容位置的文件指针是唯一的,无法多个副本分别定位(无法一个文件使用多个指针),这与传统上内存中的指针不同。_c语言指针偏移

Oracle Partition 分区详细总结_partition by range-程序员宅基地

文章浏览阅读651次。此文从以下几个方面来整理关于分区表的概念及操作: 1.表空间及分区表的概念 2.表分区的具体作用 3.表分区的优缺点 4.表分区的几种类型及操作方法 5.对表分区的维护性操作.(1.) 表空间及分区表的概念表空间: 是一个或多个数据文件的集合,所有的数据对象都存放在指定的表_partition by range

随便推点

transform,translation和animation-程序员宅基地

文章浏览阅读587次。css3在原来的基础上增加了变形和动画相关的属性,动画三兄弟:transform、transition和animation,通过使用这三个属性可以达到很炫酷的效果。需要注意的是这三个属性都是css3新增的属性,各大浏览器支持方面还不是特别好,使用时要特别注意浏览器的兼容性。Transform浏览器支持情况:Internet Explorer 10、Firefox、Opera_translation和animation

[redis] SpringBoot整合SpringDataRedis配置文件_spring boot 192.168.110.130-程序员宅基地

文章浏览阅读1.7k次。SpringBoot整合SpringDataRedis pom文件添加依赖 全局配置文件 配置类pom文件添加依赖<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis<..._spring boot 192.168.110.130

JAVA安卓4.4.4,Could not find support-v4.jar (com.android.support:support-v4:24.0.0)-程序员宅基地

文章浏览阅读318次。Error:A problem occurred configuring project ':app'.Could not find support-v4.jar (com.android.support:support-v4:24.0.0). Searched in the following locations: https://jcenter.bintray.com/com/android/..._supportv4.jar

OpenLayers Map理解-程序员宅基地

文章浏览阅读165次。OpenLayers Map理解 1,视口坐标的原点在左上角,水平向右为x轴正向,垂直向下为y 轴正向;2,地图坐标原点为初始图层的中心点,水平向右为x轴正向,垂直向上为y轴正向;3,视口中心点永远与地图中心点重合,不一定与瓦片中心点重合;4,拖动图层的逻辑描述:地..._openlayer this.map.getsize()

vue运用 vue-qr 生成二维码-程序员宅基地

文章浏览阅读5.4k次,点赞4次,收藏18次。第一步,先安装 vue-qr 插件npm install vue-qr --save第二步,在想要生成vueQr 的Vue页面引入组件import vueQr from 'vue-qr'第三步,在components中引入VueQr组件components: { VueQr }最后就在在html上引用<VueQr :margin='8' :size='280' :whiteMargin="true" :logoMargin="3" :logoCornerRadius_vue-qr

各品牌电脑PE中找不到硬盘的解决方法/bios设置_联想ideapad710s进pe找不到硬盘-程序员宅基地

文章浏览阅读1.3w次。  大部分小伙伴遇到系统坏了之后,都会自己用U盘装系统,但是在u盘装系统过程中却容易遇到问题,特别是PE中找不到硬盘的情况,大家遇到这种情况该怎么解决呢,所以今天跟着快启动小编的脚步一起来详细了解一二吧。  首先,我们要了解硬盘的两种模式,一种是比较新的SATA模式,现在的新电脑大多采用此模式,而另一种则是比较旧的PATA模式,而这两种模式都需要配置驱动程序,但它们的驱动程序是不一样的。  然而,..._联想ideapad710s进pe找不到硬盘

推荐文章

热门文章

相关标签