hexo教程:基本配置+更换主题+多终端工作+coding page部署分流

本文详细介绍了Hexo博客的配置,包括基本设置、更换主题、使用git分支进行多终端工作以及在Coding Page上实现国内外分流的部署方法。内容涵盖网站设置、菜单定制、RSS添加、评论系统集成等,同时讲解了如何通过git分支管理实现不同电脑间的无缝工作切换,并在Coding Pages上部署以优化国内访问速度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

hexo教程:基本配置+更换主题+多终端工作+coding page部署分流

个人博客地址:http://www.zhsh666.xyz/

上次介绍了hexo的基本搭建和部署。但是还有很多事情没有解决,这次先来看看hexo的基本配置文件,还有如何在多平台部署实现国内外分流,以及换电脑后如何无缝的衔接工作。

在文件根目录下的_config.yml,就是整个hexo框架的配置文件了。可以在里面修改大部分的配置。详细可参考官方的配置描述。

网站

参数 描述
title 网站标题
subtitle 网站副标题
description 网站描述
author 您的名字
language 网站使用的语言
timezone 网站时区。Hexo 默认使用您电脑的时区。时区列表。比如说:America/New_York, Japan, 和 UTC

其中,description主要用于SEO,告诉搜索引擎一个关于您站点的简单描述,通常建议在其中包含您网站的关键词。author参数用于主题显示文章的作者。

网址

参数 描述
url 网址
root 网站根目录
permalink 文章的 永久链接 格式
permalink_defaults 永久链接中各部分的默认值

在这里,你需要把url改成你的网站域名。

permalink,也就是你生成某个文章时的那个链接格式。

比如我新建一个文章叫temp.md,那么这个时候他自动生成的地址就是http://yoursite.com/2018/09/05/temp

以下是官方给出的示例,关于链接的变量还有很多,需要的可以去官网上查找 永久链接

参数 结果
:year/:month/:day/:title/ 2013/07/14/hello-world
:year-:month-:day-:title.html 2013-07-14-hello-world.html
:category/:title foo/bar/hello-world

再往下翻,中间这些都默认就好了。

theme: landscape

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: <repository url>
  branch: [branch]

theme就是选择什么主题,也就是在theme这个文件夹下,在官网上有很多个主题,默认给你安装的是lanscape这个主题。当你需要更换主题时,在官网上下载,把主题的文件放在theme文件夹下,再修改这个参数就可以了。

接下来这个deploy就是网站的部署的,repo就是仓库(Repository)的简写。branch选择仓库的哪个分支。这个在之前进行github page部署的时候已经修改过了,不再赘述。而这个在后面进行双平台部署的时候会再次用到。

Front-matter

Front-matter 是文件最上方以 --- 分隔的区域,用于指定个别文件的变量,举例来说:

title: Hello World
date: 2013/7/13 20:46:25
---

下是预先定义的参数,您可在模板中使用这些参数值并加以利用。

参数 描述
layout
### 加速Hexo博客托管于GitHub Pages的技术 #### 使用CDN服务提升加载速度 为了提高网站资源的分发效率,减少延迟时间,可以采用内容分发网络(Content Delivery Network, CDN)来缓存并快速传递静态文件。对于Hexo博客而言,图片、CSS样式表和JavaScript脚本等都是适合通过CDN加速的对象。将这些资源链接到像jsDelivr这样的公共CDN平台能够显著改善页面性能[^1]。 ```javascript // _config.yml 中设置CDN路径前缀 cdn: css: https://cdn.jsdelivr.net/gh/your-repo-name@latest/css/ js: https://cdn.jsdelivr.net/gh/your-repo-name@latest/js/ ``` #### 启用压缩与最小化HTML/CSS/JS文件 启用Hexo内置插件`hexo-minifier`可自动处理文章生成过程中的HTML、CSS及JavaScript代码优化工作,包括去除不必要的空白字符、注释等内容,从而减小最终发布的文件大小,加快传输速率。 ```bash npm install hexo-minifier --save ``` #### 利用浏览器缓存机制 适当调整HTTP头信息中的Cache-Control字段值可以让用户的浏览器更长时间地保存已下载过的资源副本,在后续访问相同URL时不需再次请求服务器获取最新版本的数据,以此达到提速目的[^2]。 ```nginx location ~* \.(css|js|jpg|jpeg|png|gif)$ { expires max; } ``` #### 实现国内外分流策略 考虑到部分海外用户可能遇到因地理位置差异而导致的速度瓶颈问题,可以在构建过程中引入条件判断逻辑,根据不同地区分配最接近源站位置的服务节点地址给读者浏览。例如利用Coding Page作为中国境内的镜像站点配合GitHub Pages共同运作,形成双轨制发布模式。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值