hexo博客 fluid
时间: 2023-10-11 18:12:42 浏览: 83
hexo博客的fluid指的是一种响应式布局,使得博客在不同设备上可以自适应地展示。在hexo中,默认情况下并没有内置fluid布局,但你可以使用第三方主题来实现这一功能。其中,一款常用的Material Design风格的主题是hexo-theme-fluid。你可以在hexo博客的文件夹根目录打开git bash,并输入以下命令来安装该主题:
```
npm install --save hexo-theme-fluid
```
安装完成后,你需要修改hexo的配置文件_config.yml,将主题设置为fluid,即修改theme字段为fluid:
```
theme: fluid
```
保存并重新生成你的博客,就可以看到fluid布局的效果了。
相关问题
hexo博客上传图片
在Hexo博客中上传图片可以通过以下步骤完成:
1. 在Git Bash中使用命令“hexo new [文章名]”创建一篇新文章。
2. 打开新文章的md文件,设置图片根目录为source。
3. 将需要上传的图片放入source文件夹下的imgs文件夹中。
4. 在md文件中插入图片,格式为“![图片描述](/imgs/图片文件名)”,其中“/imgs/”为图片存放的相对路径。
5. 使用命令“hexo clean”清除缓存,然后使用命令“hexo g”生成静态文件,最后使用命令“hexo s”启动本地服务器。
6. 访问http://localhost:4000即可查看博客页面,其中插入的图片也会显示出来。
hexo博客social设置
在Hexo博客中,你可以通过修改主题配置文件来设置社交链接。根据引用\[1\]和引用\[2\]的内容,你可以在主题配置文件中找到social项,并在其中添加你想要的社交链接。你可以取消注释已有的社交链接,或者添加新的社交链接。例如,如果你想要添加GitHub链接,你可以在social项下添加以下内容:
GitHub: https://github.com/yourname || fab fa-github
其中,https://github.com/yourname是你的GitHub链接,fab fa-github是对应的图标。你可以根据需要添加其他社交链接,如E-Mail、Weibo、Twitter等。确保每个链接都以类似的格式添加,并使用正确的图标代码。引用\[1\]和引用\[2\]提供了一些常见社交链接的示例。
另外,根据引用\[1\]和引用\[2\]的内容,你还可以通过设置icons_only为true来只显示图标而不显示文字。如果你想禁用社交链接的过渡效果,可以将transition设置为false。
最后,根据引用\[3\]的内容,你还需要在_next主题文件夹中的_config.yml文件中进行一些配置。在rss项后面添加/atom.xml,确保在冒号后面加上一个空格。
通过以上步骤,你可以在Hexo博客中设置社交链接和其他相关配置。
#### 引用[.reference_title]
- *1* *2* [Hexo-Next主题搭建个人博客最新配置教程!](https://blog.csdn.net/Bennnnnnn/article/details/128000842)[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^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [hexo博客的背景设置](https://blog.csdn.net/Com_ma/article/details/76039859)[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^v91^koosearch_v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]