基于Hexo+GitHub-Pages博客搭建(二)

C75 75

Hexo的基本页面配置

Hexo基本配置

vscode打开站点配置文件_config.yml,我们可以在 _config.yml中修改大部分的配置具体参数信息可参考Hexo官网配置

更换主题[^1]

系统默认给的主题是 landscape,并且在Hexo主题官网 还提供了376个主题(未来依旧会更新更多主题),可以先预览选择一个主题,如下所示:

主题官网

首先你需要找到你喜欢的主题下载地址,一般可以点击相应的主题首页拉至最下方,会有个主题下载地址,下图演示的是redefine主题下载地址位置。

主题下载地址

打开该主题GitHub地址,复制该地址。

GitHub下载地址

之后打开博客根目录下如下图所示的主题文件夹:

根目录文件夹

打开后在文件夹里右键Git Bash Here,输入以下指令(以下为redefine主题下载指令,可将该地址替换为其他主题下载地址):

1
git clone https://github.com/EvanNotFound/hexo-theme-redefine.git

下载完成后,你就可以看到themes文件夹下出现了一个新的名为redefine文件夹,这个就是我们刚刚下载的主题。返回根目录下找到_config.yml文件夹,用vscode打开,按ctrl+f搜索theme,更改其属性值为redefine(这个属性值是为你下载主题的名称),如下图所示:

站点配置修改

主题内容修改

打开theme文件夹下所下载的主题文件夹,找到_config.yml文件并打开,具体修改内容可查看该文档:项目介绍 ,虽然该文档为redefine主题内容设置,但大部分主题参数修改类似,可以参考该文档进行修改,也可以自行百度查看具体修改方法。

文章编写

创建与发布

创建文章:

1
hexo n Bolgname

对文章编辑完后使用以下指令发布:

1
hexo d

注:文章编写可使用Typora ,该版本存在过期问题,可根据该方法解决:Typora 0.11.18 Beta版过期解决

文章站内引用[^2]

若要在博客文章中引用自己的文章,需要使用以下指令:

1
{% post_link 文件名(不要后缀) 文章别名(可选) %}

例如我需要在文章中引用我这篇基于Hexo+GitHub-Pages博客搭建(一)文章,则需要使用以下指令:

1
{% post_link 基于Hexo+GitHub-Pages博客搭建(一) %}

效果如下所示:基于Hexo+GitHub-Pages博客搭建(一)

下载插件推荐

名称 作用 指令
APalyer[^3] 音乐播放器 npm install --save hexo-tag-aplayer
DPlayer[^4] 视频播放器 npm install --save hexo-tag-dplayer
asset-image[^5] 修改图片插入路径 npm install hexo-asset-image --save

注:所有指令均在博客根目录下运行

参考资料

[^1]: Hexo的主题更换与使用教程 - 简书 (jianshu.com)
[^2]: 如何在Hexo的博文中引用自己的文章 | Morning Star’s blog (mls-tech.info)

  • 本文标题:基于Hexo+GitHub-Pages博客搭建(二)
  • 本文作者:C75
  • 创建时间:2023-02-09 18:48:12
  • 本文链接:https://hi-c75.top/2023/02/09/基于Hexo+GitHub-Pages博客搭建(二)/
  • 版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!