hexo引入style
时间: 2023-10-14 21:29:37 浏览: 37
在Hexo中,可以通过以下步骤引入CSS样式表:
1. 在Hexo项目的根目录下,创建一个新文件夹,命名为“source/css”(如果已经存在则不需要创建)。
2. 将需要引入的CSS样式表文件放入“source/css”文件夹中。
3. 在Hexo项目的根目录下,找到“themes/主题名称/layout”文件夹,打开对应的模板文件(如“index.ejs”、“post.ejs”等)。
4. 在模板文件中,使用以下代码引入CSS样式表:
```html
<link rel="stylesheet" href="/css/文件名.css">
```
其中,“文件名.css”是需要引入的CSS样式表文件名。
5. 保存模板文件,重新生成Hexo网站即可看到CSS样式表生效的效果。
注意事项:
- 引入的CSS样式表文件名需要与“source/css”文件夹中的文件名一致。
- 如果需要修改CSS样式表,只需要修改“source/css”文件夹中的对应文件即可,无需修改模板文件。
相关问题
hexo nodejs
Hexo是一个基于Node.js的静态博客生成器,使用简单、灵活且安装方便。Node.js是一个开源的JavaScript运行时环境,可以让开发者使用JavaScript编写后端服务和工具。
Hexo的主要特点有以下几个:
1. 静态网页生成:Hexo采用静态网页生成的方式,将文章内容和其他资源(如图片、样式表等)预先生成成静态网页,然后存储在硬盘上。这样一来,浏览器访问网页时不需要对数据库进行查询和动态生成,速度更快。
2. Markdown支持:Hexo使用Markdown作为文章的写作格式,Markdown是一种简洁易读的标记语言,适合写作纯文本。Hexo会将Markdown格式的文章转换成HTML网页。
3. 主题插件:Hexo提供了大量的主题和插件,可以让你的博客拥有独特的外观和功能。可以通过简单的配置以及HTML和CSS的定制来打造个性化的博客。
4. 快速部署:Hexo支持直接将生成的静态网页部署到各种网站托管平台,如GitHub Pages、Netlify等,可以很方便地将你的博客发布到互联网上。
Node.js是Hexo的基础,它提供了强大的API和丰富的库,使得Hexo的开发和扩展更加便捷。同时,Node.js也提供了高效的事件驱动和非阻塞I/O模型,使得Hexo具备了出色的性能和可扩展性。
总结起来,Hexo是一个基于Node.js的静态博客生成器,拥有简单易用、灵活和高性能的特点。通过Hexo,可以方便地创建、撰写和发布个性化的博客网站。
hexo matery
Hexo Matery是一款基于Hexo的个性化主题,可以用于搭建个人博客网站。要使用Hexo Matery主题,首先需要在根目录的_config.yml文件中找到theme配置项,并将其更改为"matery"。然后执行"hexo clean"命令清理一下,再执行"hexo g"命令重新生成静态页面,最后执行"hexo s"命令运行本地服务器。在浏览器中输入"localhost:4000"访问你的网站,你会发现主题已经成功更改。 如果你想要开启文章字数统计功能,还需要安装hexo-wordcount插件。可以通过执行命令"npm i --save hexo-wordcount"进行安装。如果npm命令加载慢,还可以尝试使用cnpm命令进行安装。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [hexo博客matery主题的个性化配置](https://blog.csdn.net/qq_41376237/article/details/113475727)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
- *3* [hexo中matery主题的个性化定制](https://blog.csdn.net/weixin_46399753/article/details/104768713)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]