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

Hexo的基本页面配置
Hexo基本配置
用vscode
打开站点配置文件_config.yml
,我们可以在 _config.yml
中修改大部分的配置具体参数信息可参考Hexo官网配置 。
更换主题[^1]
系统默认给的主题是 landscape
,并且在Hexo主题官网 还提供了376个主题(未来依旧会更新更多主题),可以先预览选择一个主题,如下所示:
首先你需要找到你喜欢的主题下载地址,一般可以点击相应的主题首页拉至最下方,会有个主题下载地址,下图演示的是redefine
主题下载地址位置。
打开该主题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 许可协议。转载请注明出处!