用Hexo搭建Blog

Hexo官网

用Hexo搭建Blog

安装需要

1.node.js
2.git

如果你已经配置好了,那么可以直接跳转到安装hexo


首先,你需要下载好node.js,我们需要node.js的npm命令下载hexo。

进入node.js的网站,下载安装包进行下载, 这里就不做太多介绍了。 https://i.loli.net/2021/07/25/LQrcCO1jHexEoqT.png


然后再是下载git,用来从github上面获取文件。
githttps://i.loli.net/2021/07/25/SeHcQksR8dClgWU.png
如果Windows用户下载失败,可以试一下淘宝 Git for Windows 镜像下载 git 安装包.


安装hexo

很好,你已经来到这一步了~

接下来你需要通过刚才下载的node.js里面的npm命令来下载hexo

npm install hexo-cli -g

只需要等一阵子,然后就可以成功安装hexo了,最后给hexo环境变量。


开始搭建

初始化hexo博客文件

hexo init

然后会出现一些博客的文件或文件夹,主要是source,themes,_config.yml等文件。
先说一下source是用于储存博客页面或文章的。

可以通过这条命令创建文章

hexo new [文章名字] # 创建文章

这条命令创建页面

hexo new page [页面名字] # 创建页面

source文件夹里面有_post文件夹,里面放置文章。

theme文件夹里面是放置你博客主题文件的,你可以在Hexo官网下载主题对你的博客渲染界面,主题的详细看主题的作者的介绍,进行配置。

_config.yml文件储存你博客的配置。


_config.yml配置

先看博客的基本配置
参数介绍特别介绍
title博客标题
subtitle博客小标题
description博客描述
keywords博客关键词
author博客主人
language博客使用语言这个具体要看你的主题支持语言
timezone博客时区你服务器或所在地区时区

常见的中文有zh-Hans和zh-CN
时区可以参考这个表格

下面是网址配置
参数介绍
url你博客网址
permalink文章的永久链接格式
permalink_defaults永久链接中各部分的默认值
pretty_urls改写permalink的值来美化 URL
trailing_index是否在永久链接中保留尾部的index.html,设置为false时去除
trailing_html是否在永久链接中保留尾部的.html, 设置为 false时去除

目录

这部分不详细介绍


写作
参数介绍特别介绍
new_post_name新文章的文件名
default_layout默认布局
titlecase把标题转换为标题大小写
external_link在新标签中打开链接
enable在新标签中打开链接
field对整个网站生效或仅对文章生效
exclude需要排除的域名。主域名和子域名如www需分别配置
参数介绍特别介绍
filename_case文章名字大小写转换
render_drafts显示草稿文章
post_asset_folder启动Asset文件夹
future显示未来的文章
highlight代码块设置通过主题配置文件或参考Highlight.js文件进行配置
prismjs代码块设置参考PrismJS进行设置

主页设置
参数介绍
index_generator生成文章的存档,由hexo生成器索引提供支持
path日志索引页的根路径
per_page每页显示的帖子数量
order_by文章排序形式

分类 & 标签
参数介绍
default_category默认分类
category_map分类别名
tag_map标签别名

日期和时间的格式
参数介绍
date_format博客日期格式
time_format博客时间格式
updated_option当Front Matter中没有指定updated时updated的取值

分页
参数介绍
per_page每页显示的文章数量
pagination_dir分页目录

扩展
参数介绍
theme使用的主题

包括/排除文件
参数介绍
includeHexo默认会忽略隐藏文件和文件夹(包括名称以下划线和.开头的文件和文件夹,Hexo的_posts和_data 等目录除外)。通过设置此字段将使Hexo处理他们并将它们复制到source目录下。
excludeHexo 会忽略这些文件和目录
ignore忽略文件/文件夹

部署
参数介绍
type部署方式/类型
repo部署仓库
git

先安装hexo-deployer-git

npm install hexo-deployer-git --save

配置

参数填写
typegit
repogit仓库地址
branchgit仓库分支
message自定义提交信息
token用于向repo进行身份验证的可选令牌值。用$前缀从环境变量读取令牌

命令

详细看初始化的文章Hello-World


上传至仓库,部署网站

hexo clean
hexo deploy

在本地运行网站

hexo server

创建文章或页面

hexo new [文章名]
hexo new page [页面名]

参考文章:

https://hexo.io/
https://hexo.io/zh-cn/docs/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值